2019年2月13日水曜日

HopPage作成の予備知識(動画で説明)


この動画でHPの仕組みおよび用語の意味を理解しましょう。


ホームページ一般的な知識
インターネット、ブラウザ、ドメイン、webサーバー、インターと接続業者(ISP)、HTML言語、ブログ









 
★参考資料:

  • とほほWWW入門
          http://www.tohoho-web.com/www.htm
  • いまさら聞けないHTML
            https://techacademy.jp/magazine/4843




    動画で見るGoogleのサービス

    BT協会ページを作成するために使用しているgoogleサービスは次の通りです。

     googleBlogger

     

    参考資料
    https://www.burohatto.com/search/label/blogger?max-results=10


      ②googleドライブ: 


        ②googleドキュメント



        ③PICASA(google)

        利用例
        コラージュ例


        googleCalendar


        利用例

        ⑤YouTube(google):




            ⑥google マップ

            県HPのサークル紹介のページでサークルの場所を表示するのに利用しています。


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



              
              県HP運営に役立ちそうな情報リンクします。



            2019年2月7日木曜日

            ヤフーホームページサービス停止にともなう引っ越し作業

            2019年3月31日で ヤフーHPサービスが停止されます。


            神奈川県バウンドテニス協会のHPはこのサービスを利用するしているため このサービスを使用しない方式に移行する必要があります。

            1)yahoo HPサービスが停止のアナウンス


            2)神奈川県バウンドテニス協会のHPへの影響
              現在 県HPのドメイン取得(kbta.jp)を ヤフードメインサービスで取得していまが、HPの目次部分(HPの上位部分)をヤフーHPサービス(ドメインサービスのオプション)で提供するストレージに保存しているため、このストレージエリアが使用できなくなります。

            3)対応 (引っ越し作業)
             県HPを継続していくためには、他のストレージサービスを利用し、引っ越しする必要がある。引っ越し先として 沢山の会社がありますが、今回は HP担当の個人で利用しているODNのHPサービスの空きエリアを利用して行うこととする。


            4) 具体的な作業
            今回の引っ越し作業は ヤフードメインサービスの アドレス転送機能を利用し、引っ越し先である ODN を指定して実施する。


            引っ越しはは2019-2―Eを予定しています。
            ドメイン(kbta.jp)の変更がないので 県HPへのアクセス方法が変わることはありません。

            (記:HP担当 小田桐 2019-2-14)


             

            2017年12月29日金曜日

            ◆コンテンツの作成の手順



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



            一言でいうと BT協会関係者が複数で 「お知らせ」というブログを書いています。それをBT協会HPの窓を通じてBT協会員がみているということになります。
            (BT協会HPへの投稿権限はBT協会の管理者が関係者にわりあてすることになっています)

            操作方法

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


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

            既に、投稿権限が割り当てられている方は次の画面表示されます。



            ここでの操作ブログ名称が 「BT協会からのお知らせ」 を例でおこないます。「ダッシュボード」とは、このブログに投稿できる権限を所有する人が使用する専用画面です。
            最初は自分が書き込めるブログの一覧が表示されます。このワープロに似た画面でコンテンツを作成することになります。

             [投稿を公開]ボタンを押さない限りこの中身はHPに反映されません。本文が完成したら「タイトル」「ラベル」を入力してください。プレビューで確認してOKの場合は[投稿を公開]ボタンを押してください。その原稿は即座にHPに反映されます。

                ※参考資料 https://www.adminweb.jp/blogger/post/index1.html

            データ関連図
            ブログ(blogger)でコンテンツを作成する場合、すべてのデータはブログ内部に保管されるわけではありません。画像やリンクされたデータはブログの外に保存されます。
            協会側で作成する書類(要項書等)は 事前に協会のgoogleドライブ(クラウド上)に保存(アップロード)して  そのURLを利用して「リンク」して利用します。

             以下の図は 協会側で作成した書類(ワードやエクセル)を協会のgoogleドライブ(クラウド上)にアップロード さらに 共有書類に変換、さらに印刷が想定される書類はさらにPDF化して保存して利用します。勿論、書類(ワードやエクセル)をワード(またはエクセル)の印刷機能でPDF化しgoogleドライブ(クラウド)にアップロードしても同じです。
             画像(大会の写真や 画像化された要項書や申込書)は「画像の挿入」で表示させます。
             支部協会側が申込を手書きで行わない場合はエクセルを利用して申込することになります。
            この場合、共有書類をダウンロードした場合、元のエクセル表として自分のパソコンのドライブに取り込むことができます。


            ホームページ(ブログ)でgoogleドライブ(クラウド内)内の書類をリンクさせる場合、書類の共有設定が「リンクを知っている全員が閲覧可」にしておく必要があります。

            新更新手順書では、協会側で作成する要項書や申込書をワードやエクセルを 協会googleドライブ(協会書庫)にアップロードして利用しています。アップロードするためには現在 協会googleアカウント(Admin@kbta.jp)でログインするがあります。
            個人のアカウント(*@gmail.com等)でログインした場合、協会googleドライブ(協会書庫)されず個人のgoogleドライブに保存されます。
            個人のアカウント(*@gmail.com等)から協会googleアカウント(Admin@kbta.jp)にアカウントを簡単にアカウント切り替えするために、新手順書では下記手順で行うことにしています。

             ●県協会からHP掲載の依頼を個人メールで受信(添付あり)

             ●個人メールから協会Gメール(宛先:Admin@kbta.jp) にメール転送

             ●協会Gメールを開く(ID:Admin@kbta.jp)

             ●協会Gメールから添付書類をgoogleドライブ(協会書庫)に保存


            HP用ブロガーに書き込む(投稿)するために新手順では 協会googleアカウント(Admin@kbta.jp)を使用して「ログイン」して行うことで書き込みが可能です。


            左上の「ログイン」を選択してください。それ以降の作業手順は 個々ののブログの手順に従って行ってください。


            県HPのトップメニュ(左側)では 複数のブログがリンクされています。
            詳しくは ここ (メニュのTag)を参照してください。

            2017年12月21日木曜日

            TopPage

            ★対象ブログ(TopPage
            (作成ID : Admin@kbta.jp &  Blog管理者ID)



            このブログは 県HPが最初に開かれたときに表示されるページです。
            県HPの index.htmlから直接リンクされいます。

            現在は 県主催大会が終了後、Topicsとして 大会の写真を掲載しています。

            ※動画で説明



            What's New  (右側)

            HP更新(関連HP含む)されたとき 対象の名前とURLを追記する。

            ※動画で説明





            この操作はlogin処理しなくと可能です。(工具箱ボタン表示の場合)

            最近(2021-8)  スペックの変更で 工具箱ボタン表示がなくなったみたい。
            デザインで Loginして ガジェットの追加してください。操作は変わらず。

            2017年12月17日日曜日

            「事業計画」「役員名簿」 他

            ★対象ブログ(協会情報)
            (作成ID : Admin@kbta.jp &  Blog管理者ID)


            事業計画

            コンテンツの作成から公開までのの流れ



            総会で認可された事業計画を 期の初めに毎年追加しています。


            事前準備
            1)事業計画(エクセル)協会書庫に保存しgoogleスプレッドシートに変換。
            2)googleスプレッドシートから印刷処理で PDFを作成する。
            3)PDFファイルから AdobeRederに取り込み、メニューのスナップ処理で矩形部分を, ペイント(windowsアプリ)の画像を
            ペイントにコピペし、Jpeg形式でファイルを作成し自PCに保存しておく。

                   ※ 依頼元がGメールでPDFを送ってきた場合は自PCにダウンロードする。
                  
                        コンテンツの作成
                                    1)ブロガーのメニューの「画像挿入」で pegファイルを取り込む。
               2)タイトル名を入力 (過去の内容の年度変更)
                        3)ラベルを入力する     ( 西暦年度, 事業計画)
            公開処理
            ラベルに「事業計画」と入力し 公開ボンタン押して公開処理する。
            表示内容をチェックし、不具合がある場合は「下書き」に戻し、修正後公開処理する。


            ※動画で説明





            県協会情報


            コンテンツの作成から公開までのの流れ


                   操作内容は 事業計画と同じ


            総会で認可された 「理事会名簿」を 期の初めに毎年追加しています。


            事前準備
            1)理事会名簿(エクセル)を協会書庫に保存しgoogleスプレッドシートに変換。
            2)googleスプレッドシートから印刷処理で PDFを作成する。
            3)PDFファイルから AdobeReder, ペイント(windowsアプリ)の画像を
            作成し 自PCに保存しておく

            コンテンツの作成
                  googleBloggerに 「画像挿入」 で作成する。ラベルの入力
            公開処理
            ラベル  「協会役員理事名簿」 に設定し公開ボンタン押して公開処理




            競技規則
            ■改訂ルール

               コンテンツの作成
                 googleBloggerに 「画像挿入」 で作成する。
               公開処理
                 ラベル なし 県HPのメニューに URLを記述する。
            サイト案内
               コンテンツの作成
                 googleドキュメントで作成しgoogleBloggerに HTMLコピーする。
                 微調整はBloggerで編集する。 動画はYouTubeに保存し 埋め込みする
               公開処理
                 ラベル なし 県HPのメニューに URLを記述する。


            2017年12月15日金曜日

            「サークル紹介」の更新手順

            ★対象ブログ(サークル紹介)

             

            県協会情報


            現在 神奈川県バウンドテニス協会の全サークルを支部協会別に練習場所をマップにマーキ
            ングする形で紹介しています。




             具体的なマップ更新方法

             ●協会ID Admin@kbta.jp 又は協会でみとめた個人googleアカウントでログインする。
             ●googleマップを開く。
             ●googleマップのメニューのマイプレス/マイマップを開き,変更する。

             マップ以外のサークル情報は 「Blogger」に協会ID Admin@kbta.jpでログインして変
             更してください。

            参考
            詳しくは 下記参照ください。
             ●http://btkanagawa.blogspot.jp/2012/06/blog-post.html
             ●googleマップのヘルプ


            「協会カレンダー」の更新手順



            作成例
            お知らせ

             

             

            カレンダーについて

             

            協会HPのページの中に協会の事業カレンダーが表示されています。 

            これは 「googleカレンダー」で作成されたカレンダーを「埋め込み」という手法でブログに
            リンクしています。協会HPの場合は協会側(現在はHP担当)で管理しています。


            具体的なカレンダー更新方法
            ● 協会ID Admin@kbta.jp 又は協会でみとめた個人googleアカウントでログインする。
            ● googleカレンダーを開く
            ● マイカレンダー 「県BT_協会」を選び予定の入力 又は更新をおこなう。

            参考
             詳しくは 下記参照ください。