SlideShare a Scribd company logo
1 of 16
Download to read offline
Webデザインセミナー
~中・高生向け~
角田研究室
3119038 竹田帆杏
AOMORI SIX 合同学修・研究発表会
青森大学 ソフトウェア情報学部 角田研究室チーム
○新課程…小学校からのプログラミング教育
IT系セミナー
プログラミングセミナーが一般的
〈ポイント〉
・Webデザインセミナーは珍しい。
・初心者でも分かりやすい。
・コードを視覚的に確認できる。
高等学校情報Ⅰ
プログラミング
Java
Python
情報デザイン
Webページ
HTML CSS
<html><head><body> font-size
<h1>~<h6> color
<p> background-color
<ol><li>/<ul><li> width
<br> height
<b>
<a>
img
○令和4年5月31日~令和4年6月17日
秋田県立大館国際情報学院高等学校
○対象 普通科1学年(73人)
単元 項目
第2節 情報デザイン 1.社会の中のデザイン
2.情報デザインの工夫
第3節 情報デザインの実践 1.文書の作成
2.プレゼンテーション
3.Webページ
○研究授業…令和4年6月13日(月) 2限目
投票結果
○配色の体験
○令和4年11月1日、令和4年11月15日
青森山田高等学校
○対象 情報処理科2学年(38人)
準備物 使用物
使用言語 HTML/CSS
ブラウザ Google Chrome
ツール メモ帳
資料等 Webページ
スライド資料
○自己紹介のWebページを作成することができる。
○振り返り問題
○好きなキャラクターを紹介するWebページを作成することができる。
○やってほしいこと○
①画像を2枚以上使う。
②テキストにリンクを貼る。
③背景色を指定する。
④文字の色を一部変更する。
評価項目 配点
やってほしいこと4項目 各1点×4
タグは適切か 2点
オリジナル性 2点
+α 2点
○アンケート結果
○アンケート結果
○コピー&ペーストで作業の個人差ができないが、
細かい部分まで定着しない。
→自分で書く部分を増やす。
○想定していたよりも、興味を持ってもらうことができた。
○全て理解していなくても、自己紹介や自分の好きなものを
紹介することが、生徒の興味・関心を引き出すことができ、
楽しいと感じてもらえたのではないかと考えられる。
ご清聴ありがとうございました

More Related Content

Similar to A05  角田研究室5 竹田帆杏

アドテクを支える技術 〜1日40億リクエストを捌くには〜
アドテクを支える技術 〜1日40億リクエストを捌くには〜アドテクを支える技術 〜1日40億リクエストを捌くには〜
アドテクを支える技術 〜1日40億リクエストを捌くには〜MicroAd, Inc.(Engineer)
 
20200605_wids_explainableAI
20200605_wids_explainableAI20200605_wids_explainableAI
20200605_wids_explainableAIRio Kurihara
 
[クリエイティブハント2018]LT 道場破りしたらできちゃった/// #ゴーハント
[クリエイティブハント2018]LT 道場破りしたらできちゃった/// #ゴーハント[クリエイティブハント2018]LT 道場破りしたらできちゃった/// #ゴーハント
[クリエイティブハント2018]LT 道場破りしたらできちゃった/// #ゴーハントHiroyuki Ishikawa
 
Tier Ⅳ Tech Meetup #2 - 自動運転を作るのはCloudシステムの集合体?? 活用技術を大解剖 -
Tier Ⅳ Tech Meetup #2 - 自動運転を作るのはCloudシステムの集合体?? 活用技術を大解剖 -Tier Ⅳ Tech Meetup #2 - 自動運転を作るのはCloudシステムの集合体?? 活用技術を大解剖 -
Tier Ⅳ Tech Meetup #2 - 自動運転を作るのはCloudシステムの集合体?? 活用技術を大解剖 -Tier_IV
 
A07  角田研究室7 板垣百華
A07  角田研究室7 板垣百華A07  角田研究室7 板垣百華
A07  角田研究室7 板垣百華aomorisix
 
初めてのWebプログラミング講座
初めてのWebプログラミング講座初めてのWebプログラミング講座
初めてのWebプログラミング講座DIVE INTO CODE Corp.
 
