狠狠撸

狠狠撸Share a Scribd company logo
『ねそプロ』
ネットワークを利用した
双方向性のあるコンテンツの
プログラミング
奥田昌夫
教材の紹介
開発した教材
2021年度から実施される新学習指導要領、中学校
技術?家庭「ネットワークを利用した双方向性のある
コンテンツのプログラミング」学習教材『ねそプロ』
を開発した。
http://iwate-manabi-net.sakura.ne.jp/nesopuro/
開発した理由
「ネットワークを利用したプログラミング」の授業において、
? 学校のサーバ機にソフトをインストールができない。
(セキュリティの関係で教育委員会が許可しない)
? 学校のコンピュータでネットワーク関係のソフトを実行
するには、管理者権限が必要である。
(しかし、学校の教員には管理者権限がない)
? 生徒がエディタでプログラムを打ち込むのに時間がかか
る。
などの課題がある。
『ねそプロ』の特徴
? Scratchのようにブロック部品を並べるだけで簡
単にプログラミングできる
? 日本語で処理内容を表示して分かりやすい
? ブロック型から、テキスト型への橋渡しをする
(HTML、JavaScript表示の機能)
? Webブラウザで作動する
(Chrome、Edge、Safariで作動、 IE不可)
『ねそプロ』に用意した題材
? SNSを作ろう
? ショッピングサイトを作ろう
? ウェブサイトを作ろう(クイズの作成)
この3種類の題材を通して、ネットワークを使った
プログラミングの楽しさと、 セキュリティの大切さ
について学ぶことができる。
SNSを作ろう - 1
? 左侧のブロックを中央エリアにドラッグしてプログラムを作ります。
SNSを作ろう - 2
?「画面に~」のブロックで画
面のデザインをします。
(HTMLの作成)
?送信、受信、画像の「ボタ
ン」ブロックで命令を作成し
ます。
(JavaScriptの作成)
?タイマーも作成します。
SNSを作ろう - 3
SNSの画面作成にはHTMLが、
送受信にはJavaScriptがプログラムさ
れていないと作動しないことを体験さ
せます。
「接続先アドレス」
「セキュリティ数値」を学級で同一に
してSNSを完成させます。
SNSを作ろう - 4
?AIチャットボットとお話し
「AIチャットボットに送信」を組み込
んで、AIと会話ができます。
※「AIチャットボット」に、 リクルートテクノ
ロジーズ「Talk API」を利用しています。
https://a3rt.recruit-tech.co.jp/product/talkAPI/
ショッピングサイトを作ろう - 1
? 左侧のブロックを中央エリアにドラッグしてプログラムを作ります。
ショッピングサイトを作ろう - 2
?ショッピングサイ
トをデザインして、
商品を追加します。
ショッピングサイトを作ろう - 3
?「▲、▼ボタン」が押さ
れたときの命令を作成し
ます。
ショッピングサイトを作ろう - 4
?「カートボタン」が押され
たときの命令を作成します。
ショッピングサイトを作ろう - 5
?これで、ショッピングサ
イトが完成しました。
?「接続先アドレス」を教
室内で同じにして、
ショッピングモールを作
りましょう。
ショッピングサイトを作ろう - 6
?「接続先アドレス」を教室内で同じにして、
ショッピングモールで買い物しましょう。
「売り上げランキン
グを見よう」で確認
してみましょう
ウェブサイトを作ろう - 1
? 左侧のブロックを中央エリアにドラッグしてプログラムを作ります。
ウェブサイトを作ろう - 2
? ブロックを组み合わせて、クイズを作ることもできます。
ウェブサイトを作ろう - 3
?「接続先アドレス」を教室内で同じにし
て、「ウェブサイトを見よう」で互いの
サイトを見てみましょう。
ぜひプログラムを
表示して見せてく
ださい。
安全な教材にするために
クラウド上の教材を使うので、悪用防止と、
安全のため、
?「接続先アドレス」が同一の場合のみ、
書き込み内容やデータを表示する。
?日付が変わると、作成したデータと書き
込み内容は表示されない。
ような安全対策をしています。
どうぞご活用ください
『ねそプロ』 を「ネットワークを利用した双方
向性のあるコンテンツのプログラミング」の学
習にご活用ください。
http://iwate-manabi-net.sakura.ne.jp/nesopuro/

More Related Content

Similar to 「ねそプロ」ネットワークを利用した双方向性のあるコンテンツのプログラミング (20)

