製品

looksoftwareデモのご紹介

概要

iPhoneやAndroidなどのスマートフォン。 いつでもどこでも利用でき、手軽に操作が行える端末。 lookserverにスマートフォン向けテンプレートを導入し、IBM iの既存の アプリケーション、RPGやCOBOLで出来たものを簡単で直観的な操作が 行えるようにカスタマイズしました。

このデモは、外出先から顧客情報を閲覧/編集したり、製品情報の確認・販売の出荷日付の変更などを行えるIBM i アプリケーションが、スマートフォンからでも簡単に操作が行える様子を説明したものになります。



IBM i 画面のデモ動画
※クリックすると動画を再生します(youtubeより)

looksoftwareデモ - 基本操作の説明

基本操作その1

IBM iは多くのキーボードのキーを使用しますが、スマートフォンの狭い画面上でも簡単に操作できます。
一番多く使用されている実行キーと戻るためのF3キーは常に画面に表示されています。

※画面はクリックすると拡大できます。

基本操作その2

サブファイルなどで多く使われているPgDnキーやPgUpキーは利用したいときは大きく表示され、利用していないときはPgDnキーのみ、やや小さめに表示されます。

※画面はクリックすると拡大できます。

基本操作その3

5250画面上のファンクションキーの一覧がボタンに変換されます。
左からスライドして選択します。

※画面はクリックすると拡大できます。

基本操作その4

ただし画面上に表示されていない選択肢にないキーや直観的にファンクションキーを選択したい場合は下からファンクションキーのソフトキーボードを表示し選択します。

※画面はクリックすると拡大できます。

Looksoftwareデモ – 基本操作まとめ

※画面はクリックすると拡大できます。

looksoftwareデモ - 各画面の操作の説明

looksoftwareデモ – 画面遷移図

デモサイトの画面遷移は下図の流れになっています。

※画面はクリックすると拡大できます。

looksoftwareデモ – サインオン画面

サインオン画面です。
ソルパックのIBM i に接続してあります。

※画面はクリックすると拡大できます。

looksoftwareデモ – メインメニュー

サインオン後のメニュー画面です。
「1顧客マスター」を選択します。
コマンドに1と入力しなくても、「1顧客マスター」をタップするだけで移動可能です。

※画面はクリックすると拡大できます。

looksoftwareデモ – 顧客マスター画面その1

顧客マスターの画面です。

  1. PgDnキー選択すると次のページの顧客を確認できます。
  2. 任意の顧客をタップします。
  3. すると選択した顧客の詳細を表示します。

※画面はクリックすると拡大できます。

looksoftwareデモ – 顧客マスター画面その2

  1. F2キーで編集モードに変更されます。
  2. 入力候補の検索としてF4キーのボタンやラジオボタンによる選択、チェックボックスによるオン/オフで簡単で直観的な操作で入力処理を行うことが出来ます。

メニューへ戻るにはF3を2回実行します。

※画面はクリックすると拡大できます。

looksoftwareデモ – 製品マスター画面

製品マスターの画面です。

  1. メニューから「2 製品マスター」を選択すると表示されます。
  2. 製品一覧から任意の一覧を選択し製品記録のページを下へスクロールします。
  3. すると、IBM iアプリ側で定義した画像ファイルのパスを読み取り、表示をしているのが確認出来ます。

※画面はクリックすると拡大できます。

looksoftwareデモ – 販売画面

メニューへ戻り、「4 販売」を選択すると販売の画面を表示します。
配送日をタップすると受注情報の詳細を表示します。
F2キーで編集モードに変更されます。
受注日の右側にカレンダーのマークがあり、タップするとカレンダーが表示されます。
カレンダーから日付を選択すると、受注日が変更されます。

※画面はクリックすると拡大できます。

Q&A

Q.画面がスマートフォン向けに縦長の作りになっていますが、すべて1画面ずつ修正して縦長の画面にしたのですか?

A.いいえ。5250画面上の各フィールドを上から順番に並べているので
自動で縦長の配置がなされています。変換精度にもよりますが、1画面ずつの修正は必須ではありません。

Q.デザインの変更は可能ですか?

A.可能です。 色や配置、キーの割り当てなどはcssやjavascriptなどを使用して作られています。
アイコンは画像ファイルではなくcssで作成されておりますのでアイコンの色変更もCSS中の色の定義だけで変更できます。

Q.ラジオボタンやチェックボックスはどうやって作っているのですか?

A.looksoftwareが入力フィールドをGUIのインターフェースに変換する機能を持っています。さらに、cssとjavascriptを使用してデモのような見栄えに変更しました。

Q.デモのような画面を体感してみたい。

A.可能です。
体験版として一カ月間のライセンスを貸出いたします。
以下の「製品のデモのお申込みフォーム」からお申込み下さい。

お問い合わせ

  • 製品についてお問い合わせ
  • 製品について資料請求
  • 製品のデモのお申込み

このページの上部へ