Mattermostが働き方を劇的改善!NRIの働き方改革の秘訣
Mattermostが働き方を劇的改善!NRIの働き方改革の秘訣Mattermostが働き方を劇的改善!NRIの働き方改革の秘訣
Mattermostが働き方を劇的改善!NRIの働き方改革の秘訣aslead
 
産業技術大学院大学 履修証明プログラム「人間中心デザイン」 参加レポート
産業技術大学院大学履修証明プログラム「人間中心デザイン」参加レポート産業技術大学院大学履修証明プログラム「人間中心デザイン」参加レポート
産業技術大学院大学 履修証明プログラム「人間中心デザイン」 参加レポートHiroko Harada
 
人工知能に任せないと難しい時代、何をどうやるべきか~楽天のAI技術活用から人材育成まで~
人工知能に任せないと難しい時代、何をどうやるべきか~楽天のAI技術活用から人材育成まで~人工知能に任せないと難しい時代、何をどうやるべきか~楽天のAI技術活用から人材育成まで~
人工知能に任せないと難しい時代、何をどうやるべきか~楽天のAI技術活用から人材育成まで~Rakuten Group, Inc.
 
Watanabe civictechforum
Watanabe civictechforumWatanabe civictechforum
Watanabe civictechforumsiramatu-lab
 
PMBOK®ガイド概説(「Webプロジェクトマネジメント標準」読書会 …の前に、少しだけPMBOK®について。)
PMBOK®ガイド概説(「Webプロジェクトマネジメント標準」読書会 …の前に、少しだけPMBOK®について。)PMBOK®ガイド概説(「Webプロジェクトマネジメント標準」読書会 …の前に、少しだけPMBOK®について。)
PMBOK®ガイド概説(「Webプロジェクトマネジメント標準」読書会 …の前に、少しだけPMBOK®について。)Ayako Togaeri
 
2020年から始まる小学校プログラミング教育の話 #osc19os
2020年から始まる小学校プログラミング教育の話 #osc19os2020年から始まる小学校プログラミング教育の話 #osc19os
2020年から始まる小学校プログラミング教育の話 #osc19osMasahito Zembutsu
 
2020.01.18 逆求人・開発ベーシック
2020.01.18 逆求人・開発ベーシック2020.01.18 逆求人・開発ベーシック
2020.01.18 逆求人・開発ベーシックShimpeiIwamaru
 
あなたの知らないセキュリティ規格の話
あなたの知らないセキュリティ規格の話あなたの知らないセキュリティ規格の話
あなたの知らないセキュリティ規格の話You&I
 
業務系WebアプリケーションがStrutsから旅立つ日
業務系WebアプリケーションがStrutsから旅立つ日業務系WebアプリケーションがStrutsから旅立つ日
業務系WebアプリケーションがStrutsから旅立つ日Mitsuru Ogawa
 
東北大学 先端技術の基礎と実践_深層学習による画像認識とデータの話_菊池悠太
東北大学 先端技術の基礎と実践_深層学習による画像認識とデータの話_菊池悠太東北大学 先端技術の基礎と実践_深層学習による画像認識とデータの話_菊池悠太
東北大学 先端技術の基礎と実践_深層学習による画像認識とデータの話_菊池悠太Preferred Networks
 
新しいソフトウェアエンジニアリングのためのパターンランゲージに向けて
新しいソフトウェアエンジニアリングのためのパターンランゲージに向けて新しいソフトウェアエンジニアリングのためのパターンランゲージに向けて
新しいソフトウェアエンジニアリングのためのパターンランゲージに向けてHironori Washizaki
 
人類kintoneマスター化計画
人類kintoneマスター化計画人類kintoneマスター化計画
人類kintoneマスター化計画Cybozucommunity
 
可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザイン可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザインConcent, Inc.
 

Similar to A05  角田研究室5 竹田帆杏 (20)

アドテクを支える技術 〜1日40億リクエストを捌くには〜
アドテクを支える技術 〜1日40億リクエストを捌くには〜アドテクを支える技術 〜1日40億リクエストを捌くには〜
アドテクを支える技術 〜1日40億リクエストを捌くには〜
 
20200605_wids_explainableAI
20200605_wids_explainableAI20200605_wids_explainableAI
20200605_wids_explainableAI
 
