#目次
１．課題について
２．アプリの特徴について
３．ターゲット・ペルソナ
４．制作行程について
５．感想
#１．課題について
学校帰りに友達とカフェに行きたい！！！おしゃれなカフェを知りたい！！
でも、どこにあるのか知らない・・・島田にカフェってあるのかな？
などと思ったことはありませんか？
島田のカフェや喫茶店などをすぐに調べたい行きたい
そんな人のためにアプリを作成しました。
#２．アプリの特徴について
①店名・店の特徴・場所等のキーワードで簡単に検索できる
②検索すると場所や店の写真が出てくるためわかりやすい
③行ったことのある人のコメント等が表示されるため、みんなと共有できる
④お気に入り登録ができるため、もう一度探さなくてもよい
⑤ホームページ・Twitter・instagramに飛ぶことができる
#３．ターゲット・ペルソナ
島田市に住んでいて、カフェや喫茶店に行くのが好きな女性
写真を撮ったり投稿することが好きな人
#４．制作行程について
今回、このアプリを制作するにあたって、まず、プロトタイプを制作することにしました。
Good patch提供の「Prott」（プロット）というソフトを使用します。
「Prott」とはアプリを作るために必要なプログラミングのコードを書かずに、本物のようなアプリを手書きから再現できるツールソフトです。
では、その工程を今から紹介していきます。
１．最初に、紙に手書きで画面のデザインを書きます。
書き終わったら写真を撮り、prottに読み込みます。
２. 手書きの写真を読み込んだら、ワイヤーフレームを作成していきます。
下書きに合わせて自分の好きな色やデザインでフレームや文字、アイコンなどを置き、スクリーンを作成していきます。
このように見やすい色を使ったり、微調節をして完成させます
３.それぞれのワイヤーフレームが作り終わったら、クリックした先のリンクを繋げます
繋ぎ合わせたら完成です
このアプリを実際に動かすにはこちらを[クリック][link-4]
[link-4]:
https://prottapp.com/p/416991
|グループ|テーマ|作成者|
|---|---|---|---|
|３|島田でホッと一息|あいこっこ
#５．感 想
今回「prott」でアプリのプロトタイプを試作してみて、このようなアプリを考えたり実際に作ってみるのは初めてで、グループの子と「こんなアプリがほしい、こうしたらいいよね」と話し合いながらアイデアを出したり、ワークフレームを作成するのは大変でしたが、どうしたら見やすくなるのか、もっとこうしたほうがわかりやすいなどと考えながら楽しく作成することが出来ました。
普段アプリを作ることはめったにないのでよい経験になったと思います。
このように、プログラミングがわからない私たち高校生でも簡単にアプリを作ることができるこの「prott」を使えば、もっと便利なアプリや生活を送ることが出来ると思います。
ですから、この「prott」をもっと多くの人々に知ってもらいたいと思いました。
このアプリを実際に動かすにはこちらを[クリック][link-4]
静岡県立島田商業高校 こちらを[クリック][link-1]
[link-1]:http://www.edu.pref.shizuoka.jp/shimada-ch/home.nsf/IndexFormView?OpenView