保護者が実際に使える学校のウェブサイトの作り方

優れた学校のウェブサイトは、電話で事務室に問い合わせなくても済むように、保護者がよく尋ねる質問に答えます。学期の日程、連絡先、家庭への手紙、入学、方針などです。2つのグループを中心に作ってください。学校を検討している家庭と、すでに在籍している家庭です。公開サイトはAIのウェブサイトビルダーで作れます。お知らせ、カレンダー、手紙はデータベースに保存し、職員が更新できるようにしてください。生徒に関する非公開のデータは、ウェブサイトには置かないでください。それは学校の管理システムに置くべきものです。

学校のウェブサイトを使う人

ホームページは、まず在籍している保護者の2つのグループに向けてください。朝7時半に、在籍している保護者は今日学校がやっているかと、今週何が行われるかを知りたいのです。入学を検討している保護者は、その学校の雰囲気を感じ取りたいのです。

学校のウェブサイトに必要なもの

基本のページ

• ホーム： 主要な連絡先、最新のお知らせ、直近の日付
• 学校について： 理念、校長の挨拶、教職員、理事や役員
• 入学： 申し込み方法、締め切り、学校説明会、見学の予約方法
• 学期の日程とカレンダー： 研修日や試験期間を含む
• カリキュラム： 学年ごとまたは教科ごと
• 保護者向けのページ（公開）： 家庭への手紙、制服、給食のメニュー、クラブ、送迎
• 方針と必要な文書
• 求人
• 連絡先： 地図、電話番号、受付時間、どの内容をどこに問い合わせるか

必須の情報

多くの国では、入学の取り決め、方針、カリキュラムの詳細、試験結果、査察報告書など、特定の情報をオンラインで公開する必要があります。また、アクセシビリティの規則が適用される場合もあります。必要な内容は国と学校の種類によって異なります。最新の一覧は所轄の教育当局で確認し、それをサイトのチェックリストとして扱ってください。このガイドでは、あなたの学校に何が適用されるかはお伝えできません。

作る前に決めておくこと

公開のウェブサイトか、保護者ポータルか？

両者は分けてください。ウェブサイトは、学校についての公開情報です。保護者ポータルは、個々の子どもに関する情報（出席、成績、報告書、支払い、メッセージ）を扱います。そのためにはログイン、厳格な権限、慎重なデータ保護が必要で、多くの学校にはすでにそれを含む学校情報管理システムがあります。ウェブサイトから、そのシステムへリンクしてください。作り直す必要はありません。より大きなものを計画しているなら、学校管理システムの作り方を参照してください。

お知らせ、行事、手紙の更新方法

ここが、サイトを役立つ状態に保つための鍵です。ページを直接編集するのではなく、お知らせ、カレンダーの行事、手紙をデータベースに保存し、職員がそれを追加できるシンプルな管理画面を用意してください。手紙はPDFであることが多いので、ファイルのアップロードとして保存し、日付と学年ごとに一覧表示します。誰が公開できるかを決めてください。通常は事務職員の1〜2名で、センシティブな内容は校長が承認します。

言語

家庭で別の言語を話す保護者が多い場合は、入学、連絡先、学期の日程などの主要なページを、その言語でも用意することを検討してください。機械翻訳は出発点にすぎません。入学の締め切りのような重要な内容は、流暢な話者に確認してもらってください。

子どもの保護とプライバシー

• 生徒の写真は、学校の写真のポリシーに基づく保護者の同意がある場合に限る。画像の横にフルネームを載せない。どの教室や通学経路を使っているかが分かる写真は載せない。
• 公開サイトに生徒の個人データを載せない：クラス名簿、氏名入りの結果表、医療や行動に関する情報は載せない。
• 教職員の連絡先。 個人のメールアドレスではなく、役割に基づくメールアドレス（office@、admissions@など）を検討する。
• 問い合わせフォーム。 メッセージは安全に保存し、読める人を制限し、不要になったら削除する。
• データ保護法は、多くの地域で子どものデータに特別な注意を求めています。公開前に、データ保護の責任者がサイトを確認すべきです。

アクセシビリティ

学校のウェブサイトは、視覚障害のある保護者、読みに困難がある保護者、時間やデータ通信量に制限がある保護者でも利用できる必要があります。文字の画像ではなく実際のテキストを使い、見出しをはっきりさせ、色のコントラストを十分に取り、リンクのテキストを分かりやすくしてください（「こちら」ではなく「秋学期の日程」）。画像には代替テキストを付けます。PDFはスマートフォンでも、スクリーンリーダーでも読みにくいため、学期の日程のような重要な情報はWebページとして公開し、PDFは補足として提供してください。より詳しいチェックリストはWebサイトをアクセシブルにする方法にあります。公共部門のサイトには、法的なアクセシビリティ要件がある地域もあります。

