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 5 years have passed since last update.

華やかな世界の構築

Last updated at Posted at 2018-11-28
1 / 30

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


1.課題について




お年寄りの服ってなんだか暗い色合いのものが多いと思いませんか?
自分の好みでそのような服を着ている方もいらっしゃると思いますが、中には、


「こんな服を着たいけど、周りの目が気になるなぁ、、、。」
「どんな色合いにしたら良いかわからない。」

という思いから鮮やかな色合いの服から目を背けている方もいると思います。




私たちは、そんな方たちの後押しができるようなアプリを作成しようと思いました。


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




どんな色の組み合わせがいいのか、
静岡県のユニクロの場所、
などの服選びに役立つ情報を入れました。


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


    ・シニア世代の方
    ・おしゃれに服を着たい方
    ・服を買いたい方

4.制作行程について


1ハナセカ .png



まず、『HTML5 UP』 というサイトからアプリの元になるものを選んでいきます。


21ハナセカ  .png



  私たちはこの、

   『Editorial』を選びました。


321ハナセカ  .png




このように、簡単なプログラミングしていきます。
右側にアプリのプレビューが表示されます。


次に、マップを作成していきます。
googleマイマップを使用します。


ああああああああああうううううううううううういいいいいいい無題.png


マイマップを開き、矢印の部分をクリックし、『新しい地図を作成』を選びます。
いいいいいいい無題.png


『インポート』をクリックし、あらかじめ作ってあるファイルを貼り付けます。
かかかかかかかかかか.png


うううううううううううういいいいいいい無題.png
私たちはExcelで緯度、経度をまとめたものを使用しました。


地図が完成したら、『自分のサイトに埋め込む』をクリックします。
ちずうううううううううううう自分の作成した.png


すると、コードが表示されるので、コピペします。
hkjhkだkjdちずうううううううううううう自分の作成した .png


このようにアプリに埋め込むことができました!

アプリ 完成.png


アプリの使い方については
 こちらをご覧ください。↓

 googleサイト クリック

5.感 想




アプリの作成をするのは、全くの0からのスタートで、問題を出し合い、それを解決するためにはどのようなアプリを作成するべきなのか、大変なこともありました。




プログラミングも、基本的なことを先生から教えていただいただけですが、わずかな知識でもアプリを作ることができたので、楽しく作成することができました。


  

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

 googleサイト こちらクリック
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