2012年8月8日水曜日

Google ドキュメント エラー


2012年6月7日木曜日

サークル紹介(地図)のメインテナンス方法

現在{2024-2月現在}のマップの例

下記の地図はHPに埋め込まれている厚木協会のサークル例です。



より大きな地図で KBT_atsugi を表示 



●最近のmap作成方法
    • 新規のマップの作成  ( csvファイルから一括登録可能)
    • マップへのサークルの追加  
    • サークル情報の変更
変更例

新しいマップの作成  

2024-4-10 相模原協会の依頼

    • 新規のマップの作成  ( csvファイルから一括登録可能)

 

埋め込み例 (これはあくまでも参考マップ)


myMap

2012年4月1日日曜日

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

since 2012-09
upDate:2021-06-18
-----------------------
県BT協会 Web  
-----------------------



県HPのドメイン: kbta.jp    (url: http://www.kbta.jp/)  詳細情報
県HPのweb構造 :  
目 次 部 分

[ index.htm
        +----- [Frame_T.htm]     (協会 タイトル表示フレーム)
        +----- [Frame_L.htm]     (左側メニューの表示フレーム) *1
        +----- [Frame_C.htm]     ( Bloggerの表示フレーム) 
                                                  フレーム 名称;CENTERです

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

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

県協会からのお知らせ      
  • 県主催大会の開催の知らせ 
  • 県協会事業(研修会等)のお知らせ
         
大会記録」 
  • 県主催(一部 関東、全日本での県の成績)の大会結果を蓄積
Topics  
  • トップページで 主に協会主催大会完了後 大会の写真を掲載
協会情報
  • 年間事業計画 (総会完了時掲載)
  • 理事会役員名簿 (総会完了時掲載)
  • サイト案内                                                   google youTube 埋め込み
  •   県BT_協会 カレンダー表示                   google Calendar 埋め込み
  • その他
  • 県全体ページ                                              google map 埋め込み
  • 支部協会ページ                                         google map 埋め込み
  • あなたもバウンド始めませんか?  google youTube 埋め込み
  • 管理

県外大会」                     googleDriveに県外協会のデータ(PDF)保存


2012年3月27日火曜日

大会参加募集をHPページ経由で受付(案)

大会参加募集をHPページ経由で受付(案)

現在の募集方法


県主催の大会(県選手権 県親善大会 レディース 関東B選考会 U40大会)
要項書を各支部(またはサークル)に郵送し FAX または メール 電話で参加受付)
近隣主催4大会(相模原交流、麻生大会 横須賀 湘南  鮎大会)
      主催の支部協会が 他の支部に要項書を各サークルに郵送し FAX または メール 
      電話で参加受付
 他府県の主催の大会 (BTゴールド代会 東京都主催 。。。。)
     他府県の主催の協会から県協会に参加要請があり、県協会が支部に要項書を郵送
県事務事務局で各支部協会からの申し込みをまとめて、主催協会事務局に郵送(FAX)

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




案1) コメント欄利用による受付






仕組み(流れ):

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

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

    事前準備

      サークル内でHP担当者を決定する。(そのEmailを広報部に登録)  理事以外
      HPにその人のID(E-mail)を設定し記載可能にする。。


    案2) 共有書類利用による受付
    仕組み(流れ):
    • 申し込み用の共有書類(googleドキュメント)を事前に準備。 
      • フォーマットは 上位協会(or 市協会)提出用に利用できそうな書式 (白紙)
      • アクセス権限を サークルHP担当者のID(Email)を設定しておく
    • 上記の書類のURL及び〆切日を 市HP 「お知らせ」 のページに記載しておく。
    • 支部協会担当者がそのURLをクリックして 書類を開き サークルの参加者の名前を記載する。
    • 県大会の場合は 事務局で その書類を大会プログラムに利用する。
    • 事務局で その内容をまとめて 他府県の協会に連絡(郵送)する。

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

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


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

    blog投稿者;
    協会のそれぞれの立場(事務局、大会運営者 大会参加者 指導部 普及関連等)でコンテンツが作成できる人たちです。
    ただし投稿権はblog管理者が設定することになります。
    blog管理者:
      blogの管理者権限: デザイン、 設定(投稿者のアクセス権限の付与)

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

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


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

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

    2011年12月7日水曜日

    googleドキュメントの利用

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


    1)表の作成
    Bloggerの投稿エディタには表の作成機能はありません。googleドキュメント(文書)等で表を作成してBlogger投稿エディタにコピー&ペーストして表を作成してください。 
      作成例
    名 称第25回神奈川県レディースバウンドテニス大会
    日 時2011年9月18日(日)
    場 所藤沢市秩父宮記念体育館

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


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


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


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


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


    公開されたPDFファイルの


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


    PDFの埋め込みの例





    D)画像データにして表示


    元データ(ワードやエクセル)をgoogleドキュメント取り込に取り込み PDFでダウンロード
    PDFを表示させた後、ペイントにペーストして画像ファイル(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

    埋め込んだ場合の例

    2011年11月12日土曜日

    写真の投稿について


    1)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


    2)撮影後の写真の修整

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


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

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