Microsoft 365 アプリ Sway の使い方と、保護者もアクセスできるクラスホームページとしての活用事例を紹介します。
Sway の基本的な使い方についてはこちら
私が実際に使用しているクラスホームページの Sway と同じ型の Sway がこちらです。
今回はこのデザインにするための設定をまとめます。
Sway 活用の経緯
会社や学校で広く使われている Microsoft 365 のTeams ですが、Teamsは主に生徒と教員の連絡ツールとして使われています。本校でもそれは同様で、教員と保護者との連絡ツールとしては使われていません。
日々教員として仕事をしていると、教員から保護者へ連絡をする際に便利なツールがあればいいなと感じていたのですが、 Sway はその悩みを解決してくれる最適なツールであることがわかりました。
保護者とのやり取りはメールやLINE等でも可能ではありますが、個人的には保護者とメールやLINEのやり取りはしない方針であることと、どうしても流す情報が多種多様なため保護者側としても情報を読み取るのが面倒になることが予想されました。
そこで様々な形式のデータを見やすくかつデザイン性高くまとめられ、URLとして共有できるSwayを活用することにしました。
クラス Sway 全体のデザインについて
Sway は簡単な操作でページのデザインをすることができます。
今回紹介しているSwayは茶色ベースの落ち着いたデザインにしてありますが、これは Sway の機能である「カラーインスピレーション」を使って設定しました。
「カラーインスピレーション」は編集画面の「デザイン」>「スタイル」>「カスタマイズ」から設定することができ、既定の色を選択してページ全体の色を設定することができますが、 Sway に挿入している画像データもカラーインスピレーションの選択肢として選ぶことができます。
紹介しているクラス Sway は「お知らせ」の画像として使用している以下の画像をカラーインスピレーションに使用しました。
カラーインスピレーションを使うことで、使用したい画像からページのデザインを設定することができます。
※こちらの画像はAdobe Creative Cloud の素材です。
クラス Sway で設けた見出しとそのデザイン方法
更新情報
Swayには通知機能がないため、保護者から日々積極的にアクセスしてもらう必要があります。そのためどの部分を更新したのかの情報をページ上部にまとめておき、新しく追加された情報をわかりやすくしています。
再生ページ
編集ページ
使用しているカード
※タイトルの背景に画像を設定しています。「フォーカスポイント」から「画像全体を表示する」をチェック
見出し1:更新情報
テキストカード(小、箇条書き):〇/〇(〇)クラスの様子「学園祭の出し物を決めました!」
※見出し1とテキストカードがグループになっています。
クラス目標
年度初めにクラスで設定した目標をページトップに残しておきます。
再生ページ
編集ページ
使用しているカード
見出し1:「クラス目標「〇〇〇〇」」
見出し2(強調、アクセント):
クラスの様子
クラスの日常を写真で切り取りアップしています。
再生ページ
編集ページ
使用しているカード
見出し1:クラスの様子
見出し2(強調):学園祭の出し物を決めました!
画像(小):画像
テキストカード(小):〇〇〇〇〇〇〇〇〇〇〇〇〇〇
学級日誌
私のクラスでは紙の学級日誌を廃止しました(授業の様子は「集中していた」とかしか書かないのため、面白くなかったので…)。その代わりに帰りのHRに Forms リンクから学級日誌として「今日はどんな1日だったか」「今日学んだことは何か」を全生徒に答えてもらい1日の振り返りをしています(何となく1日を消化しないように)。その Forms の回答結果の一覧をスクショしたものを Sway にアップし、クラスの様子や勉強内容を保護者に発信しています。生徒にも Sway のリンクを共有し、互いの感想を見てもらっています。
再生ページ
編集ページ
使用しているカード
見出し1(画像設定あり):学級日誌
画像(小)×3をグループスタック:今日はこんな1日、Formsアンケート回答×2
画像(小)×3をグループスタック:今日学んだこと、Formsアンケート回答×2
見出し2:バックナンバー
見出し1にはドラッグ&ドロップで背景画像を設定することができます。
見出し2の「バックナンバー」に実際は別のSwayのテキストリンクをつけておきます。別のSwayを作成して学級日誌を月ごとにまとめて保管しておけば、クラスSwayのページがすっきりして見やすくなります。あまり見ることのなくなる情報などは別のSway を作成してそちらに保管しましょう。
欠席連絡 Forms
再生ページ
編集ページ
使用しているカード
見出し1(画像設定あり):欠席連絡Forms
見出しカード2:【リンクはこちら】
テキストカード(強調、大):※保護者の方が入力してください。※折り返し電話で確認させていただくことがあります。
見出し2にはFormsのテキストリンクをつけてあります。これを活用すれば保護者からの問い合わせフォームも作ることができます。教員と保護者の双方向でやり取りしたい場合はFormsを活用するといいでしょう。
お知らせ
保護者への連絡はこちらにまとめておきます。資料を添付したり、リンクを使ったりできるため情報をきれいにまとめることができます。
再生ページ
編集ページ
使用しているカード
見出し1(画像設定あり):お知らせ
見出し2:【二者面談スケジュール】
画像(小):画像
テキスト(大):〇〇〇〇
大学・職業情報
外部サイトへのテキストリンクも使えるため、有用なWebページを紹介することができます。
再生ページ
編集ページ
使用しているカード
見出し1(画像設定あり):大学・職業情報
テキスト(強調、大):(大学や職業検索に役立つサイトのリンク)
配布物・回収物
学校からの配布物を保護者に渡さなくて困っている保護者へ向けて、配布したものをお知らせすることができます。
また、回収物の情報もアップしておけば、保護者からも生徒へ催促してくれることがあるので、回収物も集まりやすくなります。
Sway であれば書類をプリンタでスキャンして画像データにしたものをドラッグドロップすれば良いだけなので楽。
再生ページ
編集ページ
使用しているカード
見出し1(画像設定あり):配布物・回収物
見出し2:【配布物】
テキスト(強調、箇条書き、大):現在配布物はありません。
見出し2:【回収物】
テキスト(強調、箇条書き、大):現在回収物はありません。
おたより
学年や保健室等から発行されるおたより系をまとめておきます。
画像を貼り付けてもいいのですが、発行頻度が低いためページをすっきりさせるために別のSway リンク先に保管しておくといいでしょう。
再生ページ
編集ページ
使用しているカード
見出し1(画像設定あり):おたより
見出し2:【学年通信、保健だより、図書だより】
テキスト(強調、大):リンクはこちら
スケジュール
時間割、月予定、年間予定、食堂のメニューなどスケジュールに関するものをまとめました。
見る頻度が高いものは画像を設置し、年間予定のような拡大が必要なものはOneDriveへ保管したPDFデータへのリンクにすると良いでしょう。
再生ページ
編集ページ
使用しているカード
見出し1(画像設定あり):スケジュール
見出し2:【時間割】
画像:画像
見出し2:【4月の予定】
画像:画像
見出し2:【5月の予定】
画像:画像
見出し2:【年間行事】
テキスト:リンクはこちら
見出し2:【食堂メニュー】
画像:画像
クラス Sway の設定は以上です。
Swayであれば保護者への情報発信が簡単にできるだけでなく、保護者にとっても見やすく整理されます。
コメント