プログラミング学習をしていない生徒がprottを使ってプロトタイプを作成

#目次
[１．課題について](#１課題について)
[２．作成した行程について](#２作成した行程について)
[３．なぜprottにしたのか？](#３なぜprottにしたのか)
[４．課題制作について](#４課題制作についてグループごと掲載)
[５．その他](#５その他)


#１．課題について
身近な地域の課題をプログラミングが出来ない高校生がprottを使って作成をする。
グループは２名１チームとして作成をしていくがprottのアプリは１人1つアカウントを付与している（全部で７チーム14アプリの作成）
授業は課題研究の時間で実施をし週３時間合計２１時間程度の実施。

#２．作成した行程について
①アイデア
まず、身近な問題を考えていくこととする。prottのページでは多摩美術大学のものを実施したものが掲載されているのでそれを例題に自分の周りや地域の課題についてまずはブレーンストーミングをして考えさせる。その後KJ法を使って問題解決のために繋げていく。
※ブレーンストーミング・KJ法をすることで課題の整理及び可視化をさせる。

|ブレーンストーミング|KJ法|
|---|---|
|![40962699_1045997258913382_1848977472398295040_n.jpg](https://qiita-image-store.s3.amazonaws.com/0/252831/d7717ec5-eebc-54b2-1c27-28f38bad1dad.jpeg)|![40906748_1045997245580050_772162092491866112_n.jpg](https://qiita-image-store.s3.amazonaws.com/0/252831/3d3f6c91-ae4d-bbf8-f174-153f7b65bae6.jpeg)

②実際にどんなアプリがいいのかを紙に書いてみる

|方眼用紙||
|---|---|
|![IMG_3674.JPG](https://qiita-image-store.s3.amazonaws.com/0/252831/a8265423-93b0-394c-f8c1-51460973ceaa.jpeg)|![IMG_3675.JPG](https://qiita-image-store.s3.amazonaws.com/0/252831/4f4f0586-046a-354e-eb54-f3a5d60185de.jpeg)
※書き方に関しては特に設定を持たせないこととした。

③jpegで写真に撮ってみてそれをprottのサイトでアプリにする。

|パソコン||
|---|---|
|![IMG_3642-1.jpg](https://qiita-image-store.s3.amazonaws.com/0/252831/6d7529ed-2f10-fcb0-67fd-879c7b4692f6.jpeg)|![IMG_3648-1.jpg](https://qiita-image-store.s3.amazonaws.com/0/252831/c4633fb8-abec-eed4-fab8-b1bb8070d899.jpeg)|
![IMG_3646-1.jpg](https://qiita-image-store.s3.amazonaws.com/0/252831/fa8b35ee-a0a0-3656-b7b4-7ee38476f9b5.jpeg)|![IMG_3647-1.jpg](https://qiita-image-store.s3.amazonaws.com/0/252831/9b092b9d-11e1-17eb-3a98-bcc31f91d6b1.jpeg)|

|スマートフォン||
|---|---|
|<img width="375" alt="IMG_3650.PNG" src="https://qiita-image-store.s3.amazonaws.com/0/252831/b73b290e-c831-75db-28e8-b9a326d93249.png">|<img width="375" alt="IMG_3652.PNG" src="https://qiita-image-store.s3.amazonaws.com/0/252831/0943b70c-61f1-3524-4254-293a007eec00.png">|

#３．なぜprottにしたのか？
今回この授業を受講している生徒はマルチメディアという授業の選択者である。１学期はAdobe Illustrator Photoshop を学習し主にレイヤーの使い方や配色についてのことなどを学習しA2判のオープンスクールや学校ポスター制作などをした。
これからの未来でプログラミング学習（ビジュアルプログラミング的な要素）が必要になってくると思われる。また、アプリについても今後様々なところで必要となったときに少しでも学習をして社会に出ていくべきであり学習ツールとしてprottを使うことになりました。

#４．課題制作について（グループごと掲載）

|グループ|テーマ|作成者|作成者|
|---|---|---|---|
|１|新社会人のビジネスマナー|[いけたつ][link-3]|[めいめい][link-4]|
|２|アイデアの宝庫|[オカゴリ][link-5]|[ハヤザキ][link-6]|
|３|Body Searcher|[にくたろ][link-7]|[ぽぷこ][link-8]|
|４|観光アプリ|[かな][link-9]|[しもむら][link-10]|
|５|洗濯表示|[らいじん][link-11]|[もっち][link-12]|
|６|Comic Search|[たぬき][link-13]|[寺][link-14]|
|７|簡単家計簿|[あずー][link-15]|[まぁや][link-16]|
[link-3]:https://qiita.com/KyoTatsu/private/813d397c429cfdf3d9ae
[link-4]:https://qiita.com/pom___5/private/4b4ef02619e977120524
[link-5]:https://qiita.com/okagori/private/45ace7e5ef0db66f56b1
[link-6]:https://qiita.com/hayazaki/private/971ef3a9b67d68281441
[link-7]:https://qiita.com/saka0116sss/private/3dec29b4e73ad15c633a
[link-8]:https://qiita.com/popuko/private/b52453d0d6180098789d
[link-9]:https://qiita.com/yamakana/private/d9269ce8ff696cdc7c41
[link-10]:https://qiita.com/under-village/private/a21e16bceeb1d13a57a3
[link-11]:https://qiita.com/sakainagata/private/771d17940d22b2aa217e
[link-12]:https://qiita.com/kiichirou670/private/84e670974a502802fcbd
[link-13]:https://qiita.com/tanukianiota/private/94e88f71b5de20cf183c
[link-14]:https://qiita.com/yyyyumi321/private/5b4d2a9516c20f9ca1af
[link-15]:https://qiita.com/azu1219/private/9b706434e5917275969f
[link-16]:https://qiita.com/maya1125/private/36d873ba65da62921737

※作成者をクリックしてください。詳細のページに飛びます。

その他制作物は こちらを[クリック][link-17]
[link-17]:https://qiita.com/shigeru-suzuki/items/409137c96ee739509487


#５．その他
静岡県立島田商業高校　こちらを[クリック][link-1]
[link-1]:http://www.edu.pref.shizuoka.jp/shimada-ch/home.nsf/IndexFormView?OpenView

prottサイト　こちらを[クリック][link-2]
[link-2]:https://prottapp.com/ja/