こんにちは！クラウドビジネス担当の三島です。今回のOffice365コラムでは、フリーアドレスオフィスで役立つアプリを作成してみたいと思います。フリーアドレスというのは、仕事の内容に合わせて、自由に着席場所を選べるオフィススタイルのことで、固定席に比べて柔軟なコミュニケーションがとりやすいことから採用する企業は年々増えてきています。当社でも採用しており、業務効率の向上に効果を上げています。

ところが困った問題が一つあります。それは「広いオフィスでは誰がどこにいるのかわからない」と

いうことです。電話やチャットで確認をすれば簡単に解決する問題なのですが、1日に何度も確認をするのは煩わしいですよね。そこで今回は、誰がどの席に座っているのかという情報を簡単に共有できるアプリを作成してみたいと思います。座席番号をクリックするだけのシンプルなアプリですので、ぜひ読んで見てくださいね。

１．フリーアドレス座席確認アプリ

今回はこのようなアプリを作成します。オフィスの写真をアプリに張り付けて、座席ボタンを配置します。アプリの右側にあるリストには検索フォーム付きの社員一覧を配置して、クリックをすると座席ボタンの枠の色が変わるようにします。

２．アプリを作成する

PowerAppsでアプリを作成します。PowerAppsを起動して、サイドメニューからアプリを選択します。続いて「＋アプリの作成」を選択してキャンパスを選びます。キャンパスのサイズはタブレットレイアウトを選択します。

３．オフィスの画像をアップロードする

オフィスの写真をPowerAppsにアップロードします。アップロードはメディアメニューにある画像ボタンを押して、参照ボタンからファイルダイアログを開いて選択をします。今回は3枚の写真それぞれをoffice1、office2、office3という名前でアップロードしています。

４．エンティティを作成する

どの座席に誰が座っているのかを保存するために、    Common Data Serviceでエンティティを作成します。今回のエンティティは下図の通り作成して下さい。

Common Data Serviceで初めてエンティティを作成される方は下記リンク先の手順を参考に作成してみてください。

Common Data Serviceで来客情報を管理する

エンティティを作成したら、データソースとしてアプリに追加します。ビューメニューにあるデータソースより「データ」を開きます。「＋データソースの追加」よりCommon Data Serviceのエンティティ「seat」と今回は「Office365ユーザー」も追加します。

５．社員リストを作成する

社員を検索して一覧表示するためのリストを作成します。タイトル名は「社員一覧」としてラベルで作成します。その下に名前で検索出来るようにテキスト入力フォームを作成します。更にその下にギャラリーを置いて、検索結果を表示させます。検索結果には座席番号と社員名を表示させています。また、社員がどの部屋にいるかがひと目でわかるように部屋毎に色分けをした四角形を置いています。具体的なパーツと各種パラメータは下図を参考にして下さい。黒文字が各パーツで、青文字がそのパラメータです。