3

子どもと学ぶプログラミング × デザイン
ソフトウェアの概要
このアプリケーションは小学生が自分達で図鑑を作れるように開発したソフトウェアである.図鑑を「作る」
「見る」
という2つ
の機能の実現を目指した.子どもでも簡単に操作できるように「作る」画面ではドラック&ドロップすることで画像を簡単に挿
入することができるようにした.また音声で写真の説明ができるように録音機能を用意し,ボタンをクリックすることで録音を
可能にした.「見る」画面では楽しく鑑賞できるように色,特徴などで資料を並べ変えることができる.各ページでは写真,撮影内
容の特徴,説明の音声,子ども達の感想どが表示される.
対象ユーザー
今回の連携授業は小学校5年生が対象である.総合的な学習として図鑑作りを行う.子ども達が写真を撮りながら赤川を探
険し新たな発見が得られるような活動を計画した.コンピューターの基本的な操作や取り扱いについて理解していれば,簡単
に図鑑作りができるようなツール開発を目指した.小学5年生までのパソコン学習で得たスキル身につけていれば利用可
能である.
図鑑
【Topページ】
戻るボタンを押すと
トップページに戻る
【図鑑作成ページ】
【タイトル入力画面】
【写真挿入画面】
左上の「もの」の項目に写真のタ
イトルを入力する
「作る」ボタンをクリック
【色選択画面】
【種類入力画面】
写真の種類を入力する
写真の色を選択する
写真を名前の50音順に並べ替える
【特徴選択画面】
写真がどのように見えるかを選択する
画像を指定された場所に
ドラッグ&ドロップする
【なぜそう見えたか入力画面】
写真がなぜそう見えたのか入力する
【ひとこと感想入力画面】
【音声録音画面】
写真についての感想を各自入力する
写真を色ごとに分けて並べ替える
録音ボタンをクリックし、写真の説明を録音し,
停止ボタンをクリックすると録音完了
【図鑑一覧画面(色順)】
【図鑑一覧画面(50音順)】
写真を特徴で分けて
並べ替える
「見る」ボタンをクリックする
【図鑑一覧画面(特徴順)】
見たい画像をクリックする
【図鑑詳細閲覧画面】
【図鑑閲覧画面】
キーボードの[1][2][3][4]をそれぞれ押すと順に
写真の種類、特徴、なぜそう見えたか、感想が浮かび上がる
【トランプページ】
トップページの右上端をクリックすると
トランプのページに飛ぶ
赤いトランプと青いトランプを1枚ずつクリックしてめくり,
記載されている内容の条件と一致した図鑑の画面に飛ぶ 【特徴,色選択画面】
赤いトランプが特徴のトランプで、
青いトランプが色のトランプになっている