(3)sb フォルダを 開 き,フォルダ 内 にある history.txt readme.txt util フォルダを 削 除 する (4)sb_ext フォルダ 内 にある ext フォルダを sb フォルダ 内 にコピーする (5)sb フォルダ 名 を 変 更 する ここで 設 定 したフォ

シ リ ー ン Serene バ ッ チ Bachの 設 定 と 運 用 1 Serene Bach のダウンロードと 展 開 (1)2つの 圧 縮 ファイルをデスクトップにダウンロードする 仙 台 市 教 育 センター 教 育 の 情 報 化 研 究 委 員 会 校 務 情 報 化 部 会 教 育 センター 参 考 URL http://www.sendai-c.ed.jp/hoka.html http://serenebach.net/download/ (2) 圧 縮 ファイルをデスクトップに 展 開 する 1 Windows Vista の 場 合 sb224r_ja ファイルをダブルクリックすると,デスクトップ 上 に sb フォルダが 生 成 される 2 Windows 7 の 場 合 sb224r_ja ファイルをダブルクリックして 開 き,sb フォルダをデスクトップにコピーする 3 sb_ext ファイルをダブルクリックする 1

(3)sb フォルダを 開 き,フォルダ 内 にある history.txt readme.txt util フォルダを 削 除 する (4)sb_ext フォルダ 内 にある ext フォルダを sb フォルダ 内 にコピーする (5)sb フォルダ 名 を 変 更 する ここで 設 定 したフォルダ 名 は, Web ページ 上 で ブログの URL(アドレス)に 使 用 するもの となる 半 角 英 数 字 で 分 かりやすい 表 現 で 設 定 する (スペースを 入 れない 大 文 字 を 使 わない ) 本 資 料 では, centerblog として 設 定 する 2

2 ブログフォルダのアップロード (1)ブログ フォルダ のアップロード 準 備 1 学 校 Web ページ データ を 保 存 しておくフォルダ 内 ( 例 : 職 員 共 有 フォルダ web_data)に, ブログ フォルダ を 保 存 する フォルダ 名 を 変 更 した centerblog フォルダごと 保 存 する 2 ファイル 転 送 用 ツールを 起 動 する 本 資 料 では,ホームページビルダーを 利 用 する 他 ソフトの 利 用 も 可 能 である 3

(2)ブログのアップロード 1 左 側 ( 学 校 Web ページデータを 保 存 しておくフォルダ)にブログのフォルダが 表 示 されてい ることを 確 認 し, 接 続 をクリックする 表 示 されていないときは 左 側 枠 内 で 右 クリックし フォルダの 移 動 でブログがあるフォ ルダを 開 く 2 右 側 にサーバー 内 のデータが 表 示 されていることを 確 認 する FTP サイトの 設 定 は 情 報 担 当 が 行 う 本 資 料 では,センターと 名 称 で 設 定 した 4

3 左 側 のブログフォルダを 選 択 し,アップロードの 右 向 き 矢 印 をクリックすると,アップロー ドが 始 まる ミラーリングアップロードの 矢 印 をクリックしないように 注 意 する エラー 表 示 された 場 合, 中 止 を 選 び 再 度 アップロードの 操 作 を 行 う 4 アップロードが 終 了 すると, 右 側 にブログのフォルダが 表 示 される 複 数 のブログを 立 ち 上 げる 場 合 は,ブログフォルダ 名 を 変 えて, 同 様 に 操 作 する 5

(3) 追 加 のアップロード 方 法 ( 転 送 エラー 等 で, 追 加 のアップロードが 必 要 な 場 合 ) 1 ホームページビルダーのファイル 転 送 ツールを 起 動 する 2 アップロードしたいデータを 指 定 し, 右 向 き 矢 印 をクリックする 3 はい または すべて 上 書 き をクリックする 3 ファイルやフォルダにパーミッションを 設 定 (1)ブログのファイルやフォルダのアクセス 権 を 変 更 する 1 アップロードしたブログフォルダを 右 クリック, アクセス 権 の 変 更 をクリックする 6

