PowerPoint プレゼンテーション

自 治 体 サイト 向 けCMS ZOMEKIのご 紹 介 サイトブリッジ 株 式 会 社 2013 年 9 月 12 日

ZOMEKIの 概 要 オープンソースCMS ZOMEKI (ぞめき)は 市 町 村 サイトや 地 域 観 光 ポータル 構 築 用 CMSとして 開 発 され 2012 年 にオープンソース(GPL v3)として 公 開 されました ZOMEKIは 2010 年 にオープンソースとして 公 開 された 自 治 体 サイト 向 けCMS Joruri (ジョールリ)のプロ グラムを 改 良 することによりスタートしたため 基 本 的 な 構 造 はJoruriと 同 様 です 主 な 改 良 点 HTML5 対 応 最 新 のRuby/Railsに 対 応 プログラムソースコードをGitHubに 公 開 CMSのインストーラーを 装 備 JISX8341-3:2010の 基 準 にてHTML/CSSを 全 面 的 に 改 善 複 数 サイト(ポータル)の 構 築 / 運 用 向 けにユーザ 管 理 を 拡 張 市 町 村 サイトに 適 したグローバルナビ カテゴリ 分 類 の 機 能 を 装 備 記 事 コンテンツの 分 割 管 理 を 実 現 イベントカレンダー マップの 各 コンテンツを 大 幅 に 機 能 強 化 バージョン 分 岐 機 能 改 善

自治体への導入実績 自治体公式ホームページへの導入実績 ZOMEKI Joruri 登別市 輪島市 仁木町 栗山町 壮瞥町 美幌町 北見市 中頓別町 赤平市 田舎館村 平川市 大槌町 寒河江市 北塩原村 会津若松市 千曲市 館林市 木島平村 笠松町 瀬戸市 交野市 琴浦町 邑南町 新見市 綾川町 徳島県 牟岐町 阿波市 那賀町 海陽町 上勝町 上板町 美波町 吉野川市 勝浦町 三好市 阿南市 石井町 西予市 添田町 西海市 錦町 中津市 龍郷町 ４２自治体 その他公式ホームページへの導入実績 ZOMEKI Joruri うらそえナビ 沖縄県浦添市 ここから 塩尻市地域ポータル 中核市市長会 山口県産業技術センター 徳島県立中央病院 徳島大学 鳴門教育大学 島根大学 高知大学 くれ子育てねっと 3

自 治 体 サイトのトップページサンプル グローバル ナビゲーション 訪 問 者 別 のわかりやすいメニュー アクセシビリティ ツール 文 字 サイズ 背 景 色 の 変 更 音 声 読 み 上 げ ふりがな 表 示 新 着 記 事 のタブ 表 示 アクセスが 多 い 分 野 をタブ 切 り 替 えで 簡 単 に 一 覧 表 示 広 告 バナー 専 用 の 管 理 機 能 で ランダム 表 示 バ ナーの 公 開 開 始 終 了 を 自 動 化 アクセ ス 数 を 管 理 画 面 で 確 認 可 能 ライフイベント 各 種 手 続 きの 記 事 をライフイベントごとに 分 けてわかりやすく 一 覧 表 示 イベントカレンダー 記 事 のタイトルをイベントカレンダーに 表 示 記 事 ではない 情 報 も 掲 載 可 能 FAQ FAQを 記 事 と 同 じカテゴリで 分 類 し 各 カ テゴリページに 見 やすく 表 示 分 野 一 覧 記 事 を 分 類 する 分 野 の 第 1 階 層 を 一 覧 表 示 アクセスランキング Google AnalyticsのデータをAPIで 取 得 して 表 示

分 野 ページサンプル 注 目 情 報 該 当 分 野 の 注 目 情 報 を 一 覧 表 示 新 着 情 報 該 当 分 野 の 新 着 記 事 を 一 覧 表 示 手 続 きの 記 事 一 覧 各 種 手 続 きの 記 事 を 説 明 付 きで 一 覧 表 示 FAQ FAQの 情 報 を 記 事 の 分 野 ページで 一 元 的 に 一 覧 表 示

