ラベル コンテンツ投稿者 の投稿を表示しています。 すべての投稿を表示
ラベル コンテンツ投稿者 の投稿を表示しています。 すべての投稿を表示

2014年2月2日日曜日

お知らせのコンテンツの作成方法


作成例
  県HPのお知らせ (■大会のお知らせ     ■大会以外のお知らせ )
  

作成の流れ
大会の募集要項は 事務局で ワードやエクセルで作成 各支部協会に配布、各支部まとめで申し込み書にまとめ事務局に送る形態をとっています。
現在は、ホームページでの伝達はその意味で補助の役割です。

1)要約文作成。
  大会要項の要約(時、場所、種目等のみ)をメモ帳等で作成します。
  ※詳細は元データをリンクするので最小限の転記にとどめてください。
  ※過去に同種の大会ページある場合、コピー&ペーストで作成変更を行う。

2)場所等のマップ表示
  リンクのURLは googleマップを利用し作成
    ※ 場所の住所をgoogleマップで検索します。
  
3)開催要項の詳細表示
  現在は、下記の流れで作成しています。
  ・ 開催要項のPDFへの変換
    ワードやエクセルで作成されている場合はアプリのメニューでPDFデータで保存します。
    元データがペーパーの場合はスキャナー等でPDF変換します。
    PDF変換後 googleドライブに保存します。
  ・ 申し込み書
   エクセルで作成されている場合は元データをgoogleドライブに保存します。
   ※この場合は閲覧者は 元データ(エクセル)の形式でダウンロード可能です。

 保存後 HP利用のため下記設定を行います。



 ここで得られた リンクURLを開催要項 申込書のリンク先に使用します。
4)公開処理
 ラベルを設定し「更新ボタン」をクリックしてください。 非公開にするときは「下書きに戻す」をクリックしてください。

必要な知識
   Bloggerの投稿編集  googleドライブの操作法 
必要なgoogleアカウント
        Admin@kbta.jp
県HPの ブログ及びラベルの設定
        http://kbta-oshirase3.blogspot.jp/
   大会のお知らせ: ラベル 県BT協会主催大会 
   大会以外のお知らせ: ラベル 事務局からのお知らせ:
補足説明
   Excel&Wordがない場合は、googleドライブ内書類からPDFに変換できます。

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年5月25日水曜日

投稿のやりかた(その一)

本ホームぺージでは、誰でも容易に入力でできるような仕組みを採用しました。
ざっと仕組みを図化すると 次の様になります。




一言でいうと BT協会関係者が複数で 「お知らせ」というブログを書いています。それをBT協会HPの窓を通じてBT協会員がみているということになります。



(BT協会HPへの投稿権限はBT協会の管理者が関係者にわりあてすることになっています)


操作方法


ブログの画面にはいつも NavBarという帯が上部に表示されています。





左上の「ログイン」を選択してください。
ログイン画面 または Bloggerダッシュボード(自分の)が表示されます。

既に、投稿権限が割り当てられている方は次の画面表示されます。
ここでの操作ブログ名称が 「BT協会からのお知らせ」 を例でおこないます。






「ダッシュボード」とは、このブログに投稿できる権限を所有する人が使用する専用画面です。
最初は自分が書き込めるブログの一覧が表示されます。
その中から「BT協会からのお知らせ」を選択します。



このワープロに似た画面でコンテンツを作成することになります。
 [投稿を公開]ボタンを押さない限りこの中身はHPに反映されません。本文が完成したら「タイトル」「ラベル」を入力してください。プレビューで確認してOKの場合は[投稿を公開]ボタンを押してください。その原稿は即座にHPに反映されます。
[投稿を公開]ボタンを押さずに途中で終了すると 「下書き」として保存されます。次回継続して作業できます。

お願いですが、まったく初めてのかたは次の方法で 自分自身の「ブログ」を開設して思考錯誤を繰り返して習得することをお勧めします。自分自身の「ブログ」はHPとはまったく切り離されていますから心配することはありません。




上記NavBarの「ブログを作成」で新規開設できます。ここで開設されるブログはまったく個人的なブログですからあなた自身が自動的に所有者(管理者兼投稿者)になります。
余談ですが、開設されたブログはインターネットの世界で公開(誰でも閲覧可能)されます。投稿練習が目的で公開しない場合は、メニューの「設定」の「許可」でアクセスできる人を限定するようお勧めします


詳しくはヘルプを参照

2011年5月24日火曜日

お役立ち情報(コンテンツ投稿者用)

