オープンソースカンファレンス 仙 台 セミナー 視 聴 覚 ホール 前 方 (14:15-15:00) CMS 機 能 比 較 のポイントとJoruri CMSの 実 力 2011 年 5 月 21 日 サイトブリッジ 株 式 会 社
自 己 紹 介 貴 田 秀 資 (きだひでし) アイ ディ エス 社 とサイトブリッジ 社 の 代 表 Joruri CMSの 開 発 企 画 Joruriを 利 用 したホームページ 再 構 築 のディレクション <サイトブリッジ 社 > 東 京 都 三 鷹 市 でJoruri CMSの 普 及 活 動 などを 行 っている 会 社 IDSの100% 子 会 社 OSCなどのセミナーなどの 普 及 活 動 を 担 当 <アイ ディ エス 社 > 徳 島 県 徳 島 市 でJoruri CMSの 開 発 を 行 っている 会 社 社 員 はWebクリエイター デザイナー プログラマで 構 成
オープンソースCMS Joruri の 概 要 Joruri CMSの 概 要 Ruby/Ruby on Railsを 利 用 して 開 発 した CMS(コンテンツ マネージメント システム) 自 治 体 ホームページの 構 築 に 必 要 な 機 能 を 装 備 オープンソースソフトウェア(GPL V3)であり 無 償 で 利 用 できる 公 開 後 1 年 余 りが 経 過 し 全 国 各 地 の 自 治 体 での 導 入 が 進 んでいる
Joruri 開 発 の 沿 革 開 発 の 沿 革 2008 年 6 月 徳 島 県 のプロポーザルを 株 式 会 社 アイ ディ エスが 受 注 し 開 発 をスタート 2009 年 7 月 開 発 したCMSをJoruri(ジョールリ)と 命 名 2009 年 10 月 徳 島 県 ホームページをJoruriで 再 構 築 して 公 開 2010 年 3 月 オープンソース ソフトウェアとして 公 開 (GNU GPL V3) 2011 年 3 月 フクオカRuby 大 賞 優 秀 賞 に 選 ばれる
徳 島 県 ホームページ < 徳 島 県 ホームページ> ページ 数 公 開 時 約 4000ページ その 後 1 年 で 約 8000ページに 増 加 管 理 ユーザ 数 約 4000 人 ノーツのWebシステムから 移 行 再 構 築 にて 携 帯 サイトを 統 合
徳島県内の市町のホームページ 徳島県勝浦町 徳島県三好市 徳島県阿南市 徳島県吉野川市 徳島県美波町 徳島県上板町 徳島県上勝町
全 国 の 自 治 体 への 広 がり(その1) 山 形 県 寒 河 江 市 群 馬 県 館 林 市 青 森 県 平 川 市 各 地 の 自 治 体 と 地 元 制 作 会 社 さんでサイトを 構 築 Joruri 公 式 サイトの 自 治 体 サイトひな 形 データを 利 用 IDSにおいて 地 元 制 作 会 社 さんからの 問 い 合 わせに 対 応 北 海 道 北 見 市
全 国 の 自 治 体 への 広 がり(その2) 長 崎 県 西 海 市 島 根 県 邑 南 町 (おおなん) 愛 知 県 瀬 戸 市
鳴 門 教 育 大 学 ホームページ < 鳴 門 教 育 大 学 ホームページ> 2010 年 6 月 リニューアル 公 開 ページ 数 約 2000ページ 管 理 ユーザ 数 約 200 人 再 構 築 後 Gomez 大 学 サイトランキン グ2010 にて 前 年 126 位 から13 位 に 躍 進
徳 島 大 学 ホームページ < 徳 島 大 学 ホームページ> 2011 年 4 月 リニューアル 公 開 ページ 数 約 1000ページ 管 理 ユーザ 数 約 300 人
子育てサイト導入事例 呉市くれパステル 三鷹市子育てねっと 呉市くれ子育てねっと
自 治 体 サイトに 適 合 した 記 事 入 力 フォーム 記 事 登 録 画 面 タイトルと 内 容 の 入 力 公 開 した 記 事 ページ ファイルアップロード 分 野 属 性 地 域 他 関 連 ワード 関 連 記 事 携 帯 向 けの 記 事 入 力 Google マップの 組 み 込 み 連 絡 先 の 登 録 公 開 開 始 終 了 日 時 の 指 定 承 認 者 の 選 択 編 集 可 能 グループの 設 定
WYSIWYGエディタと 承 認 フローを 装 備 記 事 ステータスによる 絞 り 込 み 表 示 記 事 登 録 から 公 開 まで の 承 認 フロー 文 字 装 飾 機 能 レイアウト 機 能 など 添 付 ファイルのアイコンとサイズ 表 示 URL 指 定 およびファイル 指 定 でのデータインポート 文 字 装 飾 レイアウト 機 能 一 覧 (TinyMCE)
4つのカテゴリで 記 事 を 分 類 トップページ 4つの 分 類 軸 で 記 事 を 分 類 各 第 二 階 層 ページ 分 野 ペー ジ 組 織 ペー ジ 地 域 ペー ジ 分 野 ページ 組 織 ページ 属 性 ページ 地 域 ページ 属 性 以 外 は2 階 層 属 性 の 一 覧 記 事 ページ
分 野 / 組 織 / 属 性 / 地 域 ページの 第 二 階 層 ページ 地 域 属 性 組 織 分 野
記 事 ページでのパンくずリストの 表 示 パンくずリスト
バリアフリー 機 能 (ふりがな よみあげ 文 字 サイズ/ 背 景 色 変 更 ) 利 用 モジュール ふりがな 機 能 音 声 合 成 機 能 ChaSen 2.4.4 IPADic 2.7.0 Darts 0.32 Galatea Talk 1.3 Lame 3.98.2 ChaOne 1.3.2 LibXSLT LibXML リッチテキストエディタ TinyMCE 3.3.6 画 像 処 理 ImageMagick 6.4.7
大 規 模 災 害 時 表 示 への 画 面 切 り 替 え 機 能
公 式 サイト(joruri.org)での 情 報 公 開 1ヶ 月 ごとに 新 バージョンを 公 開 オンラインデモサイトで 最 新 版 を 試 用 可 自 治 体 サイトのサンプルサイトデータを 無 償 提 供 新 規 機 能 をデモサイトとサンプルサイトデータに 組 み 込 み メールでの 問 い 合 わせには 無 償 で 返 答 有 償 サポートでは 不 具 合 の 修 正 に 対 応 Joruri 公 式 サイト デモサイト FAQデータベース
Point 1. 基 本 的 なHTMLやCSSの 編 集 が 可 能 か? <CMS 評 価 ポイント その1> ページの 枠 組 みを 構 成 するHTMLやそのCSSの 編 集 が 可 能 か? (プログラムに 埋 め 込 みになっていないか) 編 集 操 作 がCMS 管 理 画 面 から 行 えるか? (FTPでサーバにアップしなくてよいか) CMS 管 理 画 面 での 編 集 の 操 作 性 はよいか? Joruriの 仕 様 ほとんどHTMLとCSSを 管 理 画 面 から 編 集 可 能 制 限 事 項 レイアウトのHTMLとそのCSSが 対 になっている このため ひとつのレイアウトのHTMLで 複 数 のCSSを 適 用 できない 近 いうちに 複 数 のCSSを 適 用 できるようにUIを 変 更 予 定 記 事 ページのレイアウトはプログラムに 埋 め 込 みで 編 集 できない
ページをテンプレートとピースで 構 成 ベーステンプレートとコンテンツ ピースを 組 み 合 わせたものを レイアウトとよぶ
ベーステンプレートの 構 造 header banner navi ベーステンプレートのHTML( 抜 粋 ) <div id="container"> <div id="header"> <!-- end #header --></div> <div id="banner"> <!-- end #banner --></div> <div id="main"> <div id="wrapper"> <div id="content"> <!-- end #content --></div> #contentを#mainの 先 頭 に 配 置 している SEO 効 果 を 考 慮 menu content links <div id="menu"> <!-- end #menu --></div> <!-- end #wrapper --></div> <div id="links"> <!-- end #links --></div> <!-- end #main --></div> footer <div id="footer"> <!-- end #footer --></div> </div>
レイアウトとピースの 関 連 レイアウトのmenu 部 分 のHTML [[piece/about]]といった 表 記 は テンプレートにピースを 配 置 する Joruriの 記 述 方 法 <div id="menu"> <div id="menucontainer"> <div id="menubody"> [[piece/mayor]] [[piece/bn-mailmagazine]] [[piece/about]] [[piece/area-information]] [[piece/basic-information]] ピースmayorのHTML [[piece/application]] <div id="mayor" class="piece"> <div class="piececontainer"> [[piece/useful-information]] <div class="pieceheader"> 市 長 室 </div> <div class="piecebody"><a href="/mayor/"><img [[piece/population]] src="/_common/themes/joruri/top/images/mayor01.jpg" alt="ジョールリ 市 長 " title="ジョールリ 市 長 " /></a> [[piece/qr-code]] <ul> <li><a href="/mayor/"> 市 長 のご 挨 拶 </a></li> </div> <li><a href="/mayor/profile/">プロフィール</a></li> <!-- end #menucontainer <li><a href="/mayor/activity/"> -- 市 長 へのメール</a></li> ></div> </ul> <!-- end #menu --></div> </div> </div>
管 理 画 面 でのレイアウト コードの 表 示 [デザイン]-[レイアウト] PCレイアウト 携 帯 レイアウト スタイルシートの 表 示 欄 [[ ]]でピースを 記 述
ピースの 一 覧 画 面
記 事 ページ/ 固 定 ページの 作 成 画 面 記 事 登 録 画 面 固 定 ページ 作 成 画 面
記 事 ページ/ 固 定 ページの 生 成 レイアウト headerピース bannerピース header banner 記 事 フォーム 固 定 ページ フォーム [[content]] footerピース footer
記 事 ページと 固 定 ページの 違 い 比 較 項 目 記 事 ページ 固 定 ページ 組 織 分 野 属 性 地 域 での 分 類 あり なし 第 二 階 層 の 自 動 生 成 ( 組 織 分 野 属 性 地 域 ) ページのURLの 形 式 (ディレクトリ ページ 名 の 指 定 ) ページ 公 開 のための 承 認 フロー あり /docs/2011041200111/ (タイムスタンプの 数 字 ) あり ( 承 認 待 ち 一 覧 のリストあり) イベントカレンダーへの 登 録 できる できない ATOM/RSS 配 信 できる できない なし ディレクトリ ファイル 名 とも 自 由 に 設 定 あり ( 承 認 待 ち 一 覧 のリストはない) 添 付 ファイルの 扱 い 該 当 する 記 事 専 用 記 事 削 除 の 際 同 時 に 削 除 サイト 全 体 で 共 通 固 定 ページを 削 除 しても 存 続
記 事 一 覧 /ファイル 一 覧 の 画 面 記 事 一 覧 画 面 ディレクトリ/ページ 一 覧 画 面
Point 2. 入 力 フォームと 入 力 データの 表 示 の 自 由 度 は? <CMS 評 価 ポイント その2> データ 入 力 が 容 易 に 行 える 入 力 フォームがあるか? その 入 力 フォームから 入 力 したデータを 自 由 に 表 示 できるか? Joruriの 仕 様 入 力 フォームとして 記 事 登 録 画 面 と 固 定 ページ 作 成 画 面 がある 入 力 したデータと 他 のピースを 組 み 合 わせてページを 生 成 可 能 記 事 については 入 力 データのわかりやすい 管 理 画 面 がある 制 限 事 項 記 事 登 録 の 入 力 フォームから 入 力 する 記 事 ページの 表 示 形 式 は 固 定 未 実 装 の 機 能 入 力 フォームを 自 由 に 定 義 する 機 能 はない
4つのカテゴリで 記 事 を 分 類 各 第 二 階 層 ページ トップ ページ 分 野 ページ 組 織 ページ 属 性 ページ 地 域 ページ 4つのカテゴリで 記 事 を 分 類 記 事 ページ 徳 島 県 の 分 野 くらし の 第 二 階 層 ページ
第 二 階 層 ページのURL トップページ http://www.pref.tokushima.jp/ 分 野 ページ <くらし> http://www.pref.tokushima.jp/bunya/kurashi/ <くらし 子 育 て> http://www.pref.tokushima.jp/bunya/kosodate/ 組 織 ページ < 企 画 総 務 部 > http://www.pref.tokushima.jp/soshiki/kikakusoumubu/ 属 性 ページ < 入 札 調 達 売 却 契 約 > http://www.pref.tokushima.jp/zokusei/nyuusatsu/ 地 域 ページ < 徳 島 市 > http://www.pref.tokushima.jp/chiiki/tokushima/
記 事 ページのURL 記 事 ページのURLは 数 字 13 桁 のディレクトリ 表 記 < 記 事 ページのURLの 例 > ジョールリ 市 ホームページを 公 開 しました http://demo.joruri.org/docs/2011041300019/ デモサイトのドメイン 記 事 を 保 存 した チェックデジット ディレクトリ 2011 年 04 月 13 日 0001 番 目 の 記 事 YYYYMMDDSSSSM 西 暦, 月, 日, 日 ごとの 連 番 (4 桁 ), 最 後 ひと 桁 は チェックデジット(モジュラス10 ウェイト3 1(M10W31))
Point 3.コンテンツやレイアウトの 共 有 ができるか? <CMS 評 価 ポイント その3> コンテンツやレイアウト デザインの 共 有 が 効 率 的 に 行 えるか? 組 織 ページ 分 野 ページの 作 成 と 変 更 が 簡 単 か? ( 自 治 体 サイトでは 組 織 ページや 分 野 ページは 数 百 種 類 となる ) Joruriの 仕 様 ページ コンテンツ レイアウトは コンセプト と 称 する 論 理 的 なフォルダに 格 納 ページを 格 納 したコンセプトから 階 層 的 に 上 位 のコンセプトを 参 照 することに より 各 種 データの 共 有 と 一 部 変 更 が 可 能
第 二 階 層 ページのデザイン 共 有 分 野 県 土 づくり の 第 二 階 層 ページ 該 当 する 分 野 の 小 分 類 一 覧 を 表 示 (プログラムで 一 覧 を 自 動 生 成 する ピースを 配 置 ) 分 野 県 土 づくり のページにはない 徳 島 県 関 連 リンク のコンテンツ 分 野 観 光 物 産 の 第 二 階 層 ページ
Webページ 生 成 のしくみ レイアウトにはそれぞれのピースID が 定 義 されている 生 成 したWebページ コンセプト ジョールリ 市 ピースIDをキーとして 同 じコンセプト 内 のピースを 参 照 コンセプト 市 長 室
各 種 オブジェクトの 新 規 作 成 画 面 でのコンセプト 指 定 コンテンツ テキスト 画 像 ファイル ピース レイアウト 実 ディレクトリ/ 実 ファイル
コンセプトの 階 層 参 照 ジョールリ 市 トップページ 市 長 室 コンセプト 分 野 に 属 するページからピース を 参 照 しHTMLを 生 成 作 成 したページ ライフイベント 組 織 共 通 レイアウト レイアウトから ページを 作 成 分 野 属 性 地 域 コンセプト( 論 理 的 なフォ ルダ)の 階 層 分 野 コンセプトに 属 し ているピース
Point4. 静 的 なHTMLの 生 成 ができるか? <CMS 評 価 ポイント その4> Webサーバに 配 置 するHTMLファイルを 生 成 できるか? RSSファイルなど 関 連 するデータをファイルとして 書 き 出 せるか? Joruriの 仕 様 すべてのページをHTMLファイルとして 書 き 出 し 可 能 (トップページ 第 二 階 層 ページ 記 事 ページ 固 定 ページ) 画 像 ファイル 記 事 への 添 付 ファイル 貼 付 ファイルも 書 き 出 し ページネーション(ページ 送 り)のページは 書 き 出 し 範 囲 を 指 定 対 応 する ATOM/RSSフィード ふりがな 付 きページ 音 声 読 み 上 げファ イル も 書 き 出 し 制 限 事 項 問 い 合 わせフォームは 書 き 出 せない フォームの 受 け 取 り 処 理 はWebサーバのCMSで 動 的 に 処 理
自 治 体 サイトでのサーバ 構 成 < 冗 長 性 と 高 負 荷 を 考 慮 したサーバ 構 成 > 全 てのサーバを 二 重 化 し 対 故 障 性 を 向 上 ヘルスチェック 機 能 により 現 用 / 予 備 の 自 動 切 り 替 え WebサーバはプライベートIPを 利 用 し 将 来 拡 張 に 対 応 問 い 合 わせフォームの 処 理 用 にJoruri CMSを 配 置 データベースのデータはCMS 予 備 機 と 同 期 HTMLファイル RSSファイルをWebサーバに 転 送 し 公 開 DMZ 現 用 機 キャッシュ サーバ インターネット 予 備 機 現 用 機 予 備 機 CMSサーバ1 ( 内 部 CMS) CMSサーバ2 ( 内 部 CMS) Webサーバ1 ( 外 部 CMS) Webサーバ2 ( 外 部 CMS) 負 荷 分 散 サーバ1 負 荷 分 散 サーバ2 負 荷 分 散 サーバ:Pound クラスタリング: Heartbeat バックアップ サーバ 問 い 合 わせフォーム 処 理 用 に ランタイム 版 CMSを 稼 働
問 い 合 わせフォーム 画 面 と 入 力 内 容 の 表 示 管 理 画 面 での 問 い 合 わせの 内 容 表 示 問 い 合 わせ 画 面
Point5.WYSIWYGエディタの 機 能 は? <CMS 評 価 ポイント その5> データ 入 力 時 のWYSIWYGエディタの 機 能 と 操 作 性 がよいか JIS X 8341-3:2010に 対 応 したデータを 生 成 するか Joruriの 仕 様 TinyMCEを 組 み 込 み 利 用 制 限 事 項 エクセルを 貼 り 付 けた 後 に 操 作 すると 思 ったように 動 作 しないことがある 太 字 の 指 定 を 行 うと <p><strong> 太 字 </strong></p> とHTMLでの 指 定 と なる 動 画 の 貼 付 があまり 簡 単 ではない 無 償 バージョンではファイルアップロードの 機 能 がない
Point5.エクセルデータの 貼 り 付 けとプレビュー エクセルデータの 貼 り 付 け
Point X. その 他 の 評 価 ポイント <その 他 の 評 価 ポイント> 携 帯 対 応 スマートフォン 対 応 複 数 サイト 複 数 ドメインの 管 理 ( 周 辺 の 関 連 サイトを 統 合 的 に 管 理 できるか) ユーザ 管 理 ユーザ 権 限 の 管 理 (ユーザ 権 限 が 適 切 に 制 限 されているか) JIS X 8341-3:2010への 対 応 (WebコンテンツJIS 2010 年 に 改 訂 ) 管 理 画 面 全 般 の 使 いやすさ ( 制 作 メニューと 運 用 メニューの 明 確 な 分 離 ) 組 織 変 更 への 対 応 ( 年 度 末 の 組 織 名 の 変 更 や 所 属 職 員 の 変 更 への 対 応 )
管 理 画 面 メニュー 構 成 <サイト 制 作 から 運 用 までを 統 合 的 に 支 援 するJoruri CMS 管 理 画 面 > システム 権 限 により 表 示 するメニューを 制 限 運 用 担 当 者 には 不 要 が 制 作 系 メニューされずメニューが 見 やすい サイト 構 造 をそのまま 反 映 したメニュー 構 造 どのメニューを 操 作 すると サイトのどの 部 分 が 変 更 できるかが 把 握 しやすい Webサイト 選 択 コンセプト 選 択 管 理 画 面 メニュー ツール ----------- 再 構 築 本 文 検 索 設 定 --------- 言 語 辞 書 コンテンツ -------------- コンテンツ データ -------------- テキスト ファイル デザイン -------------- ピース レイアウト ディレクトリ -------------- ディレクトリ ページ サイト ------------ コンセプト 大 規 模 災 害 ドメイン ユーザ -------------- グループ ユーザ ロール LDAP LDAP 同 期 エクスポート インポート
Joruri CMSの 競 争 戦 略 Joruri CMSは 自 治 体 や 大 学 サイトの 再 構 築 業 務 への 提 案 に 利 用 されている 各 社 が 企 画 提 案 書 を 提 出 し CMSの 機 能 を 含 め 競 争 して 受 注 する Joruriと 競 合 するCMSはオープンソースではなく Webサイト 制 作 ベンダーが 所 有 しているパッケージ 商 品 のCMSである Joruri CMSの 強 みは 細 かい 機 能 の 差 ではなく オープンソースCMSである こと オープンソースCMSであるメリットは 導 入 した 顧 客 がベンダーロックインに 陥 らないこと オープンソースは 無 保 証 だから 不 安 という 声 に 対 して Joruri CMSは 企 業 が 開 発 し オープンソースとして 配 布 伽 藍 とバザール ということでは 伽 藍 方 式 で 開 発 しているため 保 証 できる オープンソースはマーケティング 手 法 であり 開 発 スタイルとしての 選 択
受 注 までの 業 務 の 流 れ 仕 様 書 の 配 布 および 参 加 意 思 表 明 の 受 付 仕 様 書 などへの 質 問 受 付 発 注 する 業 務 の 説 明 会 技 術 提 案 書 の 受 付 締 切 一 次 審 査 企 画 提 案 書 のプレゼン 参 加 資 格 の 確 認 受 注 体 制 の 決 定 仕 様 書 の 内 容 分 析 技 術 提 案 書 の 作 成 プレゼン 資 料 の 作 成 想 定 質 問 の 回 答 検 討 プレゼンへの 参 加 <プロポーザル 方 式 > 公 募 または 指 名 により 複 数 の 者 ( 受 託 希 望 者 )からその 目 的 に 合 致 した 企 画 を 提 案 してもらい そ の 中 から 企 画 提 案 能 力 のある 者 を 選 ぶ 方 式 がプロポーザル 方 式 である 設 計 業 務 の 場 合 コンペ 方 式 が 設 計 書 を 選 定 するのに 対 し プ ロポーザル 方 式 は 設 計 者 を 選 定 するという 違 いがある (ウィキペディアから 引 用 ) 委 託 業 者 の 決 定 開 発 スタート
要 求 仕 様 書 の 一 般 的 な 構 成 再 構 築 の 目 的 を 十 分 把 握 し 目 的 に 沿 った 提 案 書 を 作 成 ハードウェアを 含 むかどうか 再 構 築 するシステムの 範 囲 移 行 対 象 のページ 数 ペー ジを 作 成 したシステム 操 作 研 修 のレベルと 対 象 人 数 期 間 サーバ 納 入 かASPか < 要 求 仕 様 書 の 項 目 > 1. 案 件 名 市 ホームページ 再 構 築 2. 概 要 2.1 ホームページ 再 構 築 の 目 的 2.2 事 業 の 範 囲 2.3 対 象 のサイト 3. 機 能 仕 様 3.1 システムの 基 本 的 な 仕 様 3.2 CMSの 機 能 3.3 サイトデザイン サイト 構 成 4. 導 入 業 務 4.1 既 存 ページの 移 行 4.2 サーバ 構 築 4.3 操 作 研 修 5. 運 用 5.1 運 用 保 守 体 制 5.2 データバックアップ 5.3 セキュリティ 管 理 携 帯 サイト 議 会 サイトを 含 むか ドメインの 変 更 があるか キッズページの 新 設 などがあるか 既 存 機 能 として 実 現 できるか 追 加 開 発 が 必 要 かを 分 析 自 治 体 サイトとしてどうあるべき かの 提 案 も 重 要
企 画 提 案 書 の 作 成 支 援 サービス サイトブリッジ 社 では Joruri CMSを 利 用 した 企 画 提 案 書 の 作 成 を 支 援 サービスを 行 ってい ます < 企 画 提 案 書 の 作 成 支 援 サービスの 内 容 > 要 求 仕 様 書 を 分 析 し 各 機 能 要 望 に 対 して Joruriでの 実 現 可 否 を 判 断 企 画 提 案 書 に 記 載 する 提 案 としての 仕 様 の 作 成 既 存 の 機 能 で 実 現 できない 要 望 については 新 規 開 発 の 費 用 を 見 積 もり (プログラムの 開 発 は 開 発 元 のIDS 社 が 担 当 ) < 受 注 後 のサイト 再 構 築 業 務 の 支 援 > サイト 設 計 HTML/CSSのコーディング サイトデザインの 作 成 Joruri CMSの 機 能 追 加 カスタマイズ Joruriの 操 作 トレーニング 研 修 ユーザサポート(IDS 社 のサービスをご 紹 介 ) くわしくはサイトブリッジ 社 担 当 山 本 (info@sitebridge.co.jp)までお 問 い 合 わせください