記 事 ページサンプル パンくずリスト 記 事 を 登 録 したカテゴリ( 分 野 )を 表 示 分 野 ナビゲーション 分 野 一 覧 を 表 示 写 真 の 貼 付 写 真 のアップロードとリサイズが 可 能 記 事 の 日 付 表 示 公 開 日 と 最 新 更 新 日 の 表 示 が 可 能 添 付 ファイルの 掲 載 自 動 的 にアイコンとファイルサイズを 表 示 地 図 表 示 Google Mapsを 表 示 関 連 ワード クリックすると 同 じ 関 連 ワードを 設 定 した 記 事 の 一 覧 を 表 示 問 合 せ 先 表 示 記 事 についての 問 合 せ 先 を 表 示 ソーシャル 連 携 Twitter,Google+,Facebookとの 連 携

記 事 を 分 類 する 各 種 機 能 分 野 (カテゴリ)を 分 類 するしくみ グローバルナビ トップ 記 事 ページへの 多 様 なアクセスルートを 自 動 的 に 生 成 し 利 用 者 の 利 便 性 を 向 上 します カテゴリは 汎 用 的 なしくみであるため 分 野 組 織 ラ イフイベント 以 外 の 分 類 を 自 由 に 定 義 できます 分 野 組 織 ライフイベント カレンダー 組 織 分 野 関 連 ワード マップ カテゴリの 項 目 として 登 録 記 事 記 事 カレンダー 関 連 ワード マップ( 地 図 )の 多 彩 な 切 り 口 から 記 事 を 探 せます

記 事 登 録 の 画 面 ( 記 事 タブ) 入 力 項 目 をタブで 分 類 記 事 タイトルの 入 力 外 部 サイトや 添 付 ファイルへ の 直 リンクも 可 能 付 帯 情 報 の 入 力 記 事 本 文 の 入 力 文 字 装 飾 見 だし 設 定 表 作 成 などはCKEditorのボタンを 選 択 して 実 行 ファイルアップロード 添 付 ファイルや 記 事 本 文 に 貼 り 付 ける 画 像 をアップロー ド CKEditorのボタン カテゴリ 設 定 のプルダウン カテゴリの 設 定 追 加 により 複 数 カテゴリの 指 定 も 可 能 関 連 ワードと 関 連 記 事 の 指 定 各 種 の 保 存 ボタン

記 事 登 録 -< 公 開 日 >タブ 公 開 画 面 に 表 示 する 公 開 日 を 任 意 に 指 定 記 事 の 公 開 開 始 日 または 公 開 終 了 日 を 設 定

記 事 登 録 -< 連 絡 先 >タブ ユーザの 課 (グループ)を 初 期 値 として 設 定 室 または 担 当 は 自 由 に 入 力 して 設 定

記 事 登 録 -< 承 認 >タブ 承 認 者 を 選 択 必 須 承 認 者 の 設 定 多 段 階 承 認 の 設 定 課 (ユーザグループ)ごとに 異 なる 承 認 フローの 設 定 などを 開 発 中 です

記 事 公 開 の 承 認 フロー 記 事 の 承 認 フロー 記 事 の 作 成 承 認 依 頼 記 事 の 承 認 操 作 承 認 完 了 記 事 の 公 開 操 作 Web 公 開 領 域 に 転 送 4 Webサーバ にて 公 開

記 事 登 録 -<イベント>タブ イベントカレンダー 独 自 のカテゴリを 設 定 イベントカレンダーに 記 事 タイトルを 掲 載 できます イベントカレンダーの 記 事 タイトルをクリックすると 記 事 本 文 が 表 示 されるようになります

記 事 登 録 -< 地 図 >タブ 地 名 で 地 図 を 検 索 して 表 示 します 地 名 のタイトルを 入 力 します マーカーを 複 数 設 定 できます

記 事 登 録 -< 携 帯 >タブ 携 帯 向 けの 内 容 を 入 力 PC 向 けページとは 異 なる 内 容 を 携 帯 ページ 向 けに 表 示 したい 場 合 この 入 力 フォームから 携 帯 向 けの 記 事 を 入 力 します