[クリエイティブハント2018]LT 道場破りしたらできちゃった/// #ゴーハント
[クリエイティブハント2018]LT 道場破りしたらできちゃった/// #ゴーハント[クリエイティブハント2018]LT 道場破りしたらできちゃった/// #ゴーハント
[クリエイティブハント2018]LT 道場破りしたらできちゃった/// #ゴーハント
 
Tier Ⅳ Tech Meetup #2 - 自動運転を作るのはCloudシステムの集合体?? 活用技術を大解剖 -
Tier Ⅳ Tech Meetup #2 - 自動運転を作るのはCloudシステムの集合体?? 活用技術を大解剖 -Tier Ⅳ Tech Meetup #2 - 自動運転を作るのはCloudシステムの集合体?? 活用技術を大解剖 -
Tier Ⅳ Tech Meetup #2 - 自動運転を作るのはCloudシステムの集合体?? 活用技術を大解剖 -
 
A07  角田研究室7 板垣百華
A07  角田研究室7 板垣百華A07  角田研究室7 板垣百華
A07  角田研究室7 板垣百華
 
初めてのWebプログラミング講座
初めてのWebプログラミング講座初めてのWebプログラミング講座
初めてのWebプログラミング講座
 
Joho kaigi#3lt
Joho kaigi#3ltJoho kaigi#3lt
Joho kaigi#3lt
 
Mattermostが働き方を劇的改善!NRIの働き方改革の秘訣
Mattermostが働き方を劇的改善!NRIの働き方改革の秘訣Mattermostが働き方を劇的改善!NRIの働き方改革の秘訣
Mattermostが働き方を劇的改善!NRIの働き方改革の秘訣
 
産業技術大学院大学 履修証明プログラム「人間中心デザイン」 参加レポート
産業技術大学院大学履修証明プログラム「人間中心デザイン」参加レポート産業技術大学院大学履修証明プログラム「人間中心デザイン」参加レポート
産業技術大学院大学 履修証明プログラム「人間中心デザイン」 参加レポート
 
人工知能に任せないと難しい時代、何をどうやるべきか~楽天のAI技術活用から人材育成まで~
人工知能に任せないと難しい時代、何をどうやるべきか~楽天のAI技術活用から人材育成まで~人工知能に任せないと難しい時代、何をどうやるべきか~楽天のAI技術活用から人材育成まで~
人工知能に任せないと難しい時代、何をどうやるべきか~楽天のAI技術活用から人材育成まで~
 
Watanabe civictechforum
Watanabe civictechforumWatanabe civictechforum
Watanabe civictechforum
 
PMBOK®ガイド概説(「Webプロジェクトマネジメント標準」読書会 …の前に、少しだけPMBOK®について。)
PMBOK®ガイド概説(「Webプロジェクトマネジメント標準」読書会 …の前に、少しだけPMBOK®について。)PMBOK®ガイド概説(「Webプロジェクトマネジメント標準」読書会 …の前に、少しだけPMBOK®について。)
PMBOK®ガイド概説(「Webプロジェクトマネジメント標準」読書会 …の前に、少しだけPMBOK®について。)
 
2020年から始まる小学校プログラミング教育の話 #osc19os
2020年から始まる小学校プログラミング教育の話 #osc19os2020年から始まる小学校プログラミング教育の話 #osc19os
2020年から始まる小学校プログラミング教育の話 #osc19os
 
2020.01.18 逆求人・開発ベーシック
2020.01.18 逆求人・開発ベーシック2020.01.18 逆求人・開発ベーシック
2020.01.18 逆求人・開発ベーシック
 
あなたの知らないセキュリティ規格の話
あなたの知らないセキュリティ規格の話あなたの知らないセキュリティ規格の話
あなたの知らないセキュリティ規格の話
 
業務系WebアプリケーションがStrutsから旅立つ日
業務系WebアプリケーションがStrutsから旅立つ日業務系WebアプリケーションがStrutsから旅立つ日
業務系WebアプリケーションがStrutsから旅立つ日
 
東北大学 先端技術の基礎と実践_深層学習による画像認識とデータの話_菊池悠太
東北大学 先端技術の基礎と実践_深層学習による画像認識とデータの話_菊池悠太東北大学 先端技術の基礎と実践_深層学習による画像認識とデータの話_菊池悠太
東北大学 先端技術の基礎と実践_深層学習による画像認識とデータの話_菊池悠太
 
