Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
どうする情報デザイン
Search
アシアル情報教育研究所
May 29, 2021
Education
0
700
どうする情報デザイン
5月29日開催の
高等学校「情報科」事例セミナー ~情報技術を活用した問題の発見・解決~
での、足立学園中学校・高等学校杉山 直輝先生による事例発表資料。
アシアル情報教育研究所
May 29, 2021
Tweet
Share
More Decks by アシアル情報教育研究所
See All by アシアル情報教育研究所
2025年度Monaca Educationリニューアル体験会
asial_edu
0
52
Monaca Educationコースガイド
asial_edu
0
430
MonacaEducation2025機能アップデート情報
asial_edu
0
170
くだもの図鑑で研修2025
asial_edu
0
220
生徒のアイディア実現のために生成AIを活用したプログラミング授業実践
asial_edu
0
430
系統性を意識したプログラミング教育~ガチャを実装しよう~
asial_edu
0
500
女子商アプリ開発の軌跡
asial_edu
0
460
探究的な学び:Monaca Educationで学ぶプログラミングとちょっとした課題解決
asial_edu
0
450
Monaca Education 活用事例セミナー:「年間通してMonaca Educationを活用する授業実践のご報告」
asial_edu
0
330
Other Decks in Education
See All in Education
Microsoft Office 365
matleenalaakso
0
2k
20251119 如果是勇者欣美爾的話, 他會怎麼做? 東海資工
pichuang
0
140
The knowledge panel is your new homepage
bradwetherall
0
220
【ZEPホスト用メタバース校舎操作ガイド】
ainischool
0
140
Master of Applied Science & Engineering: Computer Science & Master of Science in Applied Informatics: Artificial Intelligence and Data Science
signer
PRO
0
860
Security, Privacy and Trust - Lecture 11 - Web Technologies (1019888BNR)
signer
PRO
0
3.1k
Sanapilvet opetuksessa
matleenalaakso
0
34k
HCI Research Methods - Lecture 7 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.2k
Semantic Web and Web 3.0 - Lecture 9 - Web Technologies (1019888BNR)
signer
PRO
2
3.1k
Evaluation Methods - Lecture 6 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.2k
The World That Saved Me: A Story of Community and Gratitude
_hashimo2
3
360
くまのココロンともぐらのロジ
frievea
0
120
Featured
See All Featured
Music & Morning Musume
bryan
46
7k
4 Signs Your Business is Dying
shpigford
186
22k
Designing Experiences People Love
moore
143
24k
How STYLIGHT went responsive
nonsquared
100
6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Statistics for Hackers
jakevdp
799
230k
Facilitating Awesome Meetings
lara
57
6.7k
Designing for Performance
lara
610
69k
Stop Working from a Prison Cell
hatefulcrawdad
273
21k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.4k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.3k
Transcript
どうする? 情報デザイン・・・ ~AdobeXDでの取り組み~
足立学園中学校・高等学校 Adobe Education Leader Microsoft認定教育イノベーター Microsoft Showcase school認定校 杉山 直輝
情報科・技術家庭科主任 ソフトテニス部・PC部顧問 2
男子育てて92年。東京都足立区 生徒数:約1500名。 3
4 Microsoft Showcase School
5 YouTubeで検索 最強のハブツール Teamsを活用した 最先端のICT教育 今までの状況は 動画で見てください
6 SurfaceGo2を使用
7 普段は・・・
8
9
10
11
12 ここからが 本題です
13 新学習指導要領キーワード ・プログラミング ・情報デザイン ・PBL
14 新学習指導要領キーワード ・プログラミング ・情報デザイン ・PBL
15 情報デザイン(座 学)教科書では 2ページ程度
16 情報の授業は PCの使い方を 教える授業 ではない ガイダンスでは・・・ 足 立 学 園
17 ITスキル 自己表現 足 立 学 園 ガイダンスでは・・・
18 情報デザイン(実 習)
19 情報デザイン 教科書自体が情報 デザインされている →UDフォント、インクルーシブ カラーユニバーサルデザイン
20 情報デザイン 変える? 今のままでOK?
21 AdobeXD との出会い
22 既に 6時間分の 授業案がある →状況に応じて リメイク
23 PBL(プロジェクト学習) 共同作業 プロトタイプ ディスカッショ
24 PBL(プロジェクト学習) 共同作業 プロトタイプ ディスカッショ
25 始める前に・・・ ①PCの環境は大丈夫か ②XDを使いこなせるか ③評価はどうするか
26 ①PCの環境は大丈夫か →生徒タブレットに →PC教室にも
27 ①PCの環境は大丈夫か →アカウントは office365(Microsoft365) に紐づけ。費用も安い⁉
28 ②XDを使いこなせるか →私はAdobe製品を 使ったことがないに等し い・・・
29 ②XDを使いこなせるか →練習は必要 動画(Adobe公式)
30 ②XDを使いこなせるか →簡易マニュアルを作り 実践は宿題に。
31 実際の宿題
32 ②XDを使いこなせるか →自分 →友達 →調 る
33 ③評価はどうするか →後程、説明します
34 6時間の 授業の様子 6時間の 授業の様子
35 1時間目 ・なぜXDを使うのか ・事前にアプリをダウンロー ド ・マニュアルを配布
36 ①情報デザイン能力 ②コミュニケーション能力 →プロジェクト学習 (PBL学習)
37 プロジェクト学習 複数の人たちがチームを組み、 課題を設定し、共同作業を進め ながら解決していく学習手法
38 プロトタイプは「作品」ではなく、何度も試行錯 誤を繰り返すための「試作品」 自分のアイデアを素早く カタチにする力が必要 ↓
39 2時間目 ・目標とテーマを発表 ・現在あるアプリを体感 ・東京都と足立区のアプリの 比較、良い点、悪い点をメモ ・同じようなものを作ってみ
40 目標 「実際に触ることのができる プロトタイプのアプリ作成と公開」 ※作り込む必要はない! ↓
41 テーマ 「地域に特化した 防災アプリ」
42 実際の宿題
43 3時間目 ・メモを参考に 各班でミーティング ・各自ページを作成 ・その場で相談する場面も
44 4時間目 ・作成したページを統合 ・共同編集により統一感を ・宿題でリモートワーク
45 5時間目 ・完成したアプリを表示 ・ほかの班の生徒が評価 ・評価はOnenoteに記入 ・戻ってきたら、評価をもとに改 良
46 6時間目 ・コンペティション (プレゼン)開催 ・評価はFormsで入力 ・1位を決める (現実では採用は1つ)
47 ③評価はどうするか →後程、説明します
48 ③評価はどうする? コンペの結果が班の評価 班のメンバーで相互評価 (貢献度など) 班長はプラス(負担大)
49 気づき メリット
50 使い方に苦戦 →途中からは スムーズに。 直感的に使える
51 PBLの重要さ →いきなり良い物は できない
52 チームの大切さ →自分一人では不可 スキルアップと コミュニケーション
53 チームの大切さ →オンライン会議 共同編集 在宅勤務体験
54 現実問題 →楽しいだけではダメ 世に出るアプリは 全体から1本だけ。
55 改善点
56 改善点① 作業時間を もっと取りたかっ
57 改善点② PBLをもっと やりたかった
58 改善点③ 操作に慣れるよう 他のアプリを使う
59 今後
60 今後① 地元との連携 足立区とコラボ
61 今後② HTMLへ接続 (本校のプログラミングへ活かす)
62 今後③ 防災アプリの プログラミングへ →Monaca?
どうする? 情報デザイン・・・ ~AdobeXDでの取り組み~
ご清聴 ありがとうございました。