2 centerblog フォルダのアクセス 権 の 設 定 を 755 にする をクリックし,チェックマークの 有 無 で 設 定 し, 変 更 ボタンをクリックする (2)centerblog をダブルクリックして 開 き, 以 下 同 様 に 操 作 する <アクセス 権 の 設 定 > ブログフォルダ( 済 ) 755 lock 777 data 777 log 777 doc 755 plugin 755 doc 内 src 755 template 777 doc 内 ja.html 644 admin.cgi 755 ext 755 cnt.cgi 755 img 777 index.html 666 lib 755 init.cgi 644 lib 内 resource 755 install.cgi 755 lib 内 sb 755 mb.cgi 755 lib 内 XML 755 sb.cgi 755 lib 内 の 他 ファイル 644 style.css 666 一 つ 上 のフォルダに 移 動 する 場 合 は,フォルダマークをクリックする 7

4 ブログの 動 作 確 認 と 環 境 設 定 (1) 環 境 チェック(install.cgi にアクセスし, 次 の 画 面 が 開 く ) 1 学 校 の Web ページアドレス/ブログフォルダ 名 / install.cgi を 入 力 し,エンターキーを 押 す 2 環 境 設 定 の 状 態 を 確 認 し, 次 へボタンをクリックする Serene Bach で 使 用 するライブラリが 正 しくインストールされているかチェック する ファイルやフォルダがアップロードされ ていない 場 合 やアクセス 権 が 適 切 に 設 定 されていない 場 合, 赤 い 文 字 で 警 告 メッセ ージが 表 示 される この 場 合 は 各 設 定 を 再 度, 確 認 する ファイルやディレクトリがアップロード され 正 しくパーミッションを 設 定 されて いるかチェックする install.cgide での 設 定 が 完 了 するまで, 他 の CGI ファイルにアクセスしな いようにする クリックすると 管 理 ユーザーの 作 成 画 面 に 進 む 警 告 メッセージが 表 示 されている 場 合 は 表 示 されない 8

(2) 管 理 ユーザー 作 成 Serene Bach の 管 理 を 行 う 管 理 ユーザー を 設 定 する 管 理 ユーザー は Serene Bach の 全 機 能 を 使 用 することができる 1 ユーザー 名 : 管 理 ユーザーのログイン 時 に 使 用 する 名 前 を, 半 角 英 数 文 字 で 入 力 する 2 パスワード: 管 理 ユーザーのログイン 時 に 使 用 するパスワードを, 半 角 英 数 文 字 で 入 力 する ユーザー 名 パスワード パスワードの 確 認 を 入 力 し, 次 へボタンをクリックする (3) 環 境 設 定 Serene Bach を 設 置 したアドレスや Serene Bach で 使 用 するディレクトリのパスを 設 定 する 通 常 は 変 更 する 必 要 はない 次 へボタンをクリックする 9

(4)Blog の 設 定 タイトルをページに 表 示 される 説 明 を 設 定 する ここで 入 力 したタイトルと 説 明 は,Blog のタイトル 部 に 表 示 せれる 入 力 完 了 後, 次 へボタンをクリックする (5) 環 境 設 定 の 完 了 処 理 最 後 に 次 の 画 面 が 表 示 されたら 環 境 設 定 は 完 了 となる (6)install.cgi の 削 除 install.cgi は 初 期 の 環 境 設 定 を 行 うために 使 用 するもので, 環 境 設 定 の 完 了 後 は 不 要 となる ( 残 しておいても 問 題 はない ) ホームページビルダーの ファイル 転 送 ツールでサーバーに 接 続 し, install.cgi を 削 除 する 10

5 Blog の 環 境 設 定 (1)Serene Bach へのログイン 1 ウェブブラウザで admin.cgi にアクセスする 例 http://www.sendai-c.ed.jp/~ 学 校 Web ページアドレス/ブログフォルダ 名 /admin.cgi または,install.cgi のウィザードを 閉 じていない 場 合 は 管 理 画 面 へボタンをクリックする install.cgi ウィザード 画 面 2 管 理 ユーザーの 設 定 で 設 定 した ユーザー 名 パスワード を 入 力 し,ログインボタン をクリックする 以 下 のステータス 画 面 が 表 示 させる 11