新しいソフトウェアエンジニアリングのためのパターンランゲージに向けて
新しいソフトウェアエンジニアリングのためのパターンランゲージに向けて新しいソフトウェアエンジニアリングのためのパターンランゲージに向けて
新しいソフトウェアエンジニアリングのためのパターンランゲージに向けて
 
人類kintoneマスター化計画
人類kintoneマスター化計画人類kintoneマスター化計画
人類kintoneマスター化計画
 
可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザイン可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザイン
 

More from AOMORI SIX

【B01】「クアウォーキングを支えようサークル」活動実践報告2022【青森中央学院大学/クアウォーキングを支えようサークル】
【B01】「クアウォーキングを支えようサークル」活動実践報告2022【青森中央学院大学/クアウォーキングを支えようサークル】【B01】「クアウォーキングを支えようサークル」活動実践報告2022【青森中央学院大学/クアウォーキングを支えようサークル】
【B01】「クアウォーキングを支えようサークル」活動実践報告2022【青森中央学院大学/クアウォーキングを支えようサークル】AOMORI SIX
 
A04  角田研究室4 倉内黎
A04  角田研究室4 倉内黎A04  角田研究室4 倉内黎
A04  角田研究室4 倉内黎AOMORI SIX
 
A03  角田研究室3 石垣陽
A03  角田研究室3 石垣陽A03  角田研究室3 石垣陽
A03  角田研究室3 石垣陽AOMORI SIX
 
A02  角田研究室2 成田綾
A02  角田研究室2 成田綾A02  角田研究室2 成田綾
A02  角田研究室2 成田綾AOMORI SIX
 
A01 角田研究室1四戸洸大 ポスタ.pdf
A01 角田研究室1四戸洸大 ポスタ.pdfA01 角田研究室1四戸洸大 ポスタ.pdf
A01 角田研究室1四戸洸大 ポスタ.pdfAOMORI SIX
 
【F04】女性の活躍と成果に関する実証分析【青森中央学院大学/経営法学部 女性の活躍チーム(山本クラス)】
【F04】女性の活躍と成果に関する実証分析【青森中央学院大学/経営法学部 女性の活躍チーム(山本クラス)】【F04】女性の活躍と成果に関する実証分析【青森中央学院大学/経営法学部 女性の活躍チーム(山本クラス)】
【F04】女性の活躍と成果に関する実証分析【青森中央学院大学/経営法学部 女性の活躍チーム(山本クラス)】AOMORI SIX
 
【E08】食育で支える子どもの学び【青森大学/ローターアクトクラブ】
【E08】食育で支える子どもの学び【青森大学/ローターアクトクラブ】【E08】食育で支える子どもの学び【青森大学/ローターアクトクラブ】
【E08】食育で支える子どもの学び【青森大学/ローターアクトクラブ】AOMORI SIX
 
【B01】「あおもりを、食べよう!」プロジェクト実証事業最終報告 新たな気づきと可能性 ~実証事業を終えて~【青森公立大学/経営経済学部地域みらい学科 香...
【B01】「あおもりを、食べよう!」プロジェクト実証事業最終報告 新たな気づきと可能性 ~実証事業を終えて~【青森公立大学/経営経済学部地域みらい学科 香...【B01】「あおもりを、食べよう!」プロジェクト実証事業最終報告 新たな気づきと可能性 ~実証事業を終えて~【青森公立大学/経営経済学部地域みらい学科 香...
【B01】「あおもりを、食べよう!」プロジェクト実証事業最終報告 新たな気づきと可能性 ~実証事業を終えて~【青森公立大学/経営経済学部地域みらい学科 香...AOMORI SIX
 
【H03】ディベラボ×小牧野遺跡商品開発【青森中央学院大学/学生団体ディベラボ商品開発事業部】
【H03】ディベラボ×小牧野遺跡商品開発【青森中央学院大学/学生団体ディベラボ商品開発事業部】【H03】ディベラボ×小牧野遺跡商品開発【青森中央学院大学/学生団体ディベラボ商品開発事業部】
【H03】ディベラボ×小牧野遺跡商品開発【青森中央学院大学/学生団体ディベラボ商品開発事業部】AOMORI SIX
 
