googleで、できること
2010年2月27日土曜日
HPの仕組みと運営
一般的には、HPを開設するためにはホームページサービスを提供しているプロバイダーと契約し、このプロバイダのサーバに関係するすべての「HTML」ファイルや画像データ等を 転送することで実現しています。
今回の仕組みは、インデクス（目次）部分と個々のページの管理を分離し、インデクス（目次）部分のみをプロバイダのサーバに転送し、個々のページはgoogleのサービスを利用して作成し、そのページをリンクで結ぶ方式で実現しています。
みんなで公開ページ作成
googleサービス利用はTAGの知識不要のため、誰でも作成可能で、協会の関係者や各支部及び 多くのBT愛好者でHPを構築して行くことができます。
管理者の負担の減少
契約プロバイダーへの転送データが少なく、かつ構造がシンプルのため管理者への負担が少なく、各ページの作成はgoogleのサービスを利用するので管理者と切り離して行うことができます。
契約プロバイダーへの転送データが少なく、かつ構造がシンプルのため管理者への負担が少なく、各ページの作成はgoogleのサービスを利用するので管理者と切り離して行うことができます。
楽しいページの導入でアクセス増
動画やブログの導入で 「楽しい」 「わかりやすい」 ページを作ることができます。
動画やブログの導入で 「楽しい」 「わかりやすい」 ページを作ることができます。
googleのサービス利用によるページの作成
BT協会ページを作成するために使用しているgoogleサービスは次の通りです。
◆HomePageを更新するために必要なgoogleアカウント ＨＰ作成のためgoogleサービスを利用する場合このアカウントでログインが必要です。
パスワードについては県協会ＨＰ担当に利用を申し出てください。
◆使用パソコンにインストールするアプリケーション
協会ＨＰはGoogleサービスを利用して作成されています。HPを作成する人は下記アプリを自PCにインストールしてください。
|
googleサービス
①googleBlogger
お知らせ（事業の広報）、大会情報（大会結果）等のページはこのサービスを利用して作成しています。
特徴
Blogger ヘルプ
④googleCalendar
- 無料
- 広告無し
- 強力なスパムコメントフィルタリング機能を装備（Gmail の技術）
- 携帯電話からの投稿が可能（MailToBlogger）
- スマートフォンからの閲覧に対応（モバイルテンプレート）
- サーバー不要
- HTML や CSS、JavaScript などコード使用も制限なし
- 1 アカウントで、複数のブログを運営可能
- 複数のアカウントで、1 ブログを運営可能（チームブログ）
Bloggerについて情報満載されています。
googleドキュメントやgoogleスプレッドシートもgoogleに保存されています。
- 共有ファイル化することで複数の人で協働（コラボレーション、）作業が可能。
- 既存のファイルの取り込み（word、 Ecxcel等から読み込み）作成可能
- 表、画像、リンク、ブックマーク付与、各種の表示形式のサポート
- 他のHPから Copy&Pasteで 書類取り込み可能
- 表、画像、リンク、ブックマーク付与、各種の表示形式のサポート
- 編集権限がある場合、HPから直接そのページの誤りの修正し公開が可能です。（この場合web管理者経由する必要はありません）
- 変更履歴の表示
③PICASA（google)
利用例
 |
