LoginSignup

This article is a Private article. Only a writer and users who know the URL can access it.
Please change open range to public in publish setting if you want to share this article with other users.

More than 3 years have passed since last update.

体調管理アプリ

Last updated at Posted at 2019-09-12

目次

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

1.課題について

今の現代は睡眠不足や野菜不足などのさまざまな問題や課題があります。
私自身も睡眠不足で悩んでいます。そんな問題を少しでも改善したいと思いこのアプリの開発を考えました。このアプリを使えばきっと生活リズムが改善され毎日健康に過ごせます!!

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

①一日の総合の生活バランスが分かる。
②その日1日のバランス状態がグラフで示されているから分かりやすい。
③1つ1つのサポートにしっかりアドバイスがある。

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

沢山の人に使ってもらいたいが、健康管理があまりできていなくて体調を崩しがちな人はぜひ使ってほしい。

4.制作行程について

今回、このアプリを制作するにあたって、まず、プロトタイプを制作することにしました。そのためにGood patch提供の「Prott」(プロット)というソフトを使用しました。

制作工程を紹介します!!
①まず、用紙に自分の作りたいアプリの画面、ページをデザインしそれをパソコンに取り込みます。
②用紙に書いたアプリのデザイン画をprottに読み込みます。
アプリ写真6.jpg
④写真が読み込めたらワイヤーフレームを編集していきます。
⑤下書きの写真を覚えておきながら全体をピンク・白・グレーの3色で塗りつぶします。
この時、サイズが元の下書きの画像と同じになるようにしっかり調整します
アプリ写真7.jpg
⑥メニューバーを作ります。今回は作っておいたものをコピーして貼り付けました。アプリ写真8.jpg
⑦次に下のバック・ホームボタン・マイページボタンを作ります。アイコンにしたことにより分かりやすくなります。9アプリ写真.jpg
⑧次に線ツールで線を引いていきます。アプリ写真10.jpg
⑨最後に文字やアイコンを付けて完成です。アプリ写真11.jpg

グループ テーマ 作成者
2 体調管理アプリ ほーりー

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

5.感想

「prott」でアプリのプロトタイプを制作して

私は今回までアプリ開発をしたことがありませんでした。
いつも使用する側だったので作る側の体験をしてみて苦労や大変さを実感することが出来とてもいい機会でした。よく考えて作っているのに実際にプレビューで使ってみると思っていたものと違ったりリンク先を沢山修正しました。しかし、プログラミングを学習していないわたしでも作り上げることが出来ました。ぜひ、皆さんもこの「prott」を使ってアプリ開発をしてみてください!私も他のアプリを沢山開発していきたいと思います。

その他作成物 こちらをクリック

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

prottサイト こちらをクリック

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