岩手県立総合教育センター 情報教育ウェブ このページの本文へ

ここから本文 タブレットで協働学習(文、写真、絵を貼ろう)

みんなでお絵かきチャット

基本情報

  • 対象:児童生徒、教職員
  • 種別:Javascript、phpで作る教材
  • 公開:平成27年5月
  • 開発者:岩手県立総合教育センター
    (奥田昌夫)
  • 動作環境:HTML5に対応、JavaScriptが作動可能な機種、ブラウザで作動します
            作動にはFlash不要です。
            タブレット  : iPad (Apple社製), Android(各社製)
            スマートフォン: iPhone (Apple社製), Android(各社製)
            Windows PC、Mac のブラウザ: IE, Google Chrome, Firefox ,Safari
  • 利用ソフト:入力用として 「jQueryチャット with おえかき」(スタジオキイ社制作) を利用しています

教材の紹介

タブレットを小学校低学年で協働学習に用いるために開発した教材です。
タブレットやスマートフォンで一人一人が描いた絵を合わせて、大きな絵を描くことができます。 写真や文章も自由に配置できます。

《こんな利用を想定》
  1. 課題について考える
  2. タブレット、PC、スマートフォンで各自が絵を描いて送信する
     ・ SNS風の画面で入力しやすいようにしました
     ・ みんなの絵、発言や写真も見ることができます
  3. iPad等のタブレット、PCで管理者画面を提示し、分類して配置する
  4. 管理者画面を拡大提示して発表に利用する
  5. 管理者画面を印刷して、学習や研修の成果として配布する

教材の利用

教材のサンプルはこちらから利用ください(外部サイト)
「みんなでお絵かきチャット」入力画面
「みんなでお絵かきチャット」管理者画面

《 注意 》

  1. インターネット上でデータ送受信の仕組みを使っています
  2. 個人情報、機密情報、校外に出してはいけない内容の書き込みはしないでください
  3. 誹謗中傷、不確かな情報やうわさ話を書き込まないで下さい
  4. アップロードする写真は、個人情報、位置情報、肖像権に注意して下さい
  5. このサンプルサイトに記入した文章、写真を見ることができるのは1日だけです。日付が変わると表示されなくなります

使い方

ソフトのインストール

phpが作動できるWebサーバを準備願います。
タブレット、スマートフォン、学習者が利用するPCにソフトのインストールは不要です。

  1. Webサーバでhttpで公開するフォルダにこのソフトを入れて下さい
  2. dbフォルダと、chat.sqliteファイルは書き込み可能にしておいて下さい(755)
  3. 「index.html」が入力用ソフトになります
  4. 「admin.php」が管理者の表示用ソフトになります

教師(指導者、リーダ)

学習を始める前に管理者画面を起動して、「データの削除」をクリックします

  1. 「最新データの表示」をクリックします
  2. カードを移動して分類します
  3. 「位置の保存」をクリックします(カードの重なりも保存されます)
  4. 「最新データの表示」をクリックすると、左端に新しいカードが表示されます
    ※左端のカードは自動整列します

学習者

  1. 入力用ソフトを起動して「なまえ」を入力します(名前を入れないと発言できません)
  2. 上の「おえかき」アイコンを選択すると、絵を描くことができます
      ・ 左上のアイコンを選択すると絵をアップロードします
  3. 上の「クマ」アイコンでスタンプ画像を挿入します
  4. 「パレット」アイコンでカードの色と文字の色が選択できます
  5. 右上の「歯車」アイコンで表示するログの数を選択します
  6. 一番右上のアイコンでログアウトします
  7. 右下の「カメラアイコン」から写真撮影、または保存してある画像のアップロードができます
 ※ 文章の途中改行はできません(「(改行)ENTER」で入力になります)
 ※ 書き込んだ絵、文章や写真の変更や削除はできません、管理者画面から全部削除が可能できます

Q&A

  1. Q 印刷ができますか?
    A 管理者画面上で右クリックして「印刷」を選択すると印刷できます
      プリンタのプロパティで用紙をA4横に設定すると用紙いっぱいに印刷できます
  2. Q 印刷すると、画面で表示されているように印刷ができません
    A 古いブラウザでは正しく印刷ができない場合があります。特にIEは不具合が起きます。最新のブラウザ、または他の種類のブラウザをご利用下さい
  3. Q 写真がアップロードできません
    A 写真のサイズが大きすぎます。サイズを小さくして下さい
  4. Q 以前に行ったワークシートが表示されてしまいます
    A 管理者画面で「データの削除」をクリックしてください
  5. Q 画面に表示されません、移動ができません
    A 古いブラウザでは表示や移動ができない可能性があります。最新のブラウザをご利用下さい
  6. Q 文字が変になり読めません
    A 作動環境の文字コードをUTF-8にして下さい。Shift-JISでは文字化けします
      作動の検証をいたしますので、岩手県立総合教育センター 情報・産業教育担当まで連絡ください

プログラムのダウンロード

  1. Apache等のphpが作動するWebサーバのhttp公開フォルダに入れて下さい

「プログラム」のダウンロード