Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Presented in Science Castle '22/leave a nest
Search
Tora_Kizu
August 15, 2023
Programming
110
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Presented in Science Castle '22/leave a nest
Tora_Kizu
August 15, 2023
More Decks by Tora_Kizu
See All by Tora_Kizu
About Sozan Liberal Arts
tora_bim
0
160
Making App "herehere"/herehere
tora_bim
0
76
Other Decks in Programming
See All in Programming
Next.js: The final boss of Web Performance
guaca
0
260
Jetpack Compose Mechanisms
skydoves
3
820
TechTown - Creating Composable Callables in Contemporary C++
rollbear
0
130
contenteditable と日本語入力に向き合う
colorful12
0
200
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
palkan
1
750
The Rails Doctrine Decade
koic
2
590
残高管理から台帳サービスへの進化
artoy
1
200
PumaからFalconに移行したRailsアプリケーションでの実践
falcon8823
0
170
Everything will be SERVERLESS — 信じて運用した10年の経験値 / Everything Will be Serverless — Lessons Learned from 10 Years of Operational Experience
seike460
PRO
1
1.1k
AIで開発が速くなった先で、開発チームは何を目指すか
shihochan
0
1.4k
自サークルのIdPからログアウトできるようになるまで
taiseiue
1
140
コードレビューのボトルネックを"する側"と"される側"の両面から解消する
yub0n
2
1.6k
Featured
See All Featured
Navigating Weather and Climate Data
rabernat
0
560
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
800
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.9k
How to make the Groovebox
asonas
2
2.5k
ラッコキーワード サービス紹介資料
rakko
1
5.4M
Believing is Seeing
oripsolob
1
240
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Building Adaptive Systems
keathley
44
3.2k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
500
Fireside Chat
paigeccino
43
4.1k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
710
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
18k
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に来てくれたイラストを描くことが得意な子と共同制作! すべて達成へ