目次
１．「お知らせ」「大会情報」「協会カレンダー」の追加、更新
２．「トピックス」 「県協会情報」 「事業計画」 作成方法
３． 新規コンテンツの組み込み
４．補足資料
A. 構造（2011/6/25現在）
Ｂ．新規ブログの開設 （案）
バウンドテニスの大会やその他の事業は日々、行われています。当然それによる情報も刻々発生します。県BT協会ホームページでは、発生頻度の多い、下記のコンテンツについて 具体的な操作を含めて説明します。
「お知らせ」
「大会情報」
「協会カレンダー」
本ホームぺーじでは、誰でも （もちろん許可は必要）容易に入力でできるような仕組みを採用しました。ざっと仕組み図化すると 次の様になります。
一言でいうと BT協会関係者が複数で 「お知らせ」というブログを書いています。それを県協会HPの窓を通じてBT協会員がみているということになります。
１．「お知らせ」「大会情報」「協会カレンダー」の追加、更新
●[お知らせ]の追加方法
○操作方法
下記の図は「サイト案内」の「管理用ページ」をクリックしたときの画面です。
この画面の
<<<ホームページ管理者用メニュー>>
●お知らせ
・・・・
●お知らせを選択（クリック）してください。
お知らせの画面（ブログの画面）が表示されます。（HP中央部分 ）
左上の「ログイン」を選択してください。
ログイン画面 または Bloggerダッシュボード（自分の）が表示されます。
ログイン画面で正しくgoogleアカウントでパスワードとともに入力した場合もBloggerダッシュボードが表示されます。「ダッシュボード」とは、この「お知らせ」に記載できる権限所有者だけが使用するための専用画面です。
このBlogger ダッシュボードのこの画面で、「お知らせ」 を作成してください。
プレビューで 内容がOKなら 公開してください。必要であれば すぐに非公開に設定変更可能です。
※ 凝ったページを入力したい場合（表や作図 段落、等 多用したい場合）はgoogleDocumentで仮作成し、この編集 画面にコピーして作成できます。
※ ラベル（分類）は 事前に決めているラベルを入力してください
○使用サービス：
googleBlogger：
○誰が入力するか：
投稿者：総務員会（事務局、大会主管） 指導委員会
個々の内容に関してはそれぞれの部署で責任を持って作成してください
○更新頻度：
かなり多い（数回/月）
○管理者：（googleBloggerの管理者機能を所有）
HP運営委員
主な作業内容は デザインの変更、投稿者の権限付与等管理業務
以下は 管理者だけが使用できる操作画面です。
このブログ（お知らせ）に書き込めるひとは 管理者を含めて４名です。
閲覧者はHPからみているわけですから、公開と設定されています。
○主な入力内容：
投稿だけ考えるとやさしい。
表等を作成する場合はgoogleDocument（旧バージョン）で仮作成しコピーで入力してください。
（この場合 ＨＴＭＬのコピーで行ってください）
動画はなるべく youTubeにアップし、埋め込んでください。
●大会情報の追加方法
○操作方法
県BTホームページの「管理ページ」メニューの
<<<ホームページ管理者用メニュー>>
●大会情報
・・・・
●大会情報を選択（クリック）してください。
●大会情報の画面（bloggerの画面）が表示されます。（HP中央部分 ）
左上の「ログイン」を選択してください。
ログイン画面 または Bloggerダッシュボード（自分の）が表示されます。
ログイン画面で正しくgoogleアカウントでパスワードとともに入力した場合も
Blogger ダッシュボード表示されます。
このBlogger ダッシュボードのこの画面で、「大会情報」 を作成してください。
プレビューで 内容がOKなら 公開してください。
必要であれば すぐに非公開に設定変更可能です。
※大会の種類ごとに上に追記（年一回）
大会の年度毎に追記していく。
大会予告
大会要項 （募集要項）
大会成績、大会の様子の写真 、等
※ ラベル（分類）は 事前に大体決めておいたら、HP閲覧する場合見やすい。
県BT協会の主催の大会は下記の４試合です。
■神奈川県選手権大会
■レディース大会
■関東ブロック選考会
■県親善交流大会
メニューにないが、
■Ｕ４０大会
■関東ブロック選手権大会
※凝ったページを入力したい場合（表や作図 段落、等 多用したい場合）はgoogleDocumentで仮作成し
コピーしてBloggerの入力画面にペーストして作成してください。
○使用サービス：
googleBlogger：
○誰が入力するか：
投稿者：総務員会（事務局、大会主管） 指導委員会
個々の内容に関してはそれぞれの部署で責任を持って作成してください
○更新頻度：
かなり多い（６回/年）
○管理者：（googleBloggerの管理者機能を所有）
HP運営委員
主な作業内容は デザインの変更、投稿者の権限付与等管理業務
●「協会カレンダー」への予定入力
○操作方法
県BTホームページの「管理ページ」メニューの
<<<ホームページ管理者用メニュー>>
・・・・
●協会カレンダー
・・・・
●協会カレンダークリック
カレンダー画面（googleカレンダー）が表示されます。
（これからの操作は googleカレンダー一般の操作です。）
画面左下の 「他のカレンダー」の中に 「県BT_協会」があるはずです。
（上記の図ではマイカレンダーに分類されています）
「県BT_協会」に必要な予定を入力してください。
BT協会HPのカレンダーに即座に反映します。
※予定の「タイトル」日時 のほか 「場所」および 簡単なメモ設定ができます。
場所」は正しく入力すると実際の地図がBT協会HPでが表示されます。
上記の例では「藤沢市秩父宮記念体育館」と入力すると googleマップで詳細な地図と場所のマーキングが出ます。
※「マイカレンダー」は自分自信が設定した 個人的なカレンダーです。
※「他のカレンダー」は 他の人（今回は HP運営委員会で設定した）のカレンダーです。
○使用サービス：
googleCalendar：
※BT協会HPで表示は、googleCalendarの埋め込み機能で「県BT_協会」カレンダーをのタグを使用して作成、表示させています。
○誰が入力するか：
入力者：総務委員会（事務局）、指導員会、普及委員会 等 関係者
○更新頻度：
かなり多い（数回/月）
○管理者：（googleCalendarで「県BT_協会」設定した人）
このカレンダーはHP運営委員で設定しています。
カレンダーを一般公開する をチェックし 「メールアドレス」で 関係者に 「予定の変更権限」を付与します。
２．「トピックス」 「県協会情報」 「事業計画」 作成方法
操作方法はいずれもBloggerで作成しています。操作内容は お知らせや大会情報入力と同じです。
更新担当が 広報委員会で行いますので操作方法は省略します。
管理ページに保守メニュはありません
○使用サービス：
googleBlogger
○誰が入力するか：
作成者： HP運営委員会
○更新頻度：
かなり少ない（一回/年）
○管理者：（googleBloggerの管理者機能を所有）
HP運営委員
他の部署が行う場合は 編集権限を （共有）の 「アクセス権のあるユーザー表示」
で関係の方に 「招待」 編集権を付与します。
3. 新規コンテンツの組み込み
現在のホームページに新しいコンテンツを追加する場合の方法について説明します。
変更（追加）内容の検討
どの部署で何をBT協会のHPに掲載するのか。
HP委員会で下記内容を検討し、方針決定
使用するgoogleサービス等の選択
変更頻度が多い --- google gloggerを利用
表等を多く使用する場合は --- google documentsの利用して作成 Bloggerの編集画面でコピーして作成してください。
以上の検討が完了したら次の作業を行う。この作業はweb管理者が 実施します。
① コンテンツの作成とweb公開
② メニューの変更 （ Frame_L.htm ファイルの 変更 ）
③ web管理者が WWWサーバに フィル転送(ftp)
具体な例で検討してみましょう。
例１ 協会の歩み
このコンテンツは、２５年以上の協会の歴史をみると データは各部署、各人のあたまに断片的にあるような気がします。サービスの選択は、更新頻度からみて、さらに年代別なデータ形式からgoogle documentsで作成、完成したらBloggerに移す。それ以降の追加はBlogger内で行う。
HPのメニューとしては 県協会情報の分類となると思います。
googleドキュメント 「新規作成」で 「協会の歩み」の 空のファイルを作成します。
年代別の表を作成すします。 ただし データは すくない。
（google ドキュメントでは一般のHPの内容を コピーだけで取り込み可能です。）
関係者（作成者）のメールアドレスで この書類から 共有（共同編集） の 招待 を行う。
関係者は 知っている情報を この書類に書き込む。
まとまったところで コンテンツとして 多少化粧し、各関係者に 最終確認をしてもらう
完成後、googleBloggerの編集画面にＨＴＭＬコピーして公開してください。
例２ 日本バウンドテニスの大会結果を 県のHPのメニューにリンク
この場合、日本バウンドテニス協会に リンク許可を受けるといいことが前提ですが、下記内容のタグを Frame_L.htmファイルに書き込むことでリンクできます。
この Frame_L.htm を WWWサーバに 転送（ｆｔｐ）して 完了です。
４．補足資料
A. 構造（2011/6/25現在）
県ＨＰの構造は 次２種類から成り立っています。
（目次部分）
index.htm +------Frame_T.htm （協会 タイトル表示フレーム）
+----- Frame_L.htm (左側メニューの表示フレーム）
+----- Frame_C.htm ( Blogger表示フレーム フィレー名称は ＣＥＮＴＥＲです。）
※ソースコード（HTML)はブラウザで確認できます。
（個々のページ部分）
このＨＰでは次の5個のbloggerを開設し、目次部分からリンクされていいます。
Blog1: お知らせ
a) 県主催大会の開催の知らせ
b)関連大会(県、近隣大会） のお知らせ
c)県協会事業（研修会等）のお知らせ
県主催（一部 関東、全日本での県の成績）の大会結果を蓄積
トップページで 主に協会主催大会完了後 大会の写真を掲載
Blog4: 上記に当てはまらないその他 および Hp全体で使用するPage
d)カレンダー表示ページ (県協会）
Blog5: HP管理
a)ＨＰ運営に携わる関係者のマニュアル集
b)新規のコンテンツチェック用
上位協会の事業カレンダー： ある場合はリンクする。
動画の管理
協会のBlogで利用した動画をyouTubeにアップ （コンテンツ投稿者側で実施）
コンテンツ（投稿情報）作成補助ツール ＆必要な知識
●HTML作成ツール：
上記の画面は google Documents のみで作成 Bloggerにコピー
上記の frame_Top.html とframe_left.html の HTMLは google 作成 そのHTMLから作成
●カレンダー：
県、市、サークルを別々の人が google Calendarに追加
Bloggerの HTML編集機能で CalendarのHTMLを埋め込む
●動画：
google YoutubeにアップロードしBloggerのHTML編集機能でYoutubeのHTMLを埋め込む
●その他：
google PISCA （画像編集管理ソフト）で素材を写真のコラージュや静止画のムービー化をはかり利用する。さらに必要におおじてアルバム（ネットにアップ）の利用する
Bloggerの設定： 検索エンジンに必要以上に許可しない。
Youtubeの設定： 限定公開 （url知っているいる人だけ見れる）
公開時、 関連動画を表示させない （勝手に他の動画が表示される）
Ｂ．新規ブログの開設 （案）
（ since 2011/6/26 )
バウンドテニスの技術的なコンテンツを公開していくために下記ブログを新規に開設する。
1) HPのメニューの追加 ( frame_L.htmの変更
メニュー名： 案１ 「指導部便り」 「指導委員会便り」 「バウンド技術」 etc
2) 主なコンテンツ （新規にブログを開設）
a） 動画による県技術講習会
b） サークル練習メニュー
c） Ｕ４０ 指導カルテ
d） 。。。。
e） 試合風景 （県上級者） －－ 手本
※詳細については 指導委員会で構想をまとめ、テスト版コンテンツをブログ上に投稿 順次公開していく
3） Ｂｌｏｇの詳細
管理者： 広報委員会 （１） ＋ 広報委員会（１）
投稿者： 広報委員会のなかの数名
4)具体策
a) メニュー名の決定 変更作業は ＨＰ運営委員会でおこなう。
b) 公開用ブログ および ワーク用ブログ （限定公開 または 非公開 ）
ワーク用ブログのなかで どんどん作成していき、 その中で 委員会で「ＯＫ」のコンテンツを公開用ブログに移動（HTML）していく。
c)協議用共用書類の準備 ( googelドキュメント共有機能利用 ）
d)広報委員会側での準備事項
a. googleアカウントの取得 （現在のメールアドレスで取得すると下記サービス使用可能）
b. google Bloggerに慣れる
c.google Documentsに慣れる
以上
