県協会_Webの構造及び主なコンテンツの内容

since 2012-09

upDate:2021-06-18

-----------------------

県BT協会　Web  

-----------------------

県HPのドメイン：　kbta.jp    (url: http://www.kbta.jp/)　　詳細情報

県ＨＰのweb構造 ： 　

目　次　部　分

[ index.htm 」
　　　　　　 　+----- [Frame_T.htm] 　　　 （協会　タイトル表示フレーム）

　　　　　　 　+----- [Frame_L.htm] 　　　 (左側メニューの表示フレーム） *1

　　　　　　 　+----- [Frame_C.htm] 　　　 ( Bloggerの表示フレーム）　
                                           　　　　   フレーム 名称；ＣＥＮＴＥＲです

• 上記のHTML文書は　さくらinternet レンタルサーバに保存されています
• ドメインの登録は　　さくらinternet　ドメインに登録　詳細情報

個々のページ部分

次のブログ（google_blogger)が、目次部分( Frame_L.htm )からリンクされています。

「県協会からのお知らせ」　　　　　　

• 県主催大会の開催の知らせ　
• 県協会事業（研修会等）のお知らせ

         

「大会記録」　

• 県主催（一部　関東、全日本での県の成績）の大会結果を蓄積

「Ｔｏｐｉｃｓ」　　

• トップページで　主に協会主催大会完了後　大会の写真を掲載

「協会情報」

• 年間事業計画　（総会完了時掲載）
• 理事会役員名簿　（総会完了時掲載）
• サイト案内                                                   google youTube 埋め込み
•   県BT_協会 カレンダー表示　                  google Calendar 埋め込み
• その他

「サークル紹介」

• 県全体ページ                                              google map 埋め込み
• 支部協会ページ　                                        google map 埋め込み
• あなたもバウンド始めませんか？  google youTube 埋め込み
• 管理

「県外大会」　　　　　　　　　　　　　　　　　　　　　googleDriveに県外協会のデータ（ＰＤF)保存

大会参加募集をＨＰページ経由で受付（案）

大会参加募集をＨＰページ経由で受付（案）

現在の募集方法

県主催の大会（県選手権　県親善大会　レディース　関東Ｂ選考会　Ｕ４０大会）

要項書を各支部（またはサークル）に郵送し　ＦＡＸ　または　メール　電話で参加受付）

近隣主催４大会（相模原交流、麻生大会　横須賀　湘南　　鮎大会）
　　　　　　主催の支部協会が　他の支部に要項書を各サークルに郵送し　ＦＡＸ　または　メール　
　　　　　　電話で参加受付
　他府県の主催の大会　（BTゴールド代会　東京都主催　。。。。）
　　　　　他府県の主催の協会から県協会に参加要請があり、県協会が支部に要項書を郵送

県事務事務局で各支部協会からの申し込みをまとめて、主催協会事務局に郵送（ＦＡＸ）

ＨＰ経由として下記2案が考えられる。




案１）　コメント欄利用による受付

仕組み(流れ）：

• ブログ（googleBlogger)の　「コメント」記入機能経由で　ブログを閲覧した人が入力可能
• 県協会以外の人からの入力防止のため特定の閲覧者のみ入力できるように設定する。　（※１）

　　　　　

• コメントの記載内容は　各大会毎に異なるため　記入例　記載する。
• コメント内容は　特定の人(事務局や広報部）にメールで連絡される。（要設定）
• 事務局で　その内容をまとめて　県または近隣市協会に連絡（郵送）する。

事前準備

　　サークル内でＨＰ担当者を決定する。（そのＥｍａｉｌを広報部に登録）　　理事以外

http://kbtaoshirase.blogspot.jp/2012/06/google.html#comment-form

　　ＨＰにその人のＩＤ（Ｅ－ｍａｉｌ）を設定し記載可能にする。。

案２）　共有書類利用による受付

仕組み(流れ）：

• 申し込み用の共有書類（googleドキュメント）を事前に準備。　
• フォーマットは　上位協会(or 市協会）提出用に利用できそうな書式　（白紙）
• アクセス権限を　サークルＨＰ担当者のＩＤ(Ｅｍａｉｌ）を設定しておく
• 上記の書類のＵＲＬ及び〆切日を　市ＨＰ　「お知らせ」　のページに記載しておく。
• 支部協会担当者がそのＵＲＬをクリックして　書類を開き　サークルの参加者の名前を記載する。
• 県大会の場合は　事務局で　その書類を大会プログラムに利用する。
• 事務局で　その内容をまとめて　他府県の協会に連絡（郵送）する。

（＊１：　　

大会参加申し込みは　支部協会（またはサークル）まとめのケースが多い。　各支部のメンバーは事前コメント書き込むことができるように　HP管理者にその旨を伝い、　書き込み権限を付与してもらう必要があります。）

コンテンツ作成＆公開の流れ

アクセス権限からみた作業分担

blog投稿者；

協会のそれぞれの立場（事務局、大会運営者　大会参加者　指導部　普及関連等）でコンテンツが作成できる人たちです。

ただし投稿権はblog管理者が設定することになります。

blog管理者：

  blogの管理者権限：　デザイン、　設定（投稿者のアクセス権限の付与）

 投稿者のコンテンツの変更が可能

web管理者：
a) webサーバへのアクセス権限(ftp転送業務）
b) ドメイン管理者の権限　
※必要知識；　HPの仕組みの理解　使用サービスの理解　ＴＡＧの簡単な知識　etc)


ＨＰ運営トレーニング用ブログの役割

• 実データを利用したHP制作トレーニング
• 複数のメンバーによるコンテンツ制作
• 実HP掲載のためのコンテンツ試作
• 公開のための審査

googleドキュメントの利用

HPの作成の補助ツールとしてgoogleドキュメントを利用する方法について説明します。


１）表の作成
Bloggerの投稿エディタには表の作成機能はありません。googleドキュメント（文書）等で表を作成してBlogger投稿エディタにコピー＆ペーストして表を作成してください。　
　　作成例

名　称	第２５回神奈川県レディースバウンドテニス大会
日　時	２０１１年９月１８日(日）
場　所	藤沢市秩父宮記念体育館

　

２）ワードやエクセルのデータをHPに利用する。


マイクロソフト社のワードやエクセルやPDFデータをgoogleドキュメント取り込むことが出来ます。


A)ワードの場合はgoogleドキュメント(文書）に取り込みBlogger投稿エディタにコピー＆ペーストして利用してください。
この場合、配置の調整が必要です。


B)エクセル場合はgoogleドキュメント（スプレッドシート）に取り込みBlogger投稿エディタにコピー＆ペーストして利用してください。


C)PDFフィルの場合
PDFファイルをgoogleドキュメントに取り込んでください。
HPとして利用する場合は　googleドキュメントを限定公開設定して　そのURLをリンクしてください。


公開されたＰＤＦファイルの例


スプレッドシートの例（リンクを知っている人全員閲覧可能）


PDFの埋め込みの例





Ｄ）画像データにして表示


元データ（ワードやエクセル）をgoogleドキュメント取り込に取り込み　ＰＤＦでダウンロード
ＰＤＦを表示させた後、ペイントにペーストして画像ファイル（jpeg等）にしてBlogger投稿エディタで画像挿入を行う。
　


詳細は下記のヘルプを参照ください。
アップロードの方法：　
https://support.google.com/docs/bin/answer.py?hl=ja&answer=143212&topic=21010&ctx=topic
概要：
https://support.google.com/docs/bin/answer.py?hl=ja&answer=143206&topic=21008&rd=1

公開について
https://support.google.com/docs/bin/answer.py?hl=ja&answer=180199

参考
PowerPointの例
https://docs.google.com/file/d/0BxNyoyE4sKwhMTliNmU5OTYtNGVlNS00NzRiLWFkZTYtYTNlYTA5MzBmNmFh/edit

埋め込んだ場合の例

写真の投稿について

１）Bloggerの編集画面による投稿


あるかたが同様のことを経験した。そのときの生成されたTAGをしらべると　タグ　img のみであった。
＊＊拡大しない＊＊＊＊

＊＊＊＊＊＊
通常は下記のTAGが生成される。この場合　アンカータグ　 aがある。
＊＊拡大する＊＊＊＊

＊＊＊＊＊＊
Bloggerのwebエディターでは入力と同時に　HTMLのタグを生成し、googleのサーバーに登録される。ワード等の場合はPC内で文章を作成している場合画像等はペーストで入力できるが、Bloggerの場合の画像登録は「画像の挿入」のメニュでおこなうことになっている。


bloggerのヘルプフォーラムで　下記の　「投稿した画像が拡大しない」という質問がでていた。
http://www.google.com/support/forum/p/blogger/thread?tid=545027309272cb04&hl=ja
回答がない。。　これは特異ケースか？

参考:　とほほのHTML入門
http://www.tohoho-web.com/html/a.htm
http://www.tohoho-web.com/html/img.htm


２）撮影後の写真の修整

写真撮影時、カメラの設定、特に忘れがちなのが「ホワイトバランス」です。特にバウンドテニスの場合は屋内で実施されるので　そのときの体育館の照明具合で赤っぽく撮影されるケースが多い。
大会が終わってから撮影は出来ないわけですから、事後に修正しなければいけない。

上記の画像は　PICASAの　編集モードで調整してみた。

https://picasa.google.com/support/bin/answer.py?hl=ja&answer=156342&ctx=cb&src=cb&cbid=h9n84b3lax3w&cbrank=3

ビデオ編集を駆使した動画の作成

この動画は　バウンド　普及用として　最高！
誰か作成しませんか？

制作例 （youtube上で一般公開の映像です。）

ビデオ編集(無料版）

windows標準に付属しているムービーメーカでよりビデオ編集可能です。

動画の編集は　youtubeのページでも可能です。

ちょっと心配なのは、google側の宣伝が映像上に表示されるみたいです。

一般公開、限定公開、非公開の区別

ネットワーク上のコンテンツの共有の仕方の分類次の三種類です。

• 非公開　　 ：指定した人のみ見せる。(自分だけみる。。。）
• 限定公開　：リンクの知っている人が可能
• 一般公開　：誰でも検索可能、誰でも表示可能　（多くの人に見せたい）

Bloggerの場合は

ブログ単位で共有の設定を行う。（投稿コンテンツ単位では出来ない）　
閲覧の指定で　すべてユーザー・特定のユーザー・投稿ユーザの三種類に分類しています。
検索エンジンへの許可の有無の設定が可能。

1. 非公開：：：：特定のユーザ、投稿ユーザのみの指定は非公開に当たる
2. 限定公開：：すべてのユーザーに閲覧許可し、検索エンジン不許可
3. 一般公開：：すべてのユーザーに閲覧許可し、検索エンジン許可

※注意点：
投稿練習のみにブログを開設する場合は当然、非公開にすべきである。
※電話を例に考えると、NTTのイェローブックに載せない場合は限定公開といえる

Calenarの場合は
カレンダー単位で一般公開設定またはしないの設定が可能
BT協会のカレンダーは一般公開に設定している。

youTubeの場合　（動画の利用）
投稿動画単位で、非公開、限定公開、一般公開の設定が可能
BT協会のHPに動画をリンク(埋め込む）場合は限定公開にし、HP経由のみでアクセスさせるべきであると考える。

googleドキュメント(googleドライブ）の場合
現在、googleドキュメントはHP運営にあたり　表を利用する等複雑なコンテンツの作成する場合、補助的に利用している。
設定としては、ファイル単位で　公開、非公開の設定が可能である。協会内の特定のメンバーだけ共有設定可能です。HP運営メンバーだけの設定したオンライン書類の利用は大変役立つと考えられる。


一般的にホームページは一般公開に分類される言える。
google やヤフーの検索エンジンの対象となる。特に最近はリンクされているすべてのHTMLファイルの語句はその検索対象になっているみたいである。
googleのサービス(主にBloggerやYoutube 等)はこの検索エンジンから回避する設定が可能である。