ログイン 画 面 は 頻 繁 に 利 用 するため,お 気 に 入 りに 追 加 しておくとよい (2)プロフィールの 設 定 Blog の 掲 載 するユーザーのプロフィールを 設 定 する 1 画 面 左 側 のプロフィールをクリックする 2 プロフィール 編 集 画 面 から,フルネームと 説 明 を 入 力 する フルネーム: 記 事 を 作 成 すると, 作 者 として 表 示 される 説 明 :Blog のユーザーリストをクリックすると 表 示 される 3 更 新 するボタンをクリックする 4 枠 の 部 分 に 反 映 される チェックは 外 したまま 12

(3)コメント トラックバックの 管 理 機 能 管 理 の 手 間 を 省 くために,コメント トラックバックは, 受 け 付 けないように 設 定 する 1 画 面 左 側 の 編 集 設 定 をクリックする 2 基 本 設 定 画 面 から,コメント トラックバックを 受 け 付 けない を 選 択 する 3 更 新 するボタンをクリックする (4)リンクの 設 定 Blog の 掲 載 するリンクを 設 定 する 1 画 面 左 側 のリンクをクリックする 2 新 規 リンクの 追 加 画 面 から,サイトと URL, 説 明 を 入 力 する 3 追 加 するボタンをクリックする 13

4 設 定 を 確 認 する Links の 下 に 表 示 されたサイト 名 をクリックすると, 指 定 されたサイトが 開 くことを 確 認 する 5 複 数 の 登 録 がある 場 合 は,1~3を 繰 り 返 す 14

(5)テンプレートの 編 集 Blog のテンプレートを 変 更 する 1 画 面 左 側 のテンプレートをクリックする 2 リスト 画 面 の 一 覧 にあるテンプレート 名 を 選 択 する 事 前 にテンプレートをダウンロードする 必 要 がある < 事 前 にテンプレートをダウンロードする 方 法 例 その1> http://serenebach.net/sb.cgi?cid=21 にアクセスする 必 要 なファイルをデスクトップにダウンロードする 15

< 事 前 にテンプレートをダウンロードする 方 法 例 その2> http://sb-users.jp/sb2/templates/list.html にアクセスする Serene Bach 2.xx 用 テンプレートを 配 布 しているサイトから 選 択 する 16

Serene Bach 用 をデスクトップにダウンロードする 圧 縮 ファイルをダブルクリックする 著 作 権 テンプレートの 利 用 については 許 諾 が 必 要 なものもある 必 要 に 応 じて, 制 作 者 に 確 認 を 取 る 必 要 があるので 注 意 したい 3 インポート 画 面 から, 参 照 をクリックし,ダウンロードしたファイルを 選 択 する 上 記 の 操 作 では,ダウンロードしたファイルはデスクトップにあるので,デスクトップを 参 照 する 17

4 読 込 みボタンをクリックし,テンプレートが 作 成 されたことを 確 認 する 5 利 用 テンプレートから, 必 要 なものを 選 択 し, 利 用 するボタンをクリックする 6 テンプレート 名, 利 用 マーク( 旗 )が 付 いていることを 確 認 する 18

7 テンプレート 編 集 画 面 から,リストを 選 択 し,ベース HTML テンプレートを 保 存 するボタンと CSS テンプレートを 保 存 するボタンをクリックする 8 次 の 画 面 が 出 た 場 合, 再 構 築 ボタンをクリックする 19

9 再 構 築 を 行 うボタンをクリックする 10 確 認 ボタン(ルーペマーク)をクリックし, 現 状 を 確 認 する 11 重 要 Blog の URL をお 気 に 入 りに 登 録 する 20

(6)カテゴリーの 編 集 Blog の 掲 載 する 記 事 のカテゴリーを 設 定 する 1 画 面 左 側 の 記 事 カテゴリーをクリックする 2 編 集 モード 画 面 から,カテゴリー 名 を 入 力 する 3 追 加 するボタンをクリックする 4 ブラウザで 確 認 する 5 複 数 のカテゴリーを 設 定 する 場 合 には, 1~3の 操 作 を 繰 り 返 す 21

