学級ホームページの運用をどのように行えるか 機能を試せるサンプルとなっております。ご自由にお試しください。設定画面にログインするための IDはed-test パスワードは1111となっています。記事管理用のIDとパスワードは各ページの設定によって異なりますので 以下の説明をよく読んでください。

サイト内容の変更
サイトトップから メニューや各ページの黒板内に表示するコメントの編集をすることができます。

@初期状態の内容を確認します。初期状態部をクリックしてください新たに「サンプル学級ホームページ」というWindowが開きます。
ここでは左横の鉛筆画像(メニュー)の一番上の部分と中央の黒板画像のコメント部分を覚えておいて下さい。その部分を変更していただきます。
A内容を変更してみましょう。今開いた「サンプル学級ホームページ」最下部の先生用の横[全体設定]をクリックすると 新たにWindowが開きログイン画面が表示されますので 管理画面ログインID[ ed-test ] 管理者パスワード[ 1111 ] と入力してログインしてください。
番号001の「メニュー表示」欄と「ページのコメント」欄を 任意に変更して「修正」ボタンを押してください。
B修正が終わったら元の「サンプル学級ホームページ」を再描画(更新)してください(再描画は 再描画したいWindowをクリックし F5キーを押すことでもできます) 変更した場所が変更されているか確認してください。元の「サンプル学級ホームページ」が変更されていることを確認したら 編集画面は閉じてください。画面右上のログアウトボタンでログアウトできます。

※上記の要領で「サンプル学級ホームページ」の内容のほとんどがホームページビルダーやその他のソフトを利用することなく変更できます。この様にWebページから直接そのWebページの表記を変更できるシステムをCMS機能(ContentsManagementSystem)といいます。
当然、画面のフラッシュ部やそこに表示されている学校の写真も同様に簡単に変更が可能です。また メニューの削除や変更・追加も簡単に行えます。
先生からのお知らせ
トップページの「先生からのお知らせ」の追加・編集をすることができます。

@初期状態の内容を確認します。
A内容を追加してみましょう。今開いた「サンプル学級ホームページ」最下部の先生用の横[お知らせ]記事追加をクリックすると 新たにWindowが開きログイン画面が表示されますので 管理画面ログインID[ ed-test ] 管理者パスワード[ 1111 ] と入力してログインしてください。
編集ページ最下部の「コンテンツの追加」欄の「お知らせ内容」に 任意で文章を入力して「追加」ボタンを押してください。最上部にデータが追加されます。
B修正が終わったら元の「サンプル学級ホームページ」を再描画(更新)してください。画面中央の先生からのお知らせの最上位行に追加したデータが表示されていることを確認してください。元の「サンプル学級ホームページ」が変更されていることを確認したら 編集画面は閉じてください。画面右上のログアウトボタンでログアウトできます。
閲覧制限あり掲示板
IDとパスワードを知っている人だけが アクセスできる掲示板です。携帯からメールを送信することで記事投稿も可能で 携帯端末での閲覧・投稿も可能です。

@まず掲示板へアクセスします。
Aアクセス制限用認証ウィンドウが開くので ID:[ test ] Pass:[ 1111 ] と入力してください。
B掲示板の閲覧・投稿ができます。試しに新規投稿してみてください。
Cトップページの更新履歴に 掲示板に記事投稿された旨が自動的に表示されます。
D携帯端末で http://ed-test.gakkyu.com/bbs/index.html にアクセスすると パソコンからと同じようにID/Passの入力を求めてきますので ID:test/Pass1111 と入力してください。
E携帯からのメール送信での記事投稿も可能です。keijiban@ed-test.gakkyu.comあてにメールを送信してください。
F送信後掲示板へアクセスします。記事が追加されています。

※閲覧可能なユーザーはページ最下部の[閲覧制限設定]というリンクからログインして増やすことができます。
※記事受信用メールアドレスは学級.comのページ右上にあるログインボタンからログインし 任意で作成してください。
※運用前に 上記で作成したメールアドレスを受信用として設定する必要があります。
アルバム
生徒が主体となって更新するためのページです。画像をアルバム風に追加し コメントを付けて保存していきます。

@初期状態の内容を確認します。
A内容を追加してみましょう。今開いた「サンプル学級ホームページ」最下部の生徒用の横[記事管理]をクリックすると 認証画面が表示されますので 生徒用に設定してある 管理者ログインID[ test ] 管理者パスワード[ 1111 ] を入力してログインしてください。
ページ最下部の「コンテンツの追加」欄に 任意で文章を入力して「追加」ボタンを押してください。最上部にデータが追加されます。追加されたデータの「下位コンテンツへ移動」ボタンを押してください。画面が切り替わります。
Bまず写真画像をアップロードします。「画像一覧」ボタンを押してください。フォルダ内にある画像が一覧表示されます。「参照」ボタンを押して ローカルマシン内の画像を選択してください。
C選択した画像が2MBを超える場合は「自動サイズ変換機能を有効にする」にチェックを付けて 横に800と入力してください。
D「アップロードする」ボタンを押すとアップロードが開始されます。しばらくすると 画像一覧に選択した画像が表示されます。E表示されたらその画像下の「選択」ボタンを押してください。ウィンドウが閉じて親ウィンドウの「写真画像」欄にファイル名が表示されています。
F感想文を入力して「追加」ボタンを押してください。
G修正が終わったら元の「サンプル学級ホームページ」を再描画(更新)してください。追加したカテゴリが最上行に表示されています。そのカテゴリをクリックすると 画像とコメントが表示されます。
Hトップページの更新履歴に アルバムにカテゴリが追加された旨が自動的に表示されます。