Electron early 2019
Electron early 2019Electron early 2019
Electron early 2019
Masahiro Kondoh
?
開発初心者のためのMoodleプラグインの開発と利用(第一部) for Moodle Moot 2015
開発初心者のためのMoodleプラグインの開発と利用(第一部) for Moodle Moot 2015開発初心者のためのMoodleプラグインの開発と利用(第一部) for Moodle Moot 2015
開発初心者のためのMoodleプラグインの開発と利用(第一部) for Moodle Moot 2015
Shigeharu Yamaoka
?
Amazon SageMaker の紹介 + デモ
Amazon SageMaker の紹介 + デモ Amazon SageMaker の紹介 + デモ
Amazon SageMaker の紹介 + デモ
recotech
?
笔4によるデータプレーンプログラミングとユースケースのご绍介
笔4によるデータプレーンプログラミングとユースケースのご绍介笔4によるデータプレーンプログラミングとユースケースのご绍介
笔4によるデータプレーンプログラミングとユースケースのご绍介
Kumapone
?
.NET開発者のためのMicrosoft Learn入門
.NET開発者のためのMicrosoft Learn入門.NET開発者のためのMicrosoft Learn入門
.NET開発者のためのMicrosoft Learn入門
Akiyoshi Tsuchida
?
タブレットでわくわくプログラミング体験(公开版)
タブレットでわくわくプログラミング体験(公开版)タブレットでわくわくプログラミング体験(公开版)
タブレットでわくわくプログラミング体験(公开版)
Kazuhiro Abe
?
【de:code 2020】 未来を生き抜く子どもの教育、マインクラフトで扉を開くコンピューターサイエンスの学び。
【de:code 2020】 未来を生き抜く子どもの教育、マインクラフトで扉を開くコンピューターサイエンスの学び。【de:code 2020】 未来を生き抜く子どもの教育、マインクラフトで扉を開くコンピューターサイエンスの学び。
【de:code 2020】 未来を生き抜く子どもの教育、マインクラフトで扉を開くコンピューターサイエンスの学び。
日本マイクロソフト株式会社
?
Fireworks lover advent calendar 2013
Fireworks lover advent calendar 2013Fireworks lover advent calendar 2013
Fireworks lover advent calendar 2013
Kazuma Sekiguchi
?
搁耻产测プログラミング教育に対する取り组みと事例绍介
搁耻产测プログラミング教育に対する取り组みと事例绍介搁耻产测プログラミング教育に対する取り组みと事例绍介
搁耻产测プログラミング教育に対する取り组みと事例绍介
Yasushi Ishikawa
?
勉强会用资料:闯补惫补アプリ作成
勉强会用资料:闯补惫补アプリ作成勉强会用资料:闯补惫补アプリ作成
勉强会用资料:闯补惫补アプリ作成
ssuser331f24
?
Spath for enterprise
Spath for enterpriseSpath for enterprise
Spath for enterprise
Koichiro Sumi
?
2015年GMOペパボ新卒エンジニア研修 Webオペレーション研修イントロダクション
2015年GMOペパボ新卒エンジニア研修 Webオペレーション研修イントロダクション2015年GMOペパボ新卒エンジニア研修 Webオペレーション研修イントロダクション
2015年GMOペパボ新卒エンジニア研修 Webオペレーション研修イントロダクション
Takahiro Okumura
?
情报工学教育における知识定着と直観的理解を意図した反転授业?アクティブラーニングの授业设计
情报工学教育における知识定着と直観的理解を意図した反転授业?アクティブラーニングの授业设计情报工学教育における知识定着と直観的理解を意図した反転授业?アクティブラーニングの授业设计
情报工学教育における知识定着と直観的理解を意図した反転授业?アクティブラーニングの授业设计
Susumu Yamazaki
?
Shinogi meetup online_20200729
Shinogi meetup online_20200729Shinogi meetup online_20200729
Shinogi meetup online_20200729
Naotaka Shinogi
?
SQiP2012 - 質問表の活用によるプロジェクトの早期リスク検出
SQiP2012 - 質問表の活用によるプロジェクトの早期リスク検出SQiP2012 - 質問表の活用によるプロジェクトの早期リスク検出
SQiP2012 - 質問表の活用によるプロジェクトの早期リスク検出
Takanori Suzuki
?
うちのテ?サ?インシステム.辫诲蹿
うちのテ?サ?インシステム.辫诲蹿うちのテ?サ?インシステム.辫诲蹿
うちのテ?サ?インシステム.辫诲蹿
Iida Yukako
?
远隔演习环境の开発と运用を通したプログラミング教育の改革
远隔演习环境の开発と运用を通したプログラミング教育の改革远隔演习环境の开発と运用を通したプログラミング教育の改革
远隔演习环境の开発と运用を通したプログラミング教育の改革
情報処理学会 情報システム教育委員会
?
闯别苍办颈苍蝉と厂别濒别苍颈耻尘の活用事例
闯别苍办颈苍蝉と厂别濒别苍颈耻尘の活用事例闯别苍办颈苍蝉と厂别濒别苍颈耻尘の活用事例
闯别苍办颈苍蝉と厂别濒别苍颈耻尘の活用事例
Takeshi Kondo
?
电子教科书の技术动向と贰顿鲍笔鲍叠
电子教科书の技术动向と贰顿鲍笔鲍叠电子教科书の技术动向と贰顿鲍笔鲍叠
电子教科书の技术动向と贰顿鲍笔鲍叠
Yasuhisa Tamura
?
顿别惫翱辫蝉、その前に
顿别惫翱辫蝉、その前に顿别惫翱辫蝉、その前に
顿别惫翱辫蝉、その前に
Yuta Matsumura
?
開発初心者のためのMoodleプラグインの開発と利用(第一部) for Moodle Moot 2015
開発初心者のためのMoodleプラグインの開発と利用(第一部) for Moodle Moot 2015開発初心者のためのMoodleプラグインの開発と利用(第一部) for Moodle Moot 2015
開発初心者のためのMoodleプラグインの開発と利用(第一部) for Moodle Moot 2015
Shigeharu Yamaoka
?
Amazon SageMaker の紹介 + デモ
Amazon SageMaker の紹介 + デモ Amazon SageMaker の紹介 + デモ
Amazon SageMaker の紹介 + デモ
recotech
?
笔4によるデータプレーンプログラミングとユースケースのご绍介
笔4によるデータプレーンプログラミングとユースケースのご绍介笔4によるデータプレーンプログラミングとユースケースのご绍介
笔4によるデータプレーンプログラミングとユースケースのご绍介
Kumapone
?
.NET開発者のためのMicrosoft Learn入門
.NET開発者のためのMicrosoft Learn入門.NET開発者のためのMicrosoft Learn入門
.NET開発者のためのMicrosoft Learn入門
Akiyoshi Tsuchida
?
タブレットでわくわくプログラミング体験(公开版)
タブレットでわくわくプログラミング体験(公开版)タブレットでわくわくプログラミング体験(公开版)
タブレットでわくわくプログラミング体験(公开版)
Kazuhiro Abe
?
【de:code 2020】 未来を生き抜く子どもの教育、マインクラフトで扉を開くコンピューターサイエンスの学び。
【de:code 2020】 未来を生き抜く子どもの教育、マインクラフトで扉を開くコンピューターサイエンスの学び。【de:code 2020】 未来を生き抜く子どもの教育、マインクラフトで扉を開くコンピューターサイエンスの学び。
【de:code 2020】 未来を生き抜く子どもの教育、マインクラフトで扉を開くコンピューターサイエンスの学び。
日本マイクロソフト株式会社
?
Fireworks lover advent calendar 2013
Fireworks lover advent calendar 2013Fireworks lover advent calendar 2013
Fireworks lover advent calendar 2013
Kazuma Sekiguchi
?
搁耻产测プログラミング教育に対する取り组みと事例绍介
搁耻产测プログラミング教育に対する取り组みと事例绍介搁耻产测プログラミング教育に対する取り组みと事例绍介
搁耻产测プログラミング教育に対する取り组みと事例绍介
Yasushi Ishikawa
?
勉强会用资料:闯补惫补アプリ作成
勉强会用资料:闯补惫补アプリ作成勉强会用资料:闯补惫补アプリ作成
勉强会用资料:闯补惫补アプリ作成
ssuser331f24
?
2015年GMOペパボ新卒エンジニア研修 Webオペレーション研修イントロダクション
2015年GMOペパボ新卒エンジニア研修 Webオペレーション研修イントロダクション2015年GMOペパボ新卒エンジニア研修 Webオペレーション研修イントロダクション
2015年GMOペパボ新卒エンジニア研修 Webオペレーション研修イントロダクション
Takahiro Okumura
?
情报工学教育における知识定着と直観的理解を意図した反転授业?アクティブラーニングの授业设计
情报工学教育における知识定着と直観的理解を意図した反転授业?アクティブラーニングの授业设计情报工学教育における知识定着と直観的理解を意図した反転授业?アクティブラーニングの授业设计
情报工学教育における知识定着と直観的理解を意図した反転授业?アクティブラーニングの授业设计
Susumu Yamazaki
?
Shinogi meetup online_20200729
Shinogi meetup online_20200729Shinogi meetup online_20200729
Shinogi meetup online_20200729
Naotaka Shinogi
?
SQiP2012 - 質問表の活用によるプロジェクトの早期リスク検出
SQiP2012 - 質問表の活用によるプロジェクトの早期リスク検出SQiP2012 - 質問表の活用によるプロジェクトの早期リスク検出
SQiP2012 - 質問表の活用によるプロジェクトの早期リスク検出
Takanori Suzuki
?
うちのテ?サ?インシステム.辫诲蹿
うちのテ?サ?インシステム.辫诲蹿うちのテ?サ?インシステム.辫诲蹿
うちのテ?サ?インシステム.辫诲蹿
Iida Yukako
?
闯别苍办颈苍蝉と厂别濒别苍颈耻尘の活用事例
闯别苍办颈苍蝉と厂别濒别苍颈耻尘の活用事例闯别苍办颈苍蝉と厂别濒别苍颈耻尘の活用事例
闯别苍办颈苍蝉と厂别濒别苍颈耻尘の活用事例
Takeshi Kondo
?
电子教科书の技术动向と贰顿鲍笔鲍叠
电子教科书の技术动向と贰顿鲍笔鲍叠电子教科书の技术动向と贰顿鲍笔鲍叠
电子教科书の技术动向と贰顿鲍笔鲍叠
Yasuhisa Tamura
?
顿别惫翱辫蝉、その前に
顿别惫翱辫蝉、その前に顿别惫翱辫蝉、その前に
顿别惫翱辫蝉、その前に
Yuta Matsumura
?

「ねそプロ」ネットワークを利用した双方向性のあるコンテンツのプログラミング