| コラージュ例 |
試合の写真等が大量にある場合 この写真管理が便利
- PC上で大量の写真、動画を管理できる。（重複防止や修正可能）
- 公開アルバムにアップアップすることで一挙に大量の写真公開可能（パノラマ等も可能）
- 複数写真から コラージュすることが可能 （大小の写真を利用して一枚の写真を作りページ作成に利用）
- ムービー（スライド）作成 youTubeへアップ し 利用可能
④googleCalendar
利用例
協会の予定をカレンダーとして公開する
- 共有カレンダー機能 （複数の人に書き込み権限付与可能）
- 複数のカレンダーの重ね合わせ （個人、サークル、支部、国民祝日のカレンダー ）
- 予定として 題目、時間のほかに メモ（大会の概要とか）地図（会場の）
- webとして公開する。 得られたURLを web管理者へ連絡 （埋め込みは HTML ページ別途作成 要）
⑤Youtube（google)：
YouTube ヘルプ
県HPのサークル紹介のページでサークルの場所を表示するのに利用しています。
マップ ヘルプ
⑦google Gmail
特徴
- パソコンとスマホで動作
- 保存容量 ほぼ無制限
Google Chrome ヘルプ
他の県協会のHPは
現在公開されているHPの良い点を採用したい。
東京都バウンドテニス協会：http://www.tbta.jp/
都内のサークルの状況をマップで掲載している。
茨城県バウンドテニス協会：http://blog.livedoor.jp/ibarakibt/ブログで県協会のHP作成している。管理がすべて、ブログ側で行うので、協会側は書き込むだけでよい。一案か？宣伝が多いのが難
広島県バウンドテニス協会： http://hbta.cool.ne.jp/体裁がきれい、 中身も充実していると思う。
愛媛県バウンドテニス協会： http://www.nbn.ne.jp/~k-ohsita/動画を大量に掲載、愛好者にとってはありがたい。（技術取得の参考） でも ちょっとごちゃごちゃ
山形県バウンドテニス協会： http://www.geocities.jp/musaochan/
千葉県バウンドテニス協会：長野県バウンドテニス協会：http://www.geocities.jp/bt_nagano/静岡県バウンドテニス協会：http://www2.wbs.ne.jp/~b-tennis/石川県バウンドテニス協会：大阪府バウンドテニス協会： http://www.bound-osaka.jp/
- 日本バウンドテニス協会（JBTA） :http://www.bound-tennis.jp/ このドメインが第三者に渡ったために各地区の協会のリンクがおかしくなった？ ドメインの管理は難しい。（2011/6/8連絡）
- 日本バウンドテニス協会（JBTA） :http://www.boundtennis.or.jp/
（過去の全国レベルの結果等やBT啓蒙情報がほしい）神奈川県相模原市バウンドテニス協会 :http://www.geocities.jp/btsagami/船橋市バウンドテニス協会 http://www.funabashi-bt.com/一関市バウンドテニス協会バウンディジャパン株式会社 :http://boundy.net/バウンドの紹介（技術、歴史 。。）もっとも洗練されていると思う。できたらこの内容をそっくりいただきたいものだ！。この会社とヤクルトとJBTAの関係がわからない中身が濃い。かなり個性的！ 「BT保健室」なんかいいですねこんなHPどうしたら作れるのかな？でも 迷子になりそう 愛媛県協会もそう長野アイキュウクラブ
バウンド以外の協会HPの様子はどうか
神奈川県バトミントン協会 http://www.h3.dion.ne.jp/~kba/競技人口が多い、 底辺が広い （ 小学校、中学校の 大会あり）バウンド以外は競技人口がけた違いに多いので、比較ができない。
お役立ち情報(web管理者用）
管理者になるため必要と思われる（または知っておいてほしい）項目です。
●独自ドメーン名の取得
http://domains.yahoo.co.jp/promotion/whatis.html
県ＢＴ協会のHP開設にあたり 「kbta.jp」というドメインを取得しています。これは「神奈川県バウンドテニス協会」いう名前で毎年更新の年契約で登録されています。
もちろん、ドメインを取得しなくともＨＰは開設できます。そのときはプロバイダーのドメインを
借りるという形になります。一言でいうと 一戸建てにするか 共同住宅に住むかの違いで
す。
ホームページのデータを保存する物理的なサーバを用意が必要です。県ＢＴ協会のＨＰで
はyahooのgeocitiesオプションを利用しています。
http://domains.yahoo.co.jp/promotion/optionservice.html
ホームページの更新はこのサーバに転送（ftp)して行います。
このときのＩＤやパスワードの漏れると他人から改竄されることになります。
逆に言うと何かトラブルが発生するとこれを知っているweb管理者が責任を負うことになりま
す。
●ホームページの入門
県ＨＰのindex.htmおよびメニュー部分は、サーバに送られるトップページです。少なくとも
web管理者としては中身の内容を理解しておくべきと思います。実際のコンテンツは
google Blogger等で作成していますので、web管理者の守備範囲は上記のサーバ転送
部分だけということになります。
将来メニューの変更は考えられますが、現在の運用している htmlファイルの中身だけで
それ以上のＴＡＧの知識は不要と思います。
以下のサイトは ホームページを自作している人たちのバイブル的なサイトです。（私だけが そう思っているかも知れませんが）
初歩的なタグ知識習得するのに役に立つと思います。
http://www.tohoho-web.com/www.htm
HomePageの入門 TAGの説明今回のHPのTree形式メニューは このJavaScript の関数を組み込んでいます。
カラー見本です。bloggerのデザインでもこのコードで色指定できますので記載しておきまし
た。
http://www.tohoho-web.com/wwwcolor.htm
●google
●テストバージョンで使用しているwebサービス
県のＨＰでは 2011/5以降はyahooのgeocitiesオプションに切り替えた使用していませ
ん。ホームページのサービスとはこんなもんだよということで残しています。
県のＨＰでは 2011/5以降はyahooのgeocitiesオプションに切り替えた使用していませ
ん。ホームページのサービスとはこんなもんだよということで残しています。
●ホームページ開設やインターネットの危険性について
いくつか有用なページがあったのでリンクしておきます。
http://internet.watch.impress.co.jp/www/column/hpsafety/hps9.htm
登録:
投稿 (Atom)