ここに記載の内容は、主にブログ(Blogger)を利用してコンテンツを作成するにあたり補助的な役割を果たすであろうソフト並びにサービスを記載しました。
●google Blogger
HP制作の一般的な手法(市販のHP制作プログラム等の利用)で、大会記録等長い間HPを更新追加して行くとどんどん構造がリンクリンクで複雑になり、さらに写真等を多く利用している場合、そのデータを保存するエリアの確保が大変です。HPは途中で、そのHP構造を変えることが非常に困難になります。
BloggerをHP制作の補助ツールとして利用しているのは,上記の問題解決のためです。
その点Bloggerはデザイン(レイアウト)とデータ(投稿内容)が分離している仕組みは後日デザインの変更を容易にしています。
以下のURLでBloggerの概要を把握できます。
1)http://www.google.com/support/blogger/?hl=jp
 Bloggerのヘルプ
2)http://blogger.kuribo.info/ 
Bloggerの情報が満載しています。初めてBloggerを開設するひとには親切に説明しています。特にBlog管理者になろうという立場にとっても有意義と思われます。
3)http://www.boraro.gozaru.jp/blog/blogger.html
無料ブログの比較サイトです。
今回、BloggerをHP用として採用した理由下記の特徴からです。
 a) 複数に人が投稿できる b)広告がない c)HTML編集可(拡張性あり) d)寄らば大樹の陰
    
●googleドキュメント
bloggerの投稿の画面だけでは 「表」の作成の機能はありません。大会結果等の入賞者の表を作成する時、このgoogleドキュメントで作成してコピーすると便利です。 
何人かで投稿内容を検討するとき これで作成し関係者と共有すること作成がスムーズに進みます。完成したらbloggerの投稿の編集画面にコピーしてコンテンツの作成ができます。

     http://www.google.com/google-d-s/intl/ja/tour1.html
     http://docs.google.com/support/




●google PICASA
HPには写真掲載が必須です。でも厄介なのは保管です。またその整理が大変です。
大会等の写真をこれで管理すると非常に便利です。
複数の写真をひとつにまとめる機能(コラージュ)や複数の写真を動画風にまとめる機能もあります
(ただしこれは youTubeにUpしてから埋め込んで使用することになります。)
日本バウンドテニスのHPで選手権大会の様子を このアルバム機能(サーバアップ)で使用しています。

●google Calendar
複数の人でカレンダーを共有する場合、また別個のグループの予定を重ねあわせてあたかもひとつのカレンダーのようにすることが出来るサービスです。県協会の予定、支部協会の予定、サークルの予定、個人の予定を重ねることで重複入力を省くことができます。
BT協会HPでは大会予定や会議の予定をこのgoogleCalendarで管理し、それを埋め込みという手法でBlogger経由で表示しています。

●youTube
尖閣諸島での衝突事件で一躍日本でも有名になった動画サイトですが、このサイトにアップした動画を埋め込みという手法でBlogger経由で表示することができます。従来HPで動画を自分のサーバに保管することは容量的にも大変な作業でしたが、簡単に試合風景等を自分デジカメの動画データを自分のHPで表示ができます。
Blogger自身にも動画保存、表示機能がありますが、youTube経由での利用をすすめます。



●動画の圧縮のための Freeソフト 
 最近はyoutubeのサイトは大容量のUpをみていますのであまり動画の圧縮の必要性がなくなりましたが、変換 並びに youTubeサイトの動画を自分のパソコンにダウンロードする機能もありますので何かと便利です。

カレンダーの予定の入力方法は

協会HPのページの中に協会の事業カレンダーや支部協会ではサークルの練習日カレンダーが表示されています。 
これは 「googleカレンダー」で作成されたカレンダーを「埋め込み」という手法で作成し、だれでも見れるように公開しているカレンダーです。
協会HPの場合を例にとると、当然ながらこのカレンダーは協会側で管理しています。
これからの説明は 
1)協会のカレンダーに設定権限が与えられている場合。
2)「googleカレンダー」そのものを使用したことがない場合
のケース分けで説明します。
2)の方は下のページで「googleカレンダー」がどんなものか確認ください。
https://support.google.com/calendar/?hl=ja

1)の場合は、あなたの 協会登録メールアドレス IDで このカレンダーに予定を追加修正できます。
もう既に登録されていますから、下の画面が表示されます。
(これからの操作は googleカレンダー一般の操作です。)



※予定の「タイトル」日時 のほか 「場所」および 簡単なメモ設定ができます。
 場所」は正しく入力すると実際の地図がBT協会HPでが表示されます。 
上記の例では「藤沢市秩父宮記念体育館」と入力すると googleマップで詳細な地図と場所のマーキングが出ます。
※「マイカレンダー」は自分自信が設定した 個人的なカレンダーです。
※「他のカレンダー」は 他の人(今回は HP運営委員会で設定した)のカレンダーです。