記 事 登 録 -<オプション>タブ 公 開 画 面 の 記 事 URLのうち ディレクトリ 部 分 を 変 更 できます PC スマートフォン 携 帯 のそれぞれの 記 事 ページを 作 成 するかどうかを 設 定 します Metaタグのパラメータを 設 定 します 自 分 が 所 属 しているユーザグループ 以 外 に 記 事 の 編 集 権 限 を 与 えたい 場 合 に 設 定 します

サイトのページ 構 成 トップページ 第 2 階 層 ページ 記 事 ページ 記 事 コンテンツが 自 動 的 にイ ンデックスを 生 成 固 定 ページで 自 由 に 作 成 記 事 コンテンツが 自 動 的 に ページを 生 成

管 理 画 面 メニュー コンテンツ データ デザイン ディレクトリ ツール サイト ユーザ 設 定 記 事 などのコンテンツへのデータの 入 力 編 集 など サイト 内 の 共 通 データの 管 理 サイトを 構 成 するHTMLやCSSの 入 力 編 集 物 理 ディレクトリの 作 成 固 定 ページの 作 成 キーワード 検 索 リンクチェック サブサイトの 作 成 大 規 模 災 害 対 応 コンセプトの 作 成 管 理 CMS 利 用 ユーザの 管 理 ユーザグループの 管 理 権 限 設 定 辞 書 言 語 メール 動 作 確 認

ディレクトリメニュー ディレクトリメニューでは 物 理 的 ディレクトリと 物 理 ページの 一 覧 が 表 示 される ページ/ディレクトリの 新 規 作 成

固 定 ページの 作 成 ページ/ 自 由 形 式 を 選 択 ページ 作 成 後 編 集 して ファイル 名 を 入 力

固 定 ページの 編 集 画 面

レイアウトの 一 覧 画 面

レイアウトの 編 集 画 面 PC 携 帯 スマートフォンの レイアウトを 個 別 に 登 録

レイアウトの 構 造 #container header#pageheader #pageheadercontainer #pageheaderbody nav#pagenav #pagenavcontainer #pagenavbody #main #wrapper #menu #content #links #menucontainer #contentcontainer #linkscontainer #menubody #contentbody #linksbody footer#pagefooter #pagefootercontainer #pagefooterbody

レイアウトとピースの 関 係

ピースの 一 覧 画 面 ピースごとに 公 開 / 非 公 開 の 設 定 が 可 能 コンセプトの 設 定 自 由 形 式 のピースはHTMLを 直 接 記 述

コンセプトに 含 まれるコンテンツ レイアウト ピース コンセプトはコンテンツ レイアウト ピースなどの アイテムを 格 納 する 論 理 的 なフォルダです コンセプトの 切 り 替 えプルダウン レイアウトは 記 述 されているピースを 自 己 のコン セプトから 探 します 自 己 のコンセプトに 該 当 する 名 前 のピースが 存 在 しない 場 合 上 位 のコンセプトの 中 を 探 します このしくみにより サイト 内 で 共 通 に 利 用 するピー スなどの 要 素 はルートのコンセプトに 格 納 して 参 照 することができます 共 通 に 利 用 しているピースの 内 容 を 一 部 のレイア ウトのみ 変 更 したい 場 合 は そのレイアウトが 含 まれるコンセプトに 同 じ 名 前 のピースを 配 置 する と 内 容 を 差 し 替 えることができます

分 野 一 覧 と 分 野 の 登 録 画 面

コンテンツによるページの 自 動 生 成 記 事 コンテンツ 利 用 するコンテンツを 設 定 汎 用 カテゴリタイプ コンテンツ 汎 用 カレンダー コンテンツ 記 事 ペー ジを 生 成 カテゴリ ページを 生 成 カテゴリ ページを 生 成 マップ コンテンツ マップペー ジを 生 成

記 事 コンテンツによる 記 事 ページの 自 動 生 成 記 事 コンテンツが 自 動 生 成 する 内 容 を 組 み 込 む 記 述 生 成 するディレクトリ <ドメイン 名 >/docs/2013042600013/ 2013042600013は 記 事 を 最 初 に 保 存 したときのタイムスタンプ 0001は 日 ごとの 連 番 最 後 の3はチェックコード ファイル 名 はindex.htmlとなる

