Joruri プロジェクト 自 治 体 サイト 向 け オープンソースCMS Joruri のご 紹 介 2010 年 11 月 27 日 株 式 会 社 アイ ディ エス サイトブリッジ 株 式 会 社 貴 田 秀 資
自 己 紹 介 貴 田 秀 資 (きだひでし) 株 式 会 社 アイ ディ エス( 徳 島 市 ) 代 表 サイトブリッジ 株 式 会 社 ( 三 鷹 市 ) 代 表 オープンソースCMS Joruri の 開 発 企 画 や 普 及 に 従 事 ツイッターアカウント @kidahideshi
Joruri CMSの 概 要 徳 島 県 と 株 式 会 社 アイ ディ エスが 共 同 開 発 したCMS 2009 年 10 月 にJoruriで 徳 島 県 サイトを 再 構 築 自 治 体 サイト 向 けの 機 能 を 満 載 フレームワークとしてRuby on Railsを 採 用 2010 年 3 月 23 日 にオープンソース 公 開 (GNU GPL V3)
徳 島 県 ホームページ 2009 年 10 月 リニューアル 公 開
徳 島 県 の 自 治 体 クラウド 事 業 に 採 用 徳 島 県 内 の10の 市 町 サイ トをJoruriで 再 構 築 予 定 (うち 自 治 体 クラウド 事 業 で のリニューアルは7 市 町 ) サイトの 操 作 性 を 統 一
鳴 門 教 育 大 学 様 のホームページ http://www.naruto-u.ac.jp/ 2010 年 6 月 リニューアル 公 開 大 学 サイトとしての 最 初 の 導 入 例
全 国 への 広 がり 山 形 県 寒 河 江 市 群 馬 県 館 林 市 青 森 県 平 川 市
サンプルサイト ジョールリ 市 Joruriインストール 時 に 初 期 データとしてセット そのまま 市 町 村 サイトのひな 形 として 使 えるサンプルサイト Joruriの 新 機 能 を 利 用 したサン プルコンテンツを 実 装
Joruri 情 報 サイト http://joruri.org/ プログラムのダウンロード 機 能 一 覧 ニュース&プレスリリース 導 入 事 例 の 紹 介 FAQ など Joruriに 関 する 情 報 が 満 載
管 理 画 面 へのログイン 管 理 画 面 のURLはhttp://demo.joruri.org/_admin アカウントはadmin/admin
管 理 画 面 メニュー 構 成 Webサイト 選 択 コンセプト 選 択 ツール ----------- 再 構 築 設 定 -------------- コンセプト 言 語 辞 書 コンテンツ -------------- コンテンツ データ -------------- テキスト ファイル デザイン -------------- ピース レイアウト ディレクトリ -------------- ディレクトリ ページ サイト ------------ ドメイン ユーザ -------------- グループ ユーザ ロール LDAP LDAP 同 期 エクスポート インポート
記 事 登 録 はコンセプトメニューから メニュー[コンテンツ]を 選 び コンテンツ 一 覧 を 表 示 コンテンツ 一 覧 から[ホームページ 記 事 ]を 選 択 し ホームページ 記 事 の 画 面 を 開 ける
記 事 一 覧 画 面 を 開 ける 記 事 一 覧 画 面 が 表 示 される コンテンツの 下 のメニューが 記 事 のものに 切 り 替 わる 記 事 一 覧 組 織 設 定 分 野 設 定 属 性 設 定 地 域 設 定 記 事 設 定 記 事 の 新 規 登 録 は [ 新 規 作 成 ]をクリック 記 事 一 覧 の 絞 り 込 み 表 示 が 次 のコマンドで 行 える [ 編 集 可 能 ] [ 承 認 待 ち] [ 公 開 待 ち] [ 記 事 一 覧 ]
記 事 の 新 規 作 成 の 画 面 ( 部 分 ) ここに 記 事 の 本 文 を 記 入 する
記 事 の 新 規 作 成 の 画 面 ( 全 体 ) タイトルと 内 容 の 入 力 ファイルアップロード 分 野 属 性 地 域,その 他 設 定 関 連 ワード 関 連 記 事 の 設 定 携 帯 向 けの 記 事 登 録 Google マップの 組 み 込 み 公 開 開 始 終 了 日 時 の 指 定 承 認 者 の 選 択 編 集 可 能 グループの 設 定
記 事 の 登 録 画 面 と 公 開 画 面 の 対 応
記 事 のタイトルと 本 文 の 入 力 記 事 のタイトルを 入 力 文 字 装 飾 文 字 レイアウトなどの 各 種 機 能 (TinyMCEを 利 用 ) 記 事 本 文 のリンクチェック 機 能 URLを 指 定 してのHTML 取 り 込 み HTMLのファイル 名 を 指 定 してのHTML 取 り 込 み
写 真 のアップロードと 貼 り 付 け 写 真 をそのまま 表 示 アップするファイルをファイルダイアログで 選 択 アップロードボタンでアップロード 開 始 [ 貼 付 ]で 写 真 の 貼 り 付 け
エクセルファイルのアップロードと 添 付 [ 添 付 ]でエクセルファイルを 添 付
分 野 属 性 地 域 などの 設 定 属 性 の 指 定 分 野 は3つまで 指 定 可 能 新 着 記 事 一 覧 のコーナーへの 表 示 指 定 記 事 一 覧 のコーナーへの 表 示 指 定 イベントカレンダーへの 掲 載 指 定 記 事 にハッシュタグを 付 加 関 連 記 事 へのリンクを 自 動 生 成 PCのみ 携 帯 のみ 両 方 への 出 力 の 選 択
携 帯 向 けの 記 事 本 文 の 入 力 携 帯 向 けの 記 事 をPC 向 けとは 別 に 作 成 する 場 合 ここに 入 力 する <PCの 記 事 本 文 から 携 帯 の 記 事 本 文 への 自 動 変 換 の 仕 様 > 画 像 添 付 ファイルへのリンクを 削 除 許 可 したサイト 以 外 へのリンクの 削 除 電 話 番 号 のリンク 化 など
地 図 の 挿 入 目 的 の 地 名 を 検 索 して 表 示
記 事 に 関 する 連 絡 先 の 表 示 連 絡 先 の 表 示 非 表 示 の 選 択 は 必 須 入 力 室 担 当 は 細 かく 分 かれているケースが 多 いので 手 入 力 を 標 準 としている
公 開 開 始 終 了 日 時 の 指 定 公 開 時 の 記 事 の 年 月 日 表 示 を 表 示 日 時 で 指 定 可 能 年 月 日 の 指 定 はカレンダーで 行 う 公 開 日 時 を 設 定 していても 管 理 画 面 で[ 公 開 ]をクリックすると そのタイミングで 公 開 できる 公 開 日 時 までに 公 開 承 認 が 完 了 していないと 記 事 が 公 開 されない
公 開 承 認 者 の 選 択 承 認 者 を 選 択 < 承 認 者 の 仕 様 > 最 大 5 名 までのAND 条 件 承 認 者 は 同 じ 課 のユーザから 選 択 システム 管 理 者 権 限 があるユーザは 自 己 承 認 が 行 える 記 事 のオプション 設 定 により さらにWebマスター 承 認 (システム 管 理 者 )を 設 定 でき る
編 集 を 許 可 する 部 署 の 設 定 記 事 の 編 集 を 許 可 する 部 署 を 設 定 < 編 集 権 限 の 仕 様 > 同 じ 課 のユーザであれば 他 人 の 記 事 を 編 集 公 開 できる 同 じ 課 でないユーザに 編 集 権 限 を 与 える 場 合 には この 機 能 を 利 用 する
記 事 の 作 成 者 の 設 定 記 事 の 作 成 者 の 設 定 < 記 事 作 成 者 の 変 更 > この 機 能 が 利 用 できるのは システム 管 理 者 の 権 限 があるユーザのみ
記 事 の 保 存 [ 承 認 待 ち]で 保 存 すると 承 認 依 頼 者 にメールで 連 絡 下 書 き 保 存 : 記 事 のURLが 確 定 し プレビューが 行 える 承 認 待 ち: 承 認 者 に 承 認 依 頼 のメールを 送 信 承 認 待 ち 状 態 となる
記 事 一 覧 画 面 での 承 認 待 ち 表 示 承 認 操 作 は[ 詳 細 ]をクリック 承 認 待 ちのステータス
記 事 詳 細 画 面 での 承 認 操 作 [ 承 認 ]をクリック 保 存 すると 記 事 のURLが 確 定 する
記 事 一 覧 画 面 での 公 開 待 ち 表 示 公 開 操 作 は[ 詳 細 ]をクリック 公 開 待 ちのステータス
記 事 詳 細 画 面 での 公 開 操 作 公 開 操 作 は[ 公 開 ]をクリック 公 開 日 時 の 指 定 を 行 っている 場 合 はアラートが 出 る
記 事 一 覧 画 面 での 公 開 中 表 示 公 開 中 のステータス
公 開 画 面 での 記 事 表 示
4つの 種 別 で 記 事 を 分 類 各 第 二 階 層 ページ トップ ページ 4つの 分 類 軸 で 記 事 を 分 類 分 野 ページ ページ 組 織 ページ ページ 属 性 ページ 地 域 ページ ページ 記 事 ページ
分 野 / 組 織 / 属 性 / 地 域 ページ 地 域 属 性 組 織 分 野
簡 素 な 記 事 ページのURL 記 事 ページのURLは 数 字 13 桁 のディレクトリ 表 記 < 記 事 ページのURLの 例 > にし 阿 波 観 光 案 内 人 養 成 講 座 について http://www.pref.tokushima.jp/docs/2010010800161/ 徳 島 県 のドメイン 記 事 を 保 存 した ディレクトリ 2010 年 01 月 08 日 0016 番 目 の 記 事 YYYYMMDDSSSSM 西 暦, 月, 日, 日 ごとの 連 番 (4 桁 ), 最 後 ひと 桁 は チェックデジット(モジュラス10 ウェイト3 1(M10W31))
第 二 階 層 ページの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/
その 他 の 特 徴 携 帯 サイト 向 け 記 事 の 自 動 生 成 組 織 別 分 野 別 属 性 別 地 域 別 での RSS/ATOM 配 信 LDAP 連 動 でのユーザ 管 理 複 数 サイトを 一 式 のJoruriで 管 理 可 能
Joruriのコンテンツ 管 理 の 考 え 方
サイトブリッジ 社 サイトの 制 作 Joruri CMSで 構 築 されている サイトブリッジ 社 のサイトをゼロから 作 成 してみる このサイトのURLは http://www.sitebridge.co.jp/
新 しいサイトの 作 成 手 順 メニュー[サイト]を 選 び サイト 一 覧 を 表 示 Joruri は 複 数 のサイトを 一 式 のJoruriで 作 成 管 理 できる 操 作 するサイトの 切 り 替 えは 画 面 左 上 隅 のプルダウンにより 行 う
新 しいサイトのURLを 入 力 サイト 名 称 とサイトURLを 入 力
操 作 対 象 のサイトを 新 しいサイトに 切 り 替 え プルダウンから サイトブリッジ 社 ホームページ を 選 択
トップページを 作 成 メニューから[ディレクトリ]を 選 択 [ 新 規 作 成 ]をクリック ディレクトリメニューで トップページとする index.html ファイルを 作 成 する ディレクトリとページの 作 成 は 現 在 同 じ 画 面 となっている ディレクトおよびページの 新 規 作 成 は [ 新 規 作 成 ]をクリック
ディレクト/ページの 新 規 作 成 の 選 択 ディレクトリとページの 作 成 は 現 在 同 じ 画 面 となっている [ページ/ 自 由 形 式 ]を 選 択 次 のページでファイル 名 を 入 力
トップページの 内 容 を 入 力 レイアウトは 未 設 定 トップページです と 入 力 ファイル 名 は 初 期 値 がindex.html
トップページが 表 示 される ページが 存 在 しない 場 合 の 表 示 作 成 したindex.htmlページが 表 示 された
レイアウトを 作 成 する メニューから[デザイン]-[レイアウト]を 選 択 [ 新 規 作 成 ]をクリック レイアウトの 一 覧 画 面 何 もレイアウトを 作 成 していないので 空 欄
レイアウトのHTML CSSを 入 力 する レイアウトIDにtop-pageを 入 力 レイアウト 名 にトップページを 入 力 HTMLヘッダーで 外 部 スタイルシートを 読 み 込 む HTML BODYにレイアウトのHTMLを 入 力 外 部 スタイルシートを 読 み 込 むため スタイルシート 欄 は 空 欄
作 成 したレイアウトが 一 覧 画 面 に 表 示 される レイアウトIDがtop-pageのレイアウトが 作 成 された
作 成 したレイアウトをトップページに 適 用 メニュー[ディレクトリ]を 選 択 [ 詳 細 ]を 選 択 し 設 定 画 面 を 開 ける
トップページのレイアウトを 変 更 新 しく 作 成 したレイアウト トップページ を 設 定
レイアウトを 適 用 した 公 開 画 面 スタイルシートにより 背 景 色 が 水 色 となった
レイアウトのHTML CSS(HTML HEAD) レイアウト[トップページ]のHEADタグの 内 容 レイアウトの 作 成 画 面 では スタイルシートの 入 力 枠 はひとつなので スタイルシート を 分 ける 場 合 スタイルシート 専 用 のレイアウトを 作 成 する レイアウトを 作 成 しただけでは スタイルシートが 公 開 されないため ダミーのページ にスタイルシートを 割 り 当 てて ページを 公 開 する いったんページを 公 開 すると スタイルシートが 書 き 出 されるので ページを 非 公 開 にしてもスタイルシートは 参 照 できる なおこの 動 作 仕 様 は 現 時 点 のJoruriのもので 今 後 変 更 する 可 能 性 がある
レイアウトのHTML CSS(HTML BODY) ピースの 定 義 [[piece/<ピース 名 >]]
レイアウトのHTML 構 造 header banner wrapper navi main menu content links footer
レイアウトに 定 義 したピースを 作 成 メニュー[デザイン]-[ピース]を 選 択 [ 新 規 作 成 ]をクリックし ピースの 新 規 作 成 画 面 をひらく レイアウトのHTMLファイルにはピース 名 が 記 述 されているが 実 体 としてのピースは 存 在 しない 状 態
ピースIDとピース 名 を 入 力 ピースID:common-banner ピース 名 : 共 通 バナーを 入 力 登 録 する]をクリックすると ピースのHTMLを 入 力 する 画 面 が 開 く
ピース 内 部 のHTMLを 記 述 ピース 内 部 のHTMLを 記 述 する
ピースを 表 示 した 公 開 画 面 HTMLで 記 述 したものが 表 示 される
背 景 画 像 をアップロードする メニュー[データ]-[ファイル]を 選 択 [フォルダ]を 選 び [ 新 規 作 成 ]をクリック サイト 内 で 共 通 に 利 用 する 画 像 などのファイルはここにアップする
アップロードするフォルダを 作 成 する 背 景 画 像 などを 格 納 するフォルダ images を 作 成 する まずフォルダを 作 成 し 次 にそのフォルダに 画 像 ファイルをアップロードする
背 景 画 像 をアップロード 背 景 画 像 bg-logo.gifを 選 択
ピースを 表 示 した 公 開 画 面 背 景 画 像 が 表 示 される
開 発 中 グループウェアのポータル 画 面
発 展 するJoruriプロダクト CMSをベースとして グループウェア(Joruri Gw)を 開 発 中 グループウェアと 連 動 して 利 用 する Webメーラー(Joruri Mail)を 開 発 済 み ツイッター 相 当 の 機 能 を 装 備 したSNS(Joruri SNS)の 開 発 を 計 画 中