令和５年度　静岡県立島田商業高校(特色ある授業実践)

目次
[１．はじめに](#１はじめに)
[２．環境について](#２環境について)
[３．オープンデータ](#３オープンデータ)
[４．SDGsについて](#４sdgsについて)
[５．AI活用について](#５ai活用について)
[６．令和５年度　情報ビジネス科　作品一覧](#６令和５年度情報ビジネス科作品一覧)
[７．その他](#７その他)

# １．はじめに


　静岡県立島田商業高校では、アプリの考案から製作までの活動をシビックテックの概念を用いて授業の中で実施をしています。また、そのアプリ製作の内容はオープンデータ・SDGs・AIツールの活用について実施しており様々なアプリケーションやデータを作成してきましたのでこちらにて紹介していきたいと思います。
<font color="Red">※オープンデータについては2014年から授業に導入しています。</font>

# ２．環境について

<h3>Monaca - HTML5ハイブリッドアプリ開発プラットフォーム</h3>
平成28年度から情報ビジネス科のアプリは Monacaで作成しています。
Monaca とは？
Monacaは国内最大級のモバイルアプリ開発プラットフォームです。アプリ開発に必要なものを全てクラウドで提供しているため、Webブラウザだけあればセットアップ不要ですぐにアプリ開発を始められます。 プログラミング言語にはWeb標準技術であるHTML5やJavaScriptを採用しており教育利用にも最適です。また、Cordovaというオープンソース技術を採用することでiOSやAndroidのネイティブアプリ生成に対応しております。

[Monaca Education公式サイト][link-2]

[link-2]:https://edu.monaca.io/

<h3>Unity</h3>Unity
Unityとはユニティ・テクノロジーズ社が開発したゲーム開発プラットフォームです。
iOSやAndroid、xboxやPlayStation4などの様々なプラットフォームでの開発に対応しています。
ゲームや映像制作を通してプログラミングを学べるということから小学生からの人気も高まっています。
スマホゲームアプリの多くはUnityで作られており、2Dだけでなく3Dのゲームも作ることができます。
また、コンピュータを使った芸術作品であるデジタルアートなどにも多く使われています。
最近では、建設業界でお客様が建物内部、外部の様子をVRで体感できる装置での活用も進んでいます。
今後は、建設業界だけでなく自動車設計や医療現場などでも活躍が期待されます。
生徒はＣ#を使って作品を制作しています。

[Unity公式サイト][link-2]

[link-2]:https://unity.com/ja

# ３．オープンデータ
　オープンデータとは近年、行政機関を中心に取り組んでいる、情報を誰でも自由に使えて再利用もでき、かつ誰でも再配布できるようにしたデータです。保有する情報を、第三者が従来にはなかった視点で活用することで、新たな価値が生まれ、市民生活をより豊かにするという考えのもと運営されています。
　情報ビジネス科では、授業の一環（科目：電子商取引・総合実践）としてアプリケーションの作成をする中でオープンデータについて学習していますが、今回、地域に根ざした学校の取り組みのひとつとして実施をしています。　
皆さまが地域のお店のデータを有効に利用していただくことで地域貢献につなげることができればと思います。
　学校*1の取り組み（授業の中での実施）としても全国初の試みであり、手探りの部分も多々ありますのでデータに関する改善意見や質問などをいただければありがたいと思います。この試みが地域の課題改善や地域活性化に向けた一助となるようオープンデータの学習・アプリケーションの開発に取り組んでいきます。

参考：[総務省HP][link-18]

[link-18]:http://www.soumu.go.jp/menu_seisaku/ictseisaku/ictriyou/opendata/index.html

# ４．SDGsについて
持続可能な開発目標ＳＤＧｓエス・ディー・ジーズとは
持続可能な開発目標（SDGs：Sustainable Development Goals）とは，2001年に策定されたミレニアム開発目標（MDGs）の後継として，2015年9月の国連サミットで加盟国の全会一致で採択された「持続可能な開発のための2030アジェンダ」に記載された，2030年までに持続可能でよりよい世界を目指す国際目標です。17のゴール・169のターゲットから構成され，地球上の「誰一人取り残さない（leave no one behind）」ことを誓っています。SDGsは発展途上国のみならず，先進国自身が取り組むユニバーサル（普遍的）なものであり,日本としても積極的に取り組んでいます。

参考：[外務省HP][link-19]


# ５．AI活用について
・対話型AI ([chatgpt][link-40] / [Bard][link-41]) 対話型については生徒が自分でGoogleアプリを掲載するときに校正的な部分での活用。プログラミングを実施するときの補助的なものとして活用する。
（意外とコードが違っているので最初の部分などに活用しています）
・画像作成AI([BlueWillow][link-42] / [canva][link-43])画像生成などでアイコンやプレゼンの挿絵などの活用をしています。
・カラー配色AI([ColorMagic][link-44]) HP / アプリ / プレゼン資料などの配色展開を教えてくれるので参考程度に使っています。
・音声系AI Youtube動画でのVtuberをアップする際に活用しています。

<font color="red">授業での注意事項として（ねらい）</font>
・授業の中で活用した場合はこのAIで作成したというものをプレゼン資料などに記載させる。
・スプレッドシートとchatgptを連動させ実際に使ってみて間違えている部分を理解させる。そのうえでどのように補助活用するのかを考える。
・Webデザイナー、システムエンジニアなどだけではなく様々なAIを活用することで自分が将来就職してからAIではできないことのようなものを考えさせる。


[link-19]:https://www.mofa.go.jp/mofaj/gaiko/oda/sdgs/about/index.html
[link-40]:https://openai.com/blog/chatgpt
[link-41]:https://bard.google.com/
[link-42]:https://www.bluewillow.ai/
[link-43]:https://www.canva.com/ja_jp/
[link-44]:https://colormagic.app/

# ６．令和５年度　情報ビジネス科　作品一覧

　　<font color="red">地域からQiita・内容からgoogle sitesにリンクがあります。


| NO | 地域 | 内容 |
| :---: | :--- | :--- |
| 1 | [利尻島][link-4]|[家庭でできるごみのリサイクル方法を知る][link-20]|
| 2 | [北海道][link-5]|[交通インフラ基盤を整えるマップアプリ][link-21]|
| 3 | [静岡県][link-6] |[ポイ捨てされたゴミたちがモンスター化したのを倒していくクイズＲＰＧ][link-22] |
| 4 | [静岡県][link-7]| [子育てをサポートするアプリ][link-23] |
| 5 | [静岡県][link-8] |[お年寄りが健康になるアプリ。][link-24]|
| 6 | [静岡県][link-9] |[「田代の郷」で生き物を守るために行った工夫を紹介していくRPG][link-25]|
| 7 | [山梨県][link-10] |[山梨県のブドウを紹介するアプリ][link-26]|
| 8 | [福井県][link-11] |[電気代の管理と消費電力量を比較して表示・クイズ形式で出題することによって、節電・防災を実現するためのアプリ][link-27]|
| 9 | [愛媛県][link-12]|[愛媛県の観光資源の開発を促進させるアプリ][link-28]|
| 10 |[山口県][link-13]|[生活習慣病の予防と健康寿命をのばすようなアプリ][link-29]|
| 11 |[沖縄県][link-14]|[学習意欲を高めるためのクイズアプリ][link-30]|
| 12 |[沖縄県][link-15]|[クイズ形式でサンゴ礁の現状を知ってもらい、沖縄の観光名所とサンゴ礁の関係を紹介するアプリ][link-31]|

[link-4]:https://qiita.com/taka_gi/private/376bd6431f14fc804d4e
[link-5]:https://qiita.com/suusann/private/8a767211be85244068be
[link-6]:https://qiita.com/ryomaeno/private/0a27d209754b3181c9fe
[link-7]:https://qiita.com/ayanedesu/private/bed81c309de3a080c1aa
[link-8]:https://qiita.com/Yuki01-jusaka/private/dd8f517834894bbaac62
[link-9]:https://qiita.com/kiyomasamorita/private/d6ac169023deb4606a9c
[link-10]:https://qiita.com/koki01masuda/private/9bcd0df3f44ed3c1e773
[link-11]:https://qiita.com/koyuki-kishimoto/private/a06f6e09d14157d1826a
[link-12]:https://qiita.com/iodayo/private/8ccaaf94f4e28db0a404
[link-13]:https://qiita.com/oredaze/private/db24f62c50403505fa7c
[link-14]:https://qiita.com/keisuke02221/private/ab73dbb1c5634f1d8a7e
[link-15]:https://qiita.com/akari01_shibano/private/0ff2d285db807d7aeb1f

[link-20]:https://sites.google.com/shizuoka-shimasho.com/ecocycle/%E3%83%9B%E3%83%BC%E3%83%A0
[link-21]:https://sites.google.com/shizuoka-shimasho.com/sapporogo?usp=sharing
[link-22]:https://sites.google.com/shizuoka-shimasho.com/dustwars/%E3%83%9B%E3%83%BC%E3%83%A0
[link-23]:https://sites.google.com/shizuoka-shimasho.com/motherhelper/%E3%83%9B%E3%83%BC%E3%83%A0
[link-24]:https://sites.google.com/shizuoka-shimasho.com/raisapo/%E3%83%9B%E3%83%BC%E3%83%A0
[link-25]:https://sites.google.com/shizuoka-shimasho.com/taguria/%E3%83%9B%E3%83%BC%E3%83%A0
[link-26]:https://sites.google.com/shizuoka-shimasho.com/budo-okoku/%E3%83%9B%E3%83%BC%E3%83%A0
[link-27]:https://sites.google.com/shizuoka-shimasho.com/denden?usp=sharing
[link-28]:https://sites.google.com/shizuoka-shimasho.com/ehiberuru/%E3%83%9B%E3%83%BC%E3%83%A0
[link-29]:https://sites.google.com/shizuoka-shimasho.com/mezase100sai/%E3%83%9B%E3%83%BC%E3%83%A0
[link-30]:https://sites.google.com/shizuoka-shimasho.com/wara?usp=sharing
[link-31]:https://sites.google.com/shizuoka-shimasho.com/seasa/%E3%83%9B%E3%83%BC%E3%83%A0


# ７．その他

静岡県立島田商業高校　こちら[クリック][link-33]

[link-33]:http://www.edu.pref.shizuoka.jp/shimada-ch/home.nsf/IndexFormView?OpenView