オープンソースカンファレンス 北 海 道 セミナー ルーム2 技 能 訓 練 棟 (3F) 14:00-14:45 自 治 体 サイト 向 けオープンソースCMS Joruri (ジョールリ)の 機 能 紹 介 2011 年 6 月 11 日 サイトブリッジ 株 式 会 社
自 己 紹 介 貴 田 秀 資 (きだひでし) アイ ディ エス 社 とサイトブリッジ 社 の 代 表 Joruri CMSの 開 発 企 画 自 治 体 サイト 再 構 築 への 適 用 コンサルティング <サイトブリッジ 社 > 東 京 都 三 鷹 市 で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 大 賞 優 秀 賞 に 選 ばれる
Joruri CMSの 開 発 体 制 の 特 徴 Joruri CMSの 開 発 体 制 とその 目 標 IDSという 企 業 が 主 導 的 に 開 発 を 推 進 (コミュニティでの 開 発 ではなく 開 発 会 社 のプログラマが 専 任 で 開 発 ) 自 治 体 ホームページ 再 構 築 のプロポーザル 案 件 で 勝 つことが 目 標 ( 企 業 の 受 注 競 争 に 密 接 に 関 係 する 状 況 で 開 発 を 推 進 ) オープンソースCMSの 開 発 / 普 及 のビジネスモデルを 確 立 する (CMSを 無 償 で 提 供 しサイト 構 築 で 収 益 化 さらに 普 及 後 のビジネスを 確 立 ) 自 治 体 サイトに 共 通 のオープンソースCMSを 導 入 するメリットを 追 求 ( 住 民 の 利 便 性 の 向 上 ベンダーロックインの 排 除 地 元 企 業 への 発 注 ) 企 業 や 自 治 体 の 枠 組 みを 超 えての 共 同 開 発 の 体 制 を 模 索 (デファクトスタンダードCMSを 関 係 者 で 共 同 開 発 できないか?)
公 式 サイト(joruri.org)での 情 報 公 開 1ヶ 月 ごとに 新 バージョンを 公 開 オンラインデモサイトで 最 新 版 を 試 用 可 自 治 体 サイトのサンプルサイトデータを 無 償 提 供 新 規 機 能 をデモサイトとサンプルサイトデータに 組 み 込 み メールでの 問 い 合 わせには 無 償 で 返 答 有 償 サポートでは 不 具 合 の 修 正 に 対 応 Joruri 公 式 サイト デモサイト FAQデータベース
IDSのJoruri 有 償 サポートの 内 容 有 償 サポートの 特 徴 きわめて 低 価 格 なサポート 料 金 不 具 合 の 修 正 に 対 応 質 問 の 回 数 に 制 限 がなし 開 発 担 当 のプログラマが 回 答 内 容 を 確 認 環 境 依 存 の 問 題 も 可 能 な 限 り 原 因 を 切 り 分 け サイト 構 築 に 関 する 相 談 も 受 け 付 け サポートの 範 囲 外 の 業 務 サーバの 保 守 管 理 のサービスではない HTMLやCSSの 文 法 についての 質 問 は 対 象 外 Joruriのプログラムコードの 質 問 は 対 象 外
開 発 ユーザコミュニティグループ じょうるり 陣 Joruri CMSのユーザコミュニティ 東 京 都 三 鷹 市 を 中 心 に 活 動 公 式 サイトは http://joruri-jin.jp/ メンバーはJoruriを 自 治 体 サイトに 導 入 している 会 社 の 社 員 (Webクリエイター Rubyプログラマ) 開 発 コミッターを 受 け 入 れJoruri 三 鷹 バージョンを 開 発 する 計 画
徳 島 県 ホームページ < 徳 島 県 ホームページ> ページ 数 公 開 時 約 4000ページ その 後 1 年 で 約 8000ページに 増 加 管 理 ユーザ 数 約 4000 人 ノーツのWebシステムから 移 行 再 構 築 にて 携 帯 サイトを 統 合
徳島県内の市町のホームページ 徳島県勝浦町 徳島県三好市 徳島県阿南市 徳島県吉野川市 徳島県美波町 徳島県上板町 徳島県上勝町
全 国 の 自 治 体 への 広 がり(その1) 山 形 県 寒 河 江 市 群 馬 県 館 林 市 青 森 県 平 川 市 各 地 の 自 治 体 と 地 元 制 作 会 社 さんでサイトを 構 築 Joruri 公 式 サイトの 自 治 体 サイトひな 形 データを 利 用 IDSにおいて 地 元 制 作 会 社 さんからの 問 い 合 わせに 対 応 北 海 道 北 見 市
全 国 の 自 治 体 への 広 がり(その2) 長 崎 県 西 海 市 島 根 県 邑 南 町 (おおなん) 愛 知 県 瀬 戸 市
徳 島 大 学 ホームページ < 徳 島 大 学 ホームページ> 2011 年 4 月 リニューアル 公 開 ページ 数 約 1000ページ 管 理 ユーザ 数 約 300 人
子育てサイト導入事例 呉市くれパステル 三鷹市子育てねっと 呉市くれ子育てねっと
管 理 画 面 メニュー 構 成 <サイト 制 作 から 運 用 までを 統 合 的 に 支 援 するJoruri CMS 管 理 画 面 > システム 権 限 により 表 示 するメニューを 制 限 運 用 担 当 者 には 不 要 が 制 作 系 メニューされずメニューが 見 やすい サイト 構 造 をそのまま 反 映 したメニュー 構 造 どのメニューを 操 作 すると サイトのどの 部 分 が 変 更 できるかが 把 握 しやすい Webサイト 選 択 コンセプト 選 択 管 理 画 面 メニュー ツール ----------- 再 構 築 本 文 検 索 設 定 --------- 言 語 辞 書 コンテンツ -------------- コンテンツ データ -------------- テキスト ファイル デザイン -------------- ピース レイアウト スタイルシート ディレクトリ -------------- ディレクトリ ページ サイト ------------ コンセプト 大 規 模 災 害 ドメイン ユーザ -------------- グループ ユーザ ロール LDAP LDAP 同 期 エクスポート インポート
自 治 体 サイトに 適 合 した 記 事 入 力 フォーム 記 事 登 録 画 面 タイトルと 内 容 の 入 力 公 開 した 記 事 ページ ファイルアップロード 分 野 属 性 地 域 他 関 連 ワード 関 連 記 事 携 帯 向 けの 記 事 入 力 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
大 規 模 災 害 時 表 示 への 画 面 切 り 替 え 機 能
第 二 階 層 ページのURL トップページ http://demo.joruri.org/ 分 野 ページ <くらし> http://demo.joruri.org/bunya/kurashi/ 組 織 ページ <くらし 子 育 て> http://demo.joruri.org/bunya/kosodate/ < 企 画 総 務 部 > http://demo.joruri.org/soshiki/kikakusoumubu/ 属 性 ページ < 入 札 調 達 売 却 契 約 > http://demo.joruri.org/zokusei/nyuusatsu/ 地 域 ページ < 徳 島 市 > http://demo.joruri.org/chiiki/tokushima/
記 事 ページのURL 記 事 ページのURLは 数 字 13 桁 のディレクトリ 表 記 < 記 事 ページのURLの 例 > ジョールリ 市 ホームページを 公 開 しました http://demo.joruri.org/docs/2011041300019/ デモサイトのドメイン 記 事 を 保 存 する チェックデジット ディレクトリ 2011 年 04 月 13 日 0001 番 目 の 記 事 YYYYMMDDSSSSM 西 暦, 月, 日, 日 ごとの 連 番 (4 桁 ), 最 後 ひと 桁 は チェックデジット(モジュラス10 ウェイト3 1(M10W31))
ページをテンプレートとピースで 構 成 ベーステンプレートとコンテンツ ピースを 組 み 合 わせたものを レイアウトとよぶ
ベーステンプレートの 構 造 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> 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 menu [[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レイアウト 携 帯 レイアウト スタイルシートの 表 示 欄 [[ ]]でピースを 記 述
ピースの 一 覧 画 面
複 数 ページでのレイアウト ピースの 共 有 分 野 県 土 づくり の 第 二 階 層 ページ 該 当 する 分 野 の 小 分 類 一 覧 を 表 示 (プログラムで 一 覧 を 自 動 生 成 する ピースを 配 置 ) 分 野 県 土 づくり のページにはない 徳 島 県 関 連 リンク のコンテンツ 分 野 観 光 物 産 の 第 二 階 層 ページ
コンセプトの 階 層 参 照 ジョールリ 市 トップページ 市 長 室 コンセプト 分 野 に 属 するページからピース を 参 照 しHTMLを 生 成 作 成 したページ ライフイベント 組 織 共 通 レイアウト レイアウトから ページを 作 成 分 野 属 性 地 域 コンセプト( 論 理 的 なフォ ルダ)の 階 層 分 野 コンセプトに 属 し ているピース
自 治 体 サイトでのサーバ 構 成 < 冗 長 性 と 高 負 荷 を 考 慮 したサーバ 構 成 > 全 てのサーバを 二 重 化 し 対 故 障 性 を 向 上 ヘルスチェック 機 能 により 現 用 / 予 備 の 自 動 切 り 替 え 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を 稼 働
問 い 合 わせフォーム 画 面 と 入 力 内 容 の 表 示 管 理 画 面 での 問 い 合 わせの 内 容 表 示 問 い 合 わせ 画 面
自 治 体 サイト 再 構 築 案 件 の 業 務 フロー 自 治 体 制 作 会 社 プロポーザル( 要 求 仕 様 書 ) 質 問 の 問 い 合 わせ 質 問 の 回 答 企 画 提 案 書 の 提 出 プレゼンテーション プロポーザルは 自 治 体 ホームページ で 公 開 される プロポーザルの 内 容 を 理 解 し 1カ 月 前 後 の 期 間 で 企 画 提 案 書 を 作 成 する 企 画 提 案 書 には 見 積 もりが 含 まれる ため 制 作 体 制 が 固 まっていないと 見 積 もりを 作 りにくい 委 託 業 者 選 択 の 通 知
企 画 提 案 書 の 一 般 的 な 構 成 < 企 画 提 案 書 の 項 目 > 1. 概 要 1.1 ホームページ 再 構 築 の 目 的 達 成 の 手 法 1.2 実 施 体 制 開 発 日 程 1.3 管 理 手 法 ( 進 捗 品 質 残 件 ) 2. 情 報 構 造 の 設 計 画 面 デザイン 2.1 分 野 などの 情 報 構 造 の 見 直 し 提 案 2.2 サイトデザインの 提 案 3. 機 能 要 件 3.1 CMSの 機 能 仕 様 3.2 JIS 対 応 アクセシビリティの 確 保 3.3 関 連 機 能 (サイト 内 検 索 アクセス 解 析 自 動 翻 訳 ) 4. 既 存 コンテンツの 移 行 4.1 移 行 体 制 日 程 手 法 ( 並 行 稼 働 期 間 の 対 応 など) 4.2 職 員 向 けの 教 育 研 修 < 見 積 書 の 項 目 > 初 期 費 用 1.サイト 構 築 ディレクション 2.サイト 構 築 3.プログラム 開 発 4.サーバ 設 定 5.ハードウェア 費 用 次 年 度 以 降 の 運 用 費 1.システムの 運 用 保 守 費 用 2.サイトデータの 保 守 3. 組 織 変 更 などの 年 度 末 作 業 5. 運 用 保 守 5.1 運 用 保 守 管 理 5.2 障 害 対 応 5.3 ヘルプデスク
Joruri CMSの 情 報 ブログ Joruri CMSの 技 術 情 報 を 集 約 したブログ サイトのURL http://joruri.betokyo.jp/ このブログの 情 報 により Joruriを 導 入 する 企 画 提 案 書 が 書 けるようにするのが 目 標 記 事 へのコメント 受 付 中
企 画 提 案 書 の 作 成 支 援 サービス サイトブリッジ 社 では Joruri CMSの 導 入 支 援 サービスを 行 っています 受 注 前 の 業 務 プロポーザルを 分 析 し 各 機 能 要 望 に 対 して Joruriでの 実 現 可 否 を 判 断 企 画 提 案 書 に 記 載 する 提 案 仕 様 の 作 成 プログラムの 追 加 開 発 やサイト 構 築 の 見 積 もりの 作 成 (プログラムの 開 発 は 開 発 元 のIDS 社 が 担 当 ) 受 注 後 の 業 務 サイト 設 計 HTML/CSSのコーディング サイトデザインの 作 成 Joruri CMSの 機 能 追 加 カスタマイズ ( 開 発 はIDS 社 に 委 託 ) Joruriの 操 作 トレーニング 研 修 ( 制 作 会 社 向 け 自 治 体 担 当 者 向 けなど) くわしくはサイトブリッジ 社 担 当 山 本 (info@sitebridge.co.jp)までお 問 い 合 わせください