支部協会で、自分たちのサークルの練習日カレンダーを「googleカレンダー」で作成し 他のサークルの人に教えたい場合 支部協会のHP管理している 依頼して HPに埋め込んでもらうことでサークル間で共有をはかれます。
また、県協会、支部協会、サークル、個人 の4つのカレンダーがあれば、同時に表示させることでより便利なスケジュール管理が可能となります。

※ CSV ファイルから カレンダーインポート

注意点: 日本語の場合  shift-JIS は文字化け発生します。  uts-8に変換してからインポート要です。


https://support.google.com/calendar/answer/45656?hl=ja&ref_topic=1672003

インポート用sample csv ファイル: 
Subject, Start Date, Location

第5回神奈川県ジュニアバウンドテニス選手権大会,2021/7/31,藤沢市秋葉台文化体育会 藤沢市

第5回神奈川県バウンドテニスシングルス大会,2021/8/15,藤沢市秩父宮記念体育会 藤沢市

公認指導員・審判員認定試験,2021/9/18,相模原ギオンアリーナ,相模原市

第28回はつらつ65親睦交流大会,2021/9/6,座間市立市民体育館 座間市

※動画で説明

2011年5月6日金曜日

写真掲載のマナーはどうあるべきか?

ホームページやブログに写真等(ビデオ含む)について

肖像権、著作権 個人情報保護等 厳密に考えると いろいろ問題が発生する可能性があります。
私見ですが
  アップはできるだけ避けよう (もちろん了解取れれば別) できるだけ遠めに。。。
  HP運用規約上で明確に。
     (2010・7 理事会での規約案 参照)
  大会開催要項にHPに掲載される旨記述しておく。

以下のHPでいろいろ説明されています。参考にしてください。


素人の論議で結構判りやすいですから参考になります。


個人情報保護法のQ&A集です。


*******************************


上記からの抜粋です。


一般にブログは、不特定多数の人がアクセスできる状態でネット上に置かれるものなので、ブログへの掲載は「公表」にあたります。自分自身で書いた言葉や、撮影した写真には「著作権」がありますので、他人から無断で複製・掲載されることを拒否することができます。逆に、自分のブログに他人のブログ等に掲載された文章や写真や画像を、自作のものであるかのように掲載することは、著作権法に違反することになります。この著作権は、肖像権とは別に発生する権利で、仮に掲載した写真が他人の「肖像権侵害」ということで削除しなければならなくなったとしても、削除前の当該の写真作品を無断で複製・掲載した者がいた場合には、自分自身の著作権にもとづいて、無断掲載をやめてもらう権利が、撮影者にあります。
著作権が発生するために必要な"創作性"は、いわゆる芸術写真のように高度で意図的なものでなくてもかまいません。スナップ写真はシャッターを切る瞬間の撮影者のセンス、構図の独自性というものが含まれ、創作的要素があるということができるので、ほとんどの場合には撮影者に著作権があると言えます。一方、創作的要素を含まず、技術的要素のみで撮影する証明写真には、著作権は発生しません。
自分の経歴や所属団体や行動記録など、自分の事実に関する情報をブログに掲載したときは、その事実に関して、自らプライバシー権を放棄したことになります。したがって、公表された事実に関する記載内容を他者が他の記事などに使用するときには、「引用」の範囲内といえるものであれば、正当な行為ということになります(引用された本人は拒否できないことになります)。しかし肖像写真の場合、公表された肖像のコピー使用は、文章の場合よりも厳格に肖像権侵害とみなされる傾向にあるようです。
もっとも最近のブログには、メンバーを限定したり公開範囲を限定したりして、「私的な」グループのレベルでの情報共有にとどめるものがあります。この場合には本人の意志によって、完全な「公表」とはしていないわけですから、掲載された写真や情報を本人の承諾なしにネット上の、完全に不特定多数者がアクセスできる公開の場(外部ブログなど)や印刷媒体に流用することは、文章であれば著作権法上の「公表権」の侵害となりますし、肖像についても、肖像権侵害となると考えられます。





2011年5月3日火曜日

大会情報のテンプレート



このページはHPに大会情報を投稿するにあたり、雛形(テンプレート)を作成しておくことで
a) 毎年のデータ(デザイン)に統一性
b)作成の効率化 ( 雛形をコピーし データ入力すること)


作成方法
 google documents (旧バージョン) 表作成機能を利用し、作成後  google blogger への投稿(編集)時google documentsの内容をgoogle bloggerにコピーして作成しています。


県BT選手権の作成例 (2011-5)



ダブルス


     フリー・男子・ダブルス    
    フリー・女子・ダブルス     