AIビルダーへの最初のプロンプト

Riverside Primary Schoolのウェブサイトを作ってください。ページは、ホーム、学校について（校長の挨拶、教職員、理事）、入学（申し込み方法、説明会、「見学を予約する」フォーム）、学期の日程、学年ごとのカリキュラム、保護者（手紙、制服、給食のメニュー、クラブ）、方針、求人、連絡先です。ホームページには、事務室の電話番号、次の5件のカレンダーの行事、最新のお知らせ3件を表示してください。お知らせ、カレンダーの行事、手紙はデータベースに保存し、事務職員が追加できる管理画面を用意してください。手紙は学年ごとにタグを付けたPDFファイルとしてアップロードします。学期の日程は、PDFだけでなく読みやすいWebページにしてください。親しみやすくすっきりしたデザインで、コントラストを高め、文字を大きくしてください。スマートフォンでも見やすいこと。子どもの顔が写っていないプレースホルダーの写真を使ってください。

その後、連絡先、学期の日程、入学から始めて、ページごとに本物の内容を追加してください。

手順に沿って作る

1. 必須情報のリストを集める。 所轄の教育当局から入手し、各項目をページに対応させる。
2. 内容を集める。 連絡先、学期の日程、入学の基準、方針、教職員の一覧（同意を得たもの）、カリキュラムの概要、学校の写真のポリシーで許可された写真。
3. ホームページ、連絡先ページ、学期の日程を最初に作る。最も使われるページだからです。
4. お知らせ、カレンダー、手紙の管理機能を追加し、実際にそれを使う事務職員に、あなたが見ている前で本物の手紙と行事を追加してもらう。
5. 必須情報のチェックリストを確認し、各項目にチェックを入れる。
6. アクセシビリティをテストする。 キーボードだけで移動し、コントラストを確認し、主要なページでスクリーンリーダーを試す。
7. スマートフォンで確認する。 保護者は10秒で今日のお知らせと学校の電話番号を見つけられますか？
8. 校長とデータ保護の責任者の承認を得る。
9. 学校のドメインで公開する（カスタムドメインの接続方法）。
10. 学期ごとの見直しを設定し、日付、教職員、方針を更新する。

よくあるミス

• すべてをPDFにする。 スマートフォンで読みにくく、見つけにくい。
• 古い学期の日程や教職員の一覧。 保護者がサイトを信頼しなくなる。
• 公開サイトに生徒のデータを載せる。 名前入りのスポーツチームの写真のように、無害に見えるものでも同様。
• 保護者ではなく査察官向けに作られたホームページ。 長い理念の文章があり、連絡先の電話番号がない。
• 公開権限を持つ人が多すぎる、またはレビューがない。 あるいは、更新方法を知っている人が1人しかいない。
• 既存の保護者ポータルがすでにあるのに、作り直す。

既製の製品が適している場合

• 所属する法人、教育委員会、行政機関がウェブサイトのプラットフォームを提供している。 必須情報とアクセシビリティの規則をすでに満たしている可能性があり、職員がそれに慣れているかもしれません。
• 保護者ポータル、遠足や給食の支払い、メッセージ機能が必要。 学校向けの専門システムが、適切なデータ保護の仕組みとともにそれを扱います。
• 誰にもサイトを管理する時間がない。 学校向けに、サポート付きで提供されるウェブサイトのサービスの方が合うかもしれません。

自分で作るのは、学校らしいサイトが欲しいとき、プラットフォームにない固有のツールが必要なとき（クラブの申し込み、学校説明会の予約フォーム、職員が編集できる給食メニュー）、または古くて高額なサイトから移行したいときです。定員制の学校説明会の予約については、イベント申し込みサイトの作り方が参考になります。

Mythexで作る

Mythexは、AIアプリビルダーです。チャットで学校のページを説明すると、スマートフォン表示を含むライブプレビュー上でサイトが作られます。編集可能なお知らせ、カレンダーの行事、手紙を依頼すると、プロジェクトにPostgresのデータベースが追加され、アップロードしたPDFにはプロジェクトのファイルストレージが使われます。Freeプランではyourname.mythex.appのアドレスで公開でき、Proでは学校独自のドメインを接続できます。

Mythexには、保護者ポータル、支払い、家庭向けのメッセージ機能は含まれていません。それらは、選んだプロバイダーを使う別のプロジェクトになります。管理画面に使う職員のログインには、自分で選んだ認証の方法を使います（認証の追加）。語学学校のテンプレートは出発点の1つで、ウェブサイトのテンプレートにはさらにレイアウトがあります。

よくある質問