LoginSignup
13
0

More than 5 years have passed since last update.

Comic search

Last updated at Posted at 2018-11-05

目次

1.課題について
2.アプリの特徴について
3.ターゲット・ペルソナ
4.制作行程について
5.感想
6.その他

1.課題について

本屋に立ち寄った際、自分がいま何の漫画を、何巻まで持っているのかわからなくなってしまい、結局買わずに帰ってきた、または、もうすでに持っている漫画をもう一度買ってきてしまった!
なんて経験はありませんか?
そこで、漫画購入に関する悩みを解決できるようなアプリを作成しました。

2.アプリの特徴について

① 男性漫画、少年漫画、女性漫画、少女漫画の4つにカテゴリー分けをし、お気に入り登録、
自分が今どこまで持っているかをブックマークに登録することができます。

②どこの出版社、漫画の横表紙に書いてあるロゴも起債!!

③何か漫画が欲しいけど、何が人気かわからない。 そんなときのために、ランキングも用意しています。

3.ターゲット・ペルソナ

漫画を購入する機会がある人をターゲットにしています。また、上記の通り、漫画を購入する際に困った経験がある人に主に使って頂きたいです。

4.制作行程について

今回、アプリを作成するに当たり、プロトタイプを作成しました。
そこで使用したのが「prott」です。

①  まず、アプリ画面のデザインを紙に大まかに書いていきます。

②  紙に書いたデザイン案の写真を撮り、prottで読み込みます。
puroto.png

③  写真が取り込めたら、ここを押すとここに飛ぶというように、リンク先を決めていきます。
タップする範囲を決め、そのままドラッグし、飛びたいページを指定していきます。
prott画像1.png
④  すべてのリンク先が決まったら、本格的にアプリのデザインを作っていきます。
自分で書いたデザインにあわせて、テンプレートの中から選んでいきます。無題 fgergregr.png
pc内に保存されている画像も貼り付けることもできます。
mjjyhgjh.png
こんな感じに出来ました。
また、画面上部にある、プレビューで、作成したプロトタイプを確認することができます。
ここで変な点があったら修正して、完成です!!!

アプリを実際に動かすにはこちらをクリック

グループ テーマ 作成者 作成者
漫画検索 たぬき

その他制作物はこちらクリック

5.感 想

prottを使用して
初めにアプリのプロトタイプを作成すると聞いたときは、基本的なpc操作もあまり自信がない私にとって、すごく不安でした。でも、このprottは、自分がイメージしているものを紙に書いて、それに合わせて図形を貼っていったり、マウス操作でほとんどの事ができます。
難しいプログラミング言語は一切使うことなく、楽しく作成することができました。
アプリのプロトタイプを作ってみたいけど、プログラミングなんてわからない。プロトタイプくらい、楽に作りたい。という方にオススメです!

6.その他

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

prottサイト こちらクリック

13
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
13
0