目次

１．課題について
２．アプリの特徴について
３．ターゲット・ペルソナ
４．制作行程について
５．感想

１．課題について

旅行に行こう！！

そう思い立っても、計画を立てられない、調べるのが面倒くさい、コースを考えられない・・・。と、旅行になかなか行けていないという人も多いのではないでしょうか。

それに、どんな人でも、予算、時間、場所を考えるのは手間がかかるもの。

特に、行きたい場所がたくさんあるときは調べても調べても終わらないということもあるのではないでしょうか。

２．アプリの特徴について

①条件を入れれば、簡単に計画を立てることができる！細かい指定も可能！

②季節ごとに魅力ある場所を知ることができる！

③行ったことのある旅行先や、いつか行ってみたい場所のコースを保存しておける！

④見やすく、可愛い白を基調としたデザイン！

３．ターゲット・ペルソナ

旅行の計画を立てるのが苦手な人、旅行についての情報を知りたい人をターゲットにしていますが、特に、一人旅をしたい女性が使いたくなるようなデザインを心がけて作成しました。

４．制作行程について

今回の製作ではGoodpatch提供の「Prott」（プロット）というソフトを使用しました。

このProttはワイヤー・UIデザインのプロトタイピングツールソフトです。
最大の特徴は下記で紹介する「手書きから作る」です。手書きで作ったアプリの案を写真に撮りそのままプロトタイプとしてデザインを作ることができます！

その制作工程を今から紹介します

まずはソフトの登録をし、スマートフォンにアプリをインストールします。そして、スマートフォンで写真を撮り、アプリ内に取り込みます

四角を画面いっぱいに広げて配置し、背景の元を作ります

下書きが見えるよう、背景の不透明度を下げ、透かします。そして、四角形を配置します。大きさは自由に決めることができます。

文字を入れていきます

文字を入れ終わったら、四角の色を変えます。画面右の「塗り」から変えられます

アイコンを配置していきます。アイコンは、画面左上の写真マークから選ぶことができ、その後登録して繰り返し使えるようにすることもできます。

配置が終わったら背景の不透明度を１００％に戻し、白に変えます

今回はアプリの色調に統一感を持たせるために、その後全体的に調節しました

画像を入れ、リンクエリア（どこをクリックしたらどこの画面に飛ぶか）を設定します

後は細かい部分の調節をして、完成です！

実際に動かすにはこちら

その他制作物はこちら

５．感　想

　私は、商業高校生ですが、プログラミングをやったことはなかったし、授業も受けたことはありませんでした。だから、この授業でアプリ製作のようなものをやると聞いたときは、「できない」と率直に思いました。しかし、prottの説明を受けるうちに、できるかもしれない、アイデアを形にできるかもしれないという思いが強くなっていきました。
　実際、授業ではプログラミングのことが何もわからなくても、アプリの試作品を作り上げることができました。自分の考えたものが形になり、多くの人に伝えることができるというのは、とても楽しく、貴重な経験となりました。prottは、仕事でアプリを作る人だけでなく、考えたシステムの提案をするときにも使える、とても便利なツールだと思います！

静岡県立島田商業高校　こちらクリック

prottサイト　こちらクリック