優 勝
佐藤 利文
田中 友也
相模原
優 勝
佐藤 明子
佐藤 初美
相模原
準優勝
小林 大輔
谷村 浩貴
相・藤
準優勝
高橋 敏子
寺本 向子
川崎
3 位
丸山 昇
真岸 忠示
大和
3 位
内田 眞澄
木藤亜理子
大和
4 位
伊藤 隆夫
岡田 智史
相模原
4 位
藤本 香織
保坂 愛子
相模原
ミドル・男子・ダブルス
 ミドル・女子・ダブルス  
優 勝
高梨 治紀
岡咲 昭三
横須賀
優 勝
宮本 輝子
早崎喜美枝
藤・大
準優勝
倉谷 守
小林 茂裕
相模原
準優勝
海老原勝恵
渋井恵美子
平・大
3 位
中村洋一郎
種市 悌二
相模原
3 位
細谷 糸美
泉 富美子
横須賀
4 位
萩原 拓治
和田 建
藤沢
4 位
小塩 清美
我妻裕見子
厚木
シニア・男子・ダブルス
シニア・女子・ダブルス
優 勝
三輪 道夫
木村 正光
相模原
優 勝
千野八重子
山本由美子
藤沢
準優勝
前田 宗和
磯崎 義則
相模原
準優勝
吉澤とも子
菅野 久子
藤沢
3 位
広瀬 昭次
梅本正三
藤沢
3 位
伊藤 洋子
関口つゆ子
相模原
4 位
眞田 光夫
土屋 慶二
横須賀
4 位
岩佐富美子
吉田 ミチ子
横須賀

シングルス

     フリー・男子・シングルス   
    フリー・女子・シングルス    
優 勝
谷村 浩貴
藤沢
優 勝
首藤 智恵
藤沢
準優勝
佐藤 利文
相模原
準優勝
木道亜理子
大和
3 位
小林 大輔
相模原
3 位
西川 千穂
横須賀
4 位
小林 祥
藤沢
4 位
佐藤 明子
相模原
ミドル・男子・シングルス
ミドル・女子・シングルス
優 勝
高梨 治紀
横須賀
優 勝
堀 木綿子
藤沢
準優勝
伊藤 隆夫
相模原
準優勝
高橋 敏子
川崎
3 位
中村洋一郎
相模原
3 位
宮本 輝子
藤沢
4 位
萩原 拓治
藤沢
4 位
森屋 里美
相模原
シニア・男子・シングルス
シニア・女子・シングルス
優 勝
広瀬 隆
藤沢
優 勝
井田 正子
藤沢
準優勝
寒河江 清
厚木
準優勝
山本由美子
藤沢
3 位
小坂 功
相模原
3 位
望月 弘子
藤沢
4 位
宮前 積善
厚木
4 位
千野八重子
藤沢




●大会情報のタイトル



名 称第26回神奈川県バウンドテニス親善交流大会
日 時2011年1月9日(日)
場 所小田原アリーナ


●成績表例 (関東ブロック選考会の例)

ダブルス

フリー男子
フリー女子
1 位
小林 祥
吉澤達也
藤沢
1 位
首藤 智恵
西川 千穂
藤・横
2 位
佐藤利文
田中友也
相模原
2 位
石井美紀
長岡めぐみ
藤沢
ミドル男子
ミドル女子
1 位
首藤廣明
中山 俊一
藤沢
1 位
武井久美子
佐藤 祥子
藤・相
2 位
小坂 功
渡辺英二
相・大
2 位
宮本 輝子
早崎喜美枝
藤・大
シニア男子
シニア女子
1 位
桐ケ谷武司
土屋 慶二
横須賀
1 位
望月 弘子
井田 正子
藤沢
2 位
井田 勝
広瀬昭次
藤沢
2 位
関口つゆ子
伊勢洋子
相模原
  
シングルス
フリー男子
フリー女子
1 位
小林 大輔
相模原
1 位
長岡めぐみ
藤沢
2 位
小林 祥
藤沢
2 位
佐藤初美
相模原
3 位
佐藤 利文
相模原
3 位
首藤 智恵
藤沢
ミドル男子
ミドル女子
1 位
首藤 廣明
藤沢
1 位
堀 木綿子
藤沢
2 位
倉谷 守
相模原
2 位
宮本輝子
藤沢
3 位
小林 茂裕
相模原
3 位
佐藤優子
藤沢
シニア男子
シニア女子
1 位
寒河江清
厚木
1 位
井田 正子
藤沢
2 位
井田 勝
藤沢
2 位
千野八重子
藤沢
3 位
土屋 慶二
横須賀
3 位
望月 弘子
藤沢