【G08】蓬田村産トマト・たまねぎの販売促進のための研究【青森中央短期大学/中村 優初】
【G08】蓬田村産トマト・たまねぎの販売促進のための研究【青森中央短期大学/中村 優初】【G08】蓬田村産トマト・たまねぎの販売促進のための研究【青森中央短期大学/中村 優初】
【G08】蓬田村産トマト・たまねぎの販売促進のための研究【青森中央短期大学/中村 優初】AOMORI SIX
 

More from AOMORI SIX (10)

【B01】「クアウォーキングを支えようサークル」活動実践報告2022【青森中央学院大学/クアウォーキングを支えようサークル】
【B01】「クアウォーキングを支えようサークル」活動実践報告2022【青森中央学院大学/クアウォーキングを支えようサークル】【B01】「クアウォーキングを支えようサークル」活動実践報告2022【青森中央学院大学/クアウォーキングを支えようサークル】
【B01】「クアウォーキングを支えようサークル」活動実践報告2022【青森中央学院大学/クアウォーキングを支えようサークル】
 
A04  角田研究室4 倉内黎
A04  角田研究室4 倉内黎A04  角田研究室4 倉内黎
A04  角田研究室4 倉内黎
 
A03  角田研究室3 石垣陽
A03  角田研究室3 石垣陽A03  角田研究室3 石垣陽
A03  角田研究室3 石垣陽
 
A02  角田研究室2 成田綾
A02  角田研究室2 成田綾A02  角田研究室2 成田綾
A02  角田研究室2 成田綾
 
A01 角田研究室1四戸洸大 ポスタ.pdf
A01 角田研究室1四戸洸大 ポスタ.pdfA01 角田研究室1四戸洸大 ポスタ.pdf
A01 角田研究室1四戸洸大 ポスタ.pdf
 
【F04】女性の活躍と成果に関する実証分析【青森中央学院大学/経営法学部 女性の活躍チーム(山本クラス)】
【F04】女性の活躍と成果に関する実証分析【青森中央学院大学/経営法学部 女性の活躍チーム(山本クラス)】【F04】女性の活躍と成果に関する実証分析【青森中央学院大学/経営法学部 女性の活躍チーム(山本クラス)】
【F04】女性の活躍と成果に関する実証分析【青森中央学院大学/経営法学部 女性の活躍チーム(山本クラス)】
 
【E08】食育で支える子どもの学び【青森大学/ローターアクトクラブ】
【E08】食育で支える子どもの学び【青森大学/ローターアクトクラブ】【E08】食育で支える子どもの学び【青森大学/ローターアクトクラブ】
【E08】食育で支える子どもの学び【青森大学/ローターアクトクラブ】
 
【B01】「あおもりを、食べよう!」プロジェクト実証事業最終報告 新たな気づきと可能性 ~実証事業を終えて~【青森公立大学/経営経済学部地域みらい学科 香...
【B01】「あおもりを、食べよう!」プロジェクト実証事業最終報告 新たな気づきと可能性 ~実証事業を終えて~【青森公立大学/経営経済学部地域みらい学科 香...【B01】「あおもりを、食べよう!」プロジェクト実証事業最終報告 新たな気づきと可能性 ~実証事業を終えて~【青森公立大学/経営経済学部地域みらい学科 香...
【B01】「あおもりを、食べよう!」プロジェクト実証事業最終報告 新たな気づきと可能性 ~実証事業を終えて~【青森公立大学/経営経済学部地域みらい学科 香...
 
【H03】ディベラボ×小牧野遺跡商品開発【青森中央学院大学/学生団体ディベラボ商品開発事業部】
【H03】ディベラボ×小牧野遺跡商品開発【青森中央学院大学/学生団体ディベラボ商品開発事業部】【H03】ディベラボ×小牧野遺跡商品開発【青森中央学院大学/学生団体ディベラボ商品開発事業部】
【H03】ディベラボ×小牧野遺跡商品開発【青森中央学院大学/学生団体ディベラボ商品開発事業部】
 
【G08】蓬田村産トマト・たまねぎの販売促進のための研究【青森中央短期大学/中村 優初】
【G08】蓬田村産トマト・たまねぎの販売促進のための研究【青森中央短期大学/中村 優初】【G08】蓬田村産トマト・たまねぎの販売促進のための研究【青森中央短期大学/中村 優初】
【G08】蓬田村産トマト・たまねぎの販売促進のための研究【青森中央短期大学/中村 優初】
 

A05  角田研究室5 竹田帆杏