顧客管理アプリケーションを試す (2) スマートフォン 編

スマートフォンUIとは

Wagbyでビルドしたアプリケーションは2つのUIを利用できます。それぞれ「標準UI」「スマートフォンUI」と呼んでいます。

スマートフォンUIは、標準UIの画面機能をスマートフォン向けに最適化したものです。標準UIの一部機能は使えませんが、スマートフォンからの操作性を向上させています。

モバイル端末用画面の作成

アプリケーションをスマートフォンなどのモバイル端末で利用する場合、事前の設定が必要です。
モバイル用の画面を用意するかどうかは、モデルごとに設定します。

モデルの詳細画面を開き、「画面 > その他」タブの「スマートフォンUIを作成する」を有効にした状態でビルドします。

ログオン

1. アプリケーションのログオン画面が開きます。
   次のアカウントがデフォルトで用意されていますので、ログオンします。

   ユーザID	：admin
   パスワード	：Wagby Designerビルド画面の「管理者初期パスワード」を確認

   

   ワンポイント

   標準UIとスマートフォンUIを提供するサービスのURLは同じです。WagbyアプリケーションがPCかスマートフォンかを自動判別します。

2. 「顧客検索」というメニューが用意されています。こちらがさきほどの手順で作成した顧客モデルの操作を行うメニューです。
   モデルを追加すると、このメニューが増えていきます。
   

   

データの登録

1. 「顧客検索」をタップして開きます。
   

   

2. 「＋」をタップし、登録画面に遷移します。
   

   

3. 各項目入力し、「保存」ボタンをクリックします。
   （※「顧客ID」は自動的に振られるため、入力欄は用意されません。）
   

   

4. 顧客データが1件、追加されました。
   

   

登録済みデータの編集

1. 更新したいデータをクリックし、詳細表示画面にアクセスします。
   右上の「更新」ボタンをクリックします。
   

   

2. 内容を編集し、「保存」ボタンをクリックします。
   

   

3. 選択した顧客データが更新されました。
   

   

データの削除

1. 削除したいデータの詳細画面にアクセスし、画面下部の赤いボタン「削除」をタップします。
   

   

データの検索

1. 右上の虫眼鏡ボタンをタップします。
   

   

2. 検索項目が表示されます。
   ここで条件を入力して「検索」ボタンをタップします。
   （もう一度虫眼鏡ボタンをタップすると、検索ウインドウが閉じます）
   

   

3. 入力した内容を含むデータが抽出されます。