Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Presented in Science Castle '22/leave a nest
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Tora_Kizu
August 15, 2023
Programming
0
98
Presented in Science Castle '22/leave a nest
Tora_Kizu
August 15, 2023
Tweet
Share
More Decks by Tora_Kizu
See All by Tora_Kizu
About Sozan Liberal Arts
tora_bim
0
150
Making App "herehere"/herehere
tora_bim
0
69
Other Decks in Programming
See All in Programming
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
haochenx
0
140
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
mulyu
3
300
CSC307 Lecture 05
javiergs
PRO
0
500
Fluid Templating in TYPO3 14
s2b
0
130
例外処理とどう使い分ける?Result型を使ったエラー設計 #burikaigi
kajitack
16
6.1k
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
yimajo
3
620
HTTPプロトコル正しく理解していますか? 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ニャ〜
hekuchan
2
690
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
bengo4com
0
570
それ、本当に安全? ファイルアップロードで見落としがちなセキュリティリスクと対策
penpeen
7
3.9k
ぼくの開発環境2026
yuzneri
0
230
なぜSQLはAIぽく見えるのか/why does SQL look AI like
florets1
0
460
Unicodeどうしてる? PHPから見たUnicode対応と他言語での対応についてのお伺い
youkidearitai
PRO
1
2.5k
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.7k
How to build a perfect <img>
jonoalderson
1
4.9k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
ラッコキーワード サービス紹介資料
rakko
1
2.3M
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
730
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
280
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
140
Un-Boring Meetings
codingconduct
0
200
Stop Working from a Prison Cell
hatefulcrawdad
273
21k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Designing Experiences People Love
moore
144
24k
Site-Speed That Sticks
csswizardry
13
1.1k
Transcript
アプリ開発によるQOL 向上と生徒の関心の変化 岡山県立岡山操山中学校2年・木津 虎
きっかけ コロナによる黙食 全然楽しくない!!!
黙食について 「子ども達へのアンケートは全国から1,593件集まり、その結果からは、 ・『給食を話しながら食べたい』90.4% ・『マスクを外したい』89.5% その他個別回答では、『もう学校行きたくない』『大人は好きに喋ってごは んを食べたりマスク外したりしてるのに子どもばかり禁止されてひどいと 思う』など、苦しい状況を表す声が多数寄せられました。」 全国有志子供を思う会「全国子供向けアンケート」(7月3日 1593人)より引用 黙食は全国的に大きな課題となっている。
目的 プログラミングで昼食時のQOL向上へ
仮説 お昼に動画を 流そう!! 暇だなー 楽しくないなー 動画を流せば楽しくなるのでは!?
開発項目 以下をアプリに実装すれば、生徒たちのQOLが向上すると考えた。 機能面 デザイン面 見たい動画の投稿 削除機能 ランダムで動画を選択 かわいらしいUI だれでも見やすいUI
開発の流れ 動画選択システムを 先生が発案 1年生 webアプリの形で 自分で作成(ver.2) 2年生 5月 フィードバックをもとに、 3代目を作成(ver.3)
2年生 夏休み 表計算ソフトで 動画選択(ver.1) 1年生 生徒たちからの フィードバック 2年生 7月 サイエンスキャッスルで 発表 2年生 12月
開発方法 開発環境…Repl.it 開発言語…PHP, HTML, CSS, JavaScript
開発の様子 機能面は、JavaScriptというプログラミング言語を用いて実装した。 デザイン面は、CSSというプログラミング言語を用いた。 実際に書いたコード
開発したアプリ画面 このような アプリが完成した。
開発結果(ver.2) 仮定で挙げていた5つの目標は達成できたが 新しく生徒から3つのフィードバックが寄せられた。 機能面 デザイン面 見たい動画の投稿 削除機能 動画の説明を投稿 ランダムで動画を選択 かわいらしいUI
誰でも見やすいUI ルーレットのイラスト 使いやすく押し間違えのないボタン配置 使いにくい!
バージョンアップ! これらのフィードバックを改善するために 新しくプログラミング言語を学びなおして、ver.3を開発した。 Ver.1 表計算ソフト Ver.2 JavaScript Ver.3 PHP ~プログラミング言語の変化~
開発結果(ver.3) 動画の説明を投稿する機能と、 使いやすく押し間違えのないボタン配置は実装できた。 ルーレットのイラストの実装ができていない。 機能面 デザイン面 見たい動画の投稿 削除機能 動画の説明を投稿 ランダムで動画を選択
かわいらしいUI 誰でも見やすいUI ルーレットのイラスト 使いやすく押し間違えのないボタン配置
結果
効果検証 クラスで実際に使用した QOLが向上した 昼食時の笑顔が増えた
効果検証 生徒たちの声 使いやすい! ルーレットが ドキドキするから楽しい 画面が可愛い
効果検証 生徒たちの声 使いやすい! ルーレットが ドキドキするから楽しい 画面が可愛い 思いもよらぬ効果が得られた!
発展・展望 ~生徒たちの関心の変化~ プログラミングに 関心や興味を持った この機能ほしい 実装 プログラミング すごい!
発展・展望 校内研究発表会が開催できた! その名も SozanLiberalArts プログラミングを中心に、 各自の好きなもの・興味のあるものを発表する場 全校生徒360名のうち、約60名が参加
発展・展望 機能面 デザイン面 見たい動画の投稿 削除機能 動画の説明を投稿 ランダムで動画を選択 かわいらしいUI 誰でも見やすいUI ルーレットのイラスト
使いやすく押し間違えのないボタン配置 達成できなかった「ルーレットのイラスト」を実装するために、 SozanLiberalArtsに来てくれたイラストを描くことが得意な子と共同制作! すべて達成へ