※運用前に生徒に教えるログインIDとパスワードを設定する必要があります。
学級日記
生徒が主体となって更新するページです。通常の日誌のように 毎日生徒の誰かが記事を書くことを念頭においています。携帯端末での閲覧が可能です。
生徒が書いた記事に 他の生徒や先生がコメントをつけることができます。(コメントをつけるのは誰でも可能です。)不要なコメントや問題のあるコメントは 先生のみが修正・削除することができます。記事を書き込むと トップページの更新履歴に 学級日記に記事投稿された旨が自動的に表示されます。
先生紹介
先生のプロフィールページです。項目や内容は自由に編集可能です。

@初期状態の内容を確認します。
A内容を変更してみましょう。今開いた「サンプル学級ホームページ」最下部の先生用の横記事管理をクリックすると ログイン画面が表示されますので管理画面ログインID[ ed-test] 管理者パスワード[ 1111 ]と入力してログインしてください。内容や項目を 任意に変更して「修正」ボタンを押してください。修正が終わったら元の「サンプル学級ホームページ」を再描画(更新)してください。変更が確認できたら 編集画面右上のログアウトボタンでログアウトします。
生徒自己紹介
生徒各自のプロフィールページです。生徒各自が自分の分を追加します。掲示板と同じようにアクセス制限があります。

@まず生徒自己紹介へアクセスします。
Aアクセス制限用認証ウィンドウが開くので ID[ test ] Pass[ 2222 ] と入力してください。
B生徒の一覧が表示されます。詳細を見たい場合は生徒の画像か名前をクリックしてください。
C生徒が新規に入力する場合は 生徒一覧ページの下部 生徒用の横新規作成をクリックしてください。入力画面が表示されます。入力が終わったら[投稿する]ボタンを押して投稿します。このとき 生徒自身にパスワードを設定させ その管理を徹底するようご指導ください。
D修正する場合は 生徒自身が自分の詳細ページを開き ページ下部の生徒用の横[ 修正 ] [ 削除 ]をクリックするとできます。
E先生が内容を管理する場合は 生徒一覧画面の先生用の横管理モードをクリックして下さい。
F管理者認証ウィンドウが開いたら ID[ teacher ] Pass:[ 2222 ]と入力して 編集したい生徒の詳細ページへ移動し 生徒用リンクの修正 削除を選択してください。

※閲覧可能なユーザーはページ最下部の[閲覧制限設定]というリンクからログインして増やすことができます。
※運用前に先生の管理用のIDとパスワードを設定する必要があります。
先生ブログ
先生だけが記事投稿できるブログです。携帯からメールを送信することで記事投稿が可能です。コメントは誰でもつけることが可能です。

@まず先生ブログへアクセスします。
A新規に記事を追加する場合は 先生用の横[管理モード]をクリックします。管理者用ログインID[ teacher ]管理者用パスワード[ 2222 ]でログインすると 先生用リンクに[追加][修正][削除]の各項目が表示されます。
B試しに追加を押して 新規投稿してみてください。
Cトップページの更新履歴と右端に 先生ブログが更新された旨が自動的に表示されます。
D携帯からのメール送信での記事投稿も可能です。blog@ed-test.gakkyu.comあてにメールを送信してください。
F送信後先生ブログへアクセスします。記事が追加されています。

※記事受信用メールアドレスは学級.comのページ右上にあるログインボタンからログインし 任意で作成してください。
※運用前に 上記で作成したメールアドレスを受信用として設定する必要があります。また自分自身からの投稿記事のみを受け付けるように自分のメールアドレスを入力する必要があります。(このサンプルでは設定していないため誰でも投稿が可能となっています。)
リンク集
リンク集です。生徒が自由に追加修正できます。アルバムと基本的には同じ操作となります。
リンク集項目が追加されると トップページの更新履歴に リンク集にデータが追加された旨が自動的に表示されます。

※運用前に生徒に教えるログインIDとパスワードを設定する必要があります。
先生にメール
メール送信フォームです。WEB上でメールアドレスを公開すると スパムメールや迷惑メールが大量に送られてくる可能性があるため メールアドレスではなく入力された内容を 設定したメールアドレスに送信するシステムです。
先生用の横[設定]をクリックすると 管理画面ログインウィンドウが開きますので 管理画面ログインID[ ed-test ] 管理画面ログインパスワード[ 1111 ]でログインすると メールが送信されたときに返信する内容等も設定することができます。

※送信時の入力項目を増やしたい場合はHTMLを編集する必要があります。
更新履歴
更新履歴は 他のページが変更された場合に自動的に追記されていきますが その内容を修正したり 削除したり 全く新しく追加することもできます。先生のみが記事管理が可能です。
更新履歴一覧ページのほかに トップページにも最新3件は表示されます。更新履歴データは各月毎にデータ管理され 過去のデータの年月は変更できなくなっています。
先生用横記事管理をクリックすると 管理画面ログインウィンドウが開きますので 管理画面ログインID[ ed-test ] 管理画面ログインパスワード[ 1111 ]でログインすると 当月分のデータが変更されます。
Powered by Homepe.net