見出し画像

【無料】【学校現場で!】生徒のフォーム回答をマルチ画面表示にするWebアプリ!(いみわからなかったらごめん汗)

(お先に紹介!こんなアプリ画面です!)

googleformの回答をこんなカンジで一覧表示したりでっかくしたりするアプリ


●フォーム集計がだんだん主流になりつつあるからこそ

 現在、公立の中高一貫校で勤務しています。昨今の教育現場ではDX化が進んでおり,googleフォームやマイクロソフトformsなど、フォーム形式で子ども(もしくは保護者)に答えてもらう機会も増えてきました。デジタルで情報が集まってくると、集計・集約する際にとても便利です。

 …がしかし、学校現場ではフォーム結果に対してこんなニーズもあるのではないでしょうか。少なくともボクはありました。学級担任としても、教科担任としても。

・フォームで答えてくれた結果をみんなですぐ共有したい
・マルチ画面(多分割表示)でどんな答えが届いたか見たい
・といいつつ、気になる回答はでっかく表示してみんなでシェアしたい
・誰がまだ答えていないかすぐに知りたい(未提出者は催促したい)

 …がしかし、実際のフォーム結果はこ~んな感じで表出力。データを扱うには適しているけれど、クラスの子たちとその場でシェアする際には不向きです。見づらい。

名前は伏せてます。だいたい今の学校現場の主流は「出席番号4ケタ→3A01」みたいな。でも小学校では2桁の場合もある。(他クラス交えてフォーム集計しない時とか)

 そりゃ拡大したりソートすりゃなんとかみんなでシェアできるけれど、ちょっとダルい操作だと思いながら操作していました。特定のフォームだけずっと提出物を追いかける時は、フォームから出力されるスプレッドシートとグーグルスライドを連動させて、更新ボタンを押して…とか設定は手間なことやってました。

●マルチ画面表示(未提出者ピックアップ)を目指して

 そこで「生徒の味気ないフォーム回答一覧(表)を2クリックでマルチ画面表示にするWebアプリ」なるものをgeminiと対話して作ってみました(笑)。コードも1000行程度。アプリ作成にかかった時間は1時間ぐらいなので、割とシンプルです。

 ところで、学校現場はgoogleベース(googleform)の時もあればマイクロソフトベース(マイクロソフトforms)の時もあれば、はたまた別のものを使っている場合もあります。うちは現在マイクロソフトformsを使っていますが、授業中はgoogleformの時もあります。ときにはロイロノートです。どんなデータでも対応できるように「表データを手動で貼り付ける」というアナログな技からスタートすることにしました。表示画面はこんなイメージです。

●アプリ画面

クリックして拡大表示でご覧ください(汗)。生徒が答えてくれたコメントを一括表示している画面。これをもとにフィードバックしたりピックアップしたいわけです。

 …で、誰かのコメントをクリックすると…

でっかくなる!次や前に行くのも簡単
出席番号とコメントを同時表示…なんてことも可能です。色分けなんかも可能です。
文字を大きくしたり、分割の数を変更することも可能。スライドショー的に数秒で切り替わっていくことも可能。


●出席番号並び替えボタン

出席番号順に並び変える機能もある。



●未提出者お知らせボタン

 「未提出者ボタン」もあります。押すと…。

複数クラス混じっていることもあると思うのでクラスを自動抽出します。選ぶと…
こんなカンジで未提出者の出席番号が一覧で出ます(多いな…汗)仮で40人だとしてます。
名前をつけて保存もできます。
読み込みボタンを押したら過去のデータが保存されています。色分けのデータも残ってます。


●操作方法

①フォームの回答(表データ)を手動で貼り付ける(コピー&ペースト)

フォームの回答(表(スプレッドシートなど))をコピーしている様子

②貼り付ける空欄部分に貼り付け。(表データいじらなくていい)

貼り付け(スクショ画面では表示されていないけど)で実行している様子

③表示開始ボタンを押し、表示したいデータを選ぶ(複数選択可能)

1行目目に書いてあるタイトルを抽出して一覧表示してくれます。そこから何を表示させるか選びます。(複数選択可能)


●(きっとこんなこと言う人いそうだけれど…)

 きっと,「貼り付けめんどくね?自動でシートと連動してくれないかな~」と思う人もいるかと思いますが、学校現場(自治体)によってさまざまなフォーム回答の中で、「どんなフォーム回答だろうが対応しよう」と思ったら、「手動で貼り付けてそのあと自動認識で選ぶ」が一番いいかな…と思ってやってみました。ホントにニガテな人は「フォームのシートと連動設定」みたいなところから倒れるだろうし…(汗)。

 ボクの使い道としては、授業でクラスみんなの意見を拾い上げたい時やフォームでアンケートをとっていて提出状況を確認したい時…などです。ロイロノートやミライシードでも同じような使い方できると思いますので、普段使いのアプリの方が生徒がなれているなら無理に使わなくていいと思います。…がしかし、提出物や保護者同意書など、なんやかんやフォームを使うシーンはあるんじゃないかな。そしてロイロノートやミライシードではなくてグーグルフォームなどをメインの授業ツールとしている人もいるんじゃないかな(ボクです)。そんな人にはぴったりです。(あと、ワンクリックで未提出者集計だなんてロイロやミライシードにはありません)

 他にもpadletなりmentimeterなりslidoなり、いろいろツールがあるのも知っていますが、上記3つに関してはきれいにWEB画面いっぱいに多分割表示されません。未提出者集計なんて機能もありません。上記にあげたすべてのツールを使ったことがあるボク自身が「最低限の機能でいいからこれ欲しい」という想いで1時間でかっとばしてつくったWebアプリ」です。人によってはぜ~んぜん使い道ないかもしれませんが…(汗)、需要がありそうな人は使ってみてください。一方で、1時間であっというまに作ったアプリなもんで、不具合まだまだあるかもしれません。ご容赦ください…。

●ダウンロードファイルはこちらから(htmlファイルから起動しないと保存機能使えませんのでご注意を)

(いまさらながら…)

 どうやってgeminiに指示してるの?プロンプトは?コツは?…みたいなところに興味がある人は…。さしてコツもないのですが、このnote記事で書いてもまとまりがなさそうなので、個別に問い合わせお願いします汗。あんまりイイアドバイスもできないかもしれませんが…。


●問い合わせこちらから


いいなと思ったら応援しよう!