奈良のある高校とご縁ができて，プログラミング学習サイトを作ることになりました．Webサービスデザインの授業で使用していたシステムを大幅修正しました．
せっかくなので他の高校でも使えるようにデモを公開しました．システムを触ってみたい方はご連絡ください．デモ用アカウントをお伝えします（連絡先は一番下です）．
JSエクササイズ～高校生のためのJavascript入門～
生徒がログイン後，問題02-02ボタンを押すと，画面はこんな感じになります．
基本，虫食い問題を解く形式です．黄色の部分を埋めて，上の「動作確認」ボタンを押すと別タブでコードが実行されます．
うまく動作したら「提出」ボタンを押します．すると以下のような画面になり，解答が自動採点されます．
先生のアカウントでログインすると，以下のようにどの生徒がどの問題を提出してるかがリアルタイムでわかります．この画面はcsvファイルに保存できます．
緑のセルの「ok(4)」は提出を4回して，最後の提出は正解でしたと言う意味．赤のセルの「1(5)」は提出を5回して，最後の提出には１つ間違いがあると言う意味です．
この画面で問題番号01-02をクリックすると，各生徒の提出履歴が確認できます．
先頭の生徒は，1問目は提出5回とも正解，2問目は提出5回とも答えを埋めずに提出してるようです．
その他，先生用の画面から生徒らのパスワードをいつでも簡単に初期化できます．パスワードを忘れた生徒らのフォローが簡単にできます．
例題や問題については学校毎にカスタマイズが可能です．デモ版には奈良の高校で好評だったコンピュータグラフィクスの問題を入れています．
国旗を描く（11-03）
キャラクターを描く（15-04，16-03）
以上，このシステムの特徴は以下の通りです．
- 自動採点システムがあるので，生徒らは自分のペースで学習をすすめられる．
- 先生は画面上で生徒らの進捗を確認・保存できるので，問題のある生徒を発見しやすい．
- 履歴画面からどいういう間違いが多いかわかり，どんな説明が必要かを分析できる．
- 例題や問題は学校毎にカスタマイズ可能．
たくさんの学校に使っていただきたいと思っています．ご興味がありましたらご連絡ください．
連絡先 大阪公立大学太田 ota.opu+eiws@gmail.com