6 Blog の 公 開 (1) 記 事 の 作 成 1 画 面 左 側 の 新 規 記 事 をクリックする 2 新 規 記 事 作 成 画 面 から,タイトル,カテゴリー 名, 本 文 を 入 力 する 3 公 開 して 保 存 ボタンをクリックする 記 事 ( 本 文 )が 長 くなりそうな 場 合 は 適 当 なところで 分 けて, 続 き に 残 りの 文 章 を 入 力 する < 下 書 きで 保 存 > 入 力 した 記 事 を 公 開 せ ずに 下 書 きとして 保 存 す る 保 存 した 下 書 きは, 後 で 呼 び 出 して 公 開 して 保 存 ボタンをクリックする ことで 公 開 することがで きる 確 認! < 公 開 して 保 存 > 入 力 した 記 事 を Blog に 公 開 する 22

4 現 在 の 状 態 を 確 認 するボタンをクリックする 正 しく 公 開 されているかを 確 認 する 23

(2) 写 真 のアップロードと 管 理 1 画 面 左 側 の 新 規 記 事 をクリックする 2 新 規 記 事 作 成 画 面 から,タイトルの 入 力 とカテゴリーを 選 択 する 3 追 加 するボタンをクリックする 4 本 文 に 写 真 データが 追 加 されたのを 確 認 し, 表 示 サイズを 調 整 する 24

縦 : 横 =2:3を 目 安 にする 表 示 サイズを 小 さくしても,データ 容 量 は 小 さくならない 数 MB の 写 真 を 掲 載 すると, 表 示 までに 時 間 がかかることもある 可 能 な 限 り, 掲 載 写 真 のデータ 容 量 を 事 前 に 小 さくしておきたい 5 公 開 して 保 存 ボタンをクリックする 記 事 リストの 確 認 25

~ 写 真 の 一 括 追 加 ~ 複 数 の 写 真 を 一 括 して 追 加 することができる データ 容 量 を 小 さめにしておくことがポイントとなる 1 画 面 左 側 のアップロードをクリックする 2 新 規 アップロード 画 面 から, 一 括 追 加 をクリックする 3 参 照 をクリックして 写 真 データを 選 択 する 4 追 加 するボタンをクリックする 26

5 掲 載 する 写 真 にレ 点 を 入 れる 6 処 理 内 容 の 選 択 から, 新 規 記 事 に 利 用 するを 選 択 し, 実 行 ボタンをクリックする 必 要 に 応 じてファイル 名 を 変 更 する 6 本 文 に 写 真 データが 追 加 されたのを 確 認 し, 表 示 サイズを 調 整 する このまま 公 開 して 保 存 を クリックすると 縦 に 並 んでしまう 27

7 本 文 の 写 真 データ 間 にスペースを 入 れ, 公 開 して 保 存 ボタンをクリックする 1 枚 掲 載 と 3 枚 掲 載 の 例 28

(3)ファイルのアップロードと 管 理 ファイルサイズが 15MB まで 可 能 である 1 画 面 左 側 の 新 規 記 事 をクリックする 2 新 規 記 事 作 成 画 面 から,タイトル,カテゴリー 名, 本 文 を 入 力 する 3 新 規 ボタンをクリックし, 参 照 からファイルを 選 択 する 4 追 加 するボタンをクリックする 29

5 公 開 して 保 存 ボタンをクリックする ファイルの 種 類 によっては, 追 加 できないこともある ( 追 加 できないファイル)Word2007 2010,Excel2007 2010,PowerPoint2007 2010 ~ 対 応 策 ~ Microsoft Word 97-2003 文 書 (.doc) Microsoft Excel 97-2003 ワークシート (.xls) Microsoft PowerPoint 97-2003 プレゼンテーション (.ppt) として 保 存 したファイルを 追 加 する (PDF に 変 換 して 追 加 することも 可 能 ) 6 ファイルのアイコンをクリックし, 必 要 な 操 作 を 行 う ~おわりに~ 公 開 情 報 の 内 容 に 配 慮 すること 特 に 個 人 情 報 の 保 護 に 努 めること ユーザーID とパスワードの 管 理 を 徹 底 すること トラブル 防 止 の 観 点 から,トラックバック コメントは 受 け 付 けないこと データのバックアップは 難 しいことを 理 解 し, 印 刷 や PDF データとして 保 存 し 直 すなどの 対 策 を 自 己 責 任 で 行 うこと 30