インタラクティブなアプリの事実とワークシートの作成

私たちのデジタル世界では、モバイルの重要性を否定することはできませんアプリケーション。彼らは日常の問題の解決策を提供し、私たちの生活を楽にします。このレッスンでは、AppLabを使用して インタラクティブなアプリを作成する 。インタラクティブアプリは、ユーザーが「ゲーミフィケーション、視覚化、さらにはVR / ARを介して視聴覚情報と対話できるようにするアプリです。基本的に、すべてのアプリには何らかの双方向性があります。」

インタラクティブアプリの作成の詳細については、以下のファクトファイルを参照してください。または、28ページのインタラクティブアプリの作成ワークシートパックをダウンロードして、教室や家庭環境で利用することもできます。

重要な事実と情報

ユーザーインターフェイスの設計

ユーザーインターフェイスは、ユーザーが操作するWebサイト、ソフトウェア、またはアプリケーションの外観です。
アプリを成功させるには、作成者はアプリユーザーが何を必要としているかを考慮する必要があります。ユーザーインターフェイスは魅力的で効果的である必要があります。アプリを介したユーザーの移動をサポートし、ユーザーに前向きなエクスペリエンスを提供する必要があります。
App Labは、すべてのアプリコンポーネント/要素を含むデザインツールボックスを作成者に提供します。
アプリの作成者は、さまざまなコンポーネントを組み合わせることで、アプリのユーザーインターフェースを簡単に設計できます。
アプリに要素を追加するには、作成者は要素を画面にドラッグアンドドロップする必要があります。画面内の任意の場所に要素を配置し、その要素のプロパティを編集できます（サイズ変更、色の変更、テキストの編集など）。

UI要素

ボタン –通常、中央にラベルが付いた図形として表示され、ユーザーが特定のコマンドを実行できるようにします
ラベル –特定のオブジェクトに関する情報をユーザーに提供するテキストを表示します
ラジオボタン –ユーザーが特定のリストからオプションを選択できるようにする小さな円形要素
画像 –作成者が特定のオブジェクトの画像を画面に表示できるようにします
画面 –作成者がアプリに新しい画面を追加できるようにします
チャート –作成者がユーザーにデータを表示し、そのデータに関するメッセージを伝達できるようにします
写真選択 –ユーザーが自分のコンピューターから写真を選択して保存できるようにします
テキスト入力 –ユーザーがデータを入力できる場所
落ちる –ボタンがクリックされたときにユーザーが値を選択または選択できるアイテムのリストを表示します
チェックボックス –ユーザーがアイテムの横にあるチェックボックスをオンにしてアイテムを選択できるようにします
キャンバス –ユーザーがグラフィックを描画および作成できる場所
テキストエリア –無制限の文字数を保持できます（通常、コメントやレビューなどのユーザー入力を収集するために使用されます）
スライダー –ユーザーがノブをスライドして値を制御できるようにします
完璧なモバイルアプリを作成するための決まった公式はありませんが、これらの優れた設計原則に従うことは、クリエイターが成功するアプリを構築するのに間違いなく役立ちます。
まず、ミニマリズムを目指して努力するのは良いことです。雑然としないでください。画面には、必要なすべての要素のみが含まれている必要があります。視覚的および機能的なデザインは、アプリ全体で一貫している必要があります。同じフォントのセット、配色などを使用します。ユーザーは、同様の要素がアプリ全体で同じように動作することを期待します。
クリエイターの目標は、シンプルでわかりやすく、機能的なアプリを作ることです。言い換えれば、ユーザーインターフェイスは直感的である必要があります。
ユーザーは、トレーニングなしでアプリを簡単にナビゲートできる必要があります。
アプリも魅力的である必要があります。ユーザーは、戻ってきたいと感じて離れる必要があります。
アプリは効率的である必要があります。ユーザーは、必要なことを実行するためだけに、あまり多くの手順を実行する必要はありません。ユーザーは数回クリックするだけで目標を達成できますか？
また、ユーザーはアプリを使用するたびにサポートされていると感じる必要があります。彼らが助けやアドバイスを必要とする場合、アプリは彼らを助ける方法を持っていますか？
最後に、ユーザーは間違いを犯したときに簡単に回復できる必要があります。

アプリをインタラクティブにする

コードにより、ユーザーインターフェイス要素がインタラクティブになります。設計者は、要素を特定の方法で動作させ、ユーザーがそれを操作できるようにするためのコードを必要としています。
この例は、ユーザーがボタンをクリックしたときにタスクを実行する（背景を緑色にする）ようにボタンをコーディングする方法を示しています。
設計者は、以下に示すように、コーディングブロック内に正しい情報を入力する必要があります。
「インタラクティブアプリには、UI要素とそれらのUI要素のイベントハンドラーの両方が必要であり、必要なユーザーインタラクションのタイプごとに必要です。」
最初のドロップダウンを使用すると、設計者はコーディングする要素を選択できます。
2番目のドロップダウンを使用すると、設計者は、指定されたイベントをトリガーするためにユーザーに実行させたいアクションのタイプを選択できます。
要素が実行する必要のあるタスクまたはコマンドはすべて、イベントブロック内にあります。この例では、ボタンをクリックすると、画面の背景色が緑色に設定されます。
コーディングプロセスの詳細については、以下のワークシートに記入してください。

ノート：

ワークシートを使用するには、AppLabアカウントにログインする必要があります。 https://code.org/educate/applabにアクセスします。
このワークシートパックは、アプリ作成入門。 App Labに関するより詳細な初心者向けチュートリアルが必要な場合は、そのワークシートパックを参照してください。

インタラクティブなアプリのワークシートを作成する

これは、28の詳細なページにわたるインタラクティブアプリの作成について知っておく必要のあるすべてが含まれている素晴らしいバンドルです。これらはモバイルアプリケーションの重要性について学生に教えるのに最適な、すぐに使用できるインタラクティブアプリの作成ワークシート。彼らは日常の問題の解決策を提供し、私たちの生活を楽にします。このレッスンでは、AppLabを使用してインタラクティブなアプリを作成します。インタラクティブアプリは、ユーザーが「ゲーミフィケーション、視覚化、さらにはVR / ARを介して視聴覚情報と対話できるようにするアプリです。基本的に、すべてのアプリには何らかの双方向性があります。」