カテゴリタイプ コンテンツによるカテゴリページの 自 動 生 成 カテゴリタイプコンテンツが 自 動 生 成 する 内 容 を 組 み 込 む 記 述 生 成 するディレクトリ <ドメイン 名 >categories/bunya/todokede/inkan/ カテゴリのIDをディレクトリ 名 として 生 成 する ファイル 名 はindex.htmlとなる

記 事 コンテンツおよびピースによる 画 面 表 示 記 事 コンテンツ 記 事 ページを 生 成 記 事 コンテンツと 連 動 するピース 自 由 形 式 の ピース 記 事 コンテンツ が 生 成 するコン テンツ [[content]]

カテゴリタイプ コンテンツおよびピースによる 画 面 表 示 カテゴリタイプ コンテンツ 何 のカテゴリのページかに より ピースの 挙 動 が 変 わる カテゴリコンテン ツと 連 動 する ピース 自 由 形 式 の ピース カテゴリページを 生 成 カテゴリタイプ コ ンテンツが 生 成 するコンテンツ [[content]]

イベントカレンダーでの 記 事 表 示

マップコンテンツでの 記 事 表 示 地 図 を 設 定 した 記 事 を 一 覧 表 示

複 数 の 記 事 コンテンツの 記 事 を 合 成 して 一 覧 表 示 お 知 らせ と 手 続 き で 記 事 コンテンツを 別 に 作 成 複 数 の 記 事 コンテンツをカテゴリコンテンツで 集 約 できます お 知 らせ の 記 事 コンテンツ 手 続 き の 記 事 コンテンツ カテゴリコンテンツ FAQ の 記 事 コンテンツ

お 知 らせ と 手 続 き で 異 なるカテゴリ 分 類 を 設 定 可 能 次 のような 条 件 の 登 録 画 面 を 構 成 できます お 知 らせの 記 事 :ライフイベントには 登 録 できない 手 続 きの 記 事 : 注 目 情 報 には 登 録 できない お 知 らせ の 記 事 登 録 画 面 手 続 き の 記 事 登 録 画 面

訪 問 者 別 のグローバル ナビゲーション 下 記 一 覧 の 分 野 の 注 目 情 報 の 記 事 下 記 一 覧 の 分 野 を 設 定 した 記 事 分 野 税 金 を 複 数 のグ ローバルナビに 表 示 くらしの 手 引 き に 含 まれる 分 野 を 一 覧 表 示 ZOMEKIではグローバルナビを 分 野 を 分 類 するしくみと 考 えました グローバルナビを 目 的 別 に 設 定 し 目 的 にあった 分 野 を 設 定 します グローバルナビの 各 ページにおいては 該 当 する 分 野 の 記 事 一 覧 を 表 示 し ます

グローバル ナビ と 記 事 分 野 を 切 り 離 し 関 連 づけ グローバルナビにカテ ゴリを 割 り 付 ける 画 面 ひとつの 分 野 を 複 数 の グローバルナビに 割 り 付 けることができます

大 規 模 災 害 時 モード

各種サイトの事例

JISX8341-3:2010への 対 応 方 針 等 級 項 目 CMS CMSチェック サイト 構 築 記 事 作 成 素 材 作 成 フォーム 入 力 マルチメディア 7.1.1.1 A 非 テキストコンテンツに 関 する 達 成 基 準 7.1.2.1 A 収 録 済 みの 音 声 しか 含 まないメディア 及 び 収 録 済 みの 映 像 しか 含 まないメディアに 関 する 達 成 基 準 7.1.2.2 A 収 録 済 みの 音 声 コンテンツのキャプションに 関 する 達 成 基 準 7.1.2.3 A 収 録 済 みの 映 像 コンテンツの 代 替 コンテンツ 又 は 音 声 ガイドに 関 する 達 成 基 準 7.1.2.4 AA ライブの 音 声 コンテンツのキャプションに 関 する 達 成 基 準 7.1.2.5 AA 収 録 済 みの 映 像 コンテンツの 音 声 ガイドに 関 する 達 成 基 準 7.1.3.1 A 情 報 及 び 関 係 性 に 関 する 達 成 基 準 7.1.3.2 A 意 味 のある 順 序 に 関 する 達 成 基 準 7.1.3.3 A 感 覚 的 な 特 徴 に 関 する 達 成 基 準 7.1.4.1 A 色 の 使 用 に 関 する 達 成 基 準 7.1.4.2 A 音 声 制 御 に 関 する 達 成 基 準 7.1.4.3 AA 最 低 限 のコントラストに 関 する 達 成 基 準 7.1.4.4 AA テキストのサイズ 変 更 に 関 する 達 成 基 準 7.1.4.5 AA 画 像 化 された 文 字 に 関 する 達 成 基 準 7.2.1.1 A キーボード 操 作 に 関 する 達 成 基 準 7.2.1.2 A フォーカス 移 動 に 関 する 達 成 基 準 7.2.2.1 A 調 整 可 能 な 制 限 時 間 に 関 する 達 成 基 準 7.2.2.2 A 一 時 停 止, 停 止 及 び 非 表 示 に 関 する 達 成 基 準 7.2.3.1 A 3 回 のせん( 閃 ) 光 又 はいき( 閾 ) 値 以 下 に 関 する 達 成 基 準 7.2.4.1 A ブロックスキップに 関 する 達 成 基 準 7.2.4.2 A ページタイトルに 関 する 達 成 基 準 7.2.4.3 A フォーカス 順 序 に 関 する 達 成 基 準 7.2.4.4 A 文 脈 におけるリンクの 目 的 に 関 する 達 成 基 準 7.2.4.5 AA 複 数 の 到 達 手 段 に 関 する 達 成 基 準 7.2.4.6 AA 見 出 し 及 びラベルに 関 する 達 成 基 準 7.2.4.7 AA 視 覚 的 に 認 識 可 能 なフォーカスに 関 する 達 成 基 準 7.3.1.1 A ページの 言 語 に 関 する 達 成 基 準 7.3.1.2 AA 部 分 的 に 用 いられている 言 語 に 関 する 達 成 基 準 7.3.2.1 A オンフォーカスに 関 する 達 成 基 準 7.3.2.2 A ユーザインタフェースコンポーネントによる 状 況 の 変 化 に 関 する 達 成 基 準 7.3.2.3 AA 一 貫 したナビゲーションに 関 する 達 成 基 準 7.3.2.4 AA 一 貫 した 識 別 性 に 関 する 達 成 基 準 7.3.3.1 A 入 力 エラー 箇 所 の 特 定 に 関 する 達 成 基 準 7.3.3.2 A ラベル 又 は 説 明 文 に 関 する 達 成 基 準 7.3.3.3 AA 入 力 エラー 修 正 方 法 の 提 示 に 関 する 達 成 基 準 7.3.3.4 AA 法 的 義 務, 金 銭 的 取 引,データ 変 更 及 び 回 答 送 信 のエラー 回 避 に 関 する 達 成 基 準 7.4.1.1 A 構 文 解 析 に 関 する 達 成 基 準 7.4.1.2 A プログラムが 解 釈 可 能 な 識 別 名, 役 割 及 び 設 定 可 能 な 値 に 関 する 達 成 基 準 JISX8341-3:2010の 基 準 への 準 拠 は CMSが 生 成 するHTMLタグやフォーム 処 理 などのシステム Webサイトを 構 築 するHTML/CSS 職 員 の 方 が 入 力 する 記 事 の 内 容 と 利 用 する 素 材 さらには その 内 容 のCMSによるチェックなど 多 くの 要 素 の 総 和 により 実 現 します 上 記 の 図 にてCMSの の 項 目 はCMSの 機 能 に より 主 体 的 に 達 成 する 基 準 です またZOMEKIには 基 準 を 満 たすサイト 構 築 のテンプレートデータがあり 基 準 を 満 たすサイト 構 築 が 容 易 に 行 えます 今 年 秋 頃 までに CMSで 記 事 の 内 容 をチェックする 機 能 を 大 幅 に 強 化 する 予 定 で 総 合 的 な 品 質 がかなり 向 上 すると 考 えています

今 年 の 開 発 予 定

サイトブリッジ 株 式 会 社 概 要 http://www.sitebridge.co.jp/ ZOMEKIについてのお 問 い 合 わせは 下 記 までお 願 いします 市 町 村 公 式 サイト 地 域 観 光 ポータルの 構 築 などを 承 っており ます