オープンソース CMS 「 ZOMEKI 」のご紹介

1. オープンソースCMS「ZOMEKI」のご紹介 サイトブリッジ株式会社２０１４年９月２１日

2. ZOMEKI開発の経緯 オープンソースCMS「ZOMEKI」（ぞめき）は、市町村サイトや地域・観光ポータル構築用CMSとして開発され、２０１２年にオープンソース（GPL v3）として公開されました。 ZOMEKIは、２０１０年にオープンソースとして公開された自治体サイト向けCMS「Joruri」（ジョールリ）の機能拡張したCMSです。 Joruri CMS からの主な改良点 　・HTML5対応 　・最新バージョンのRuby/Railsを採用 　・プログラムソースコードをGitHubに公開 ・インストーラーにより構築作業を省力化 　・JISX8341-3:2010の基準にてHTML/CSSを全面的に改善 　・複数サイト（ポータル）の構築/運用向けにユーザ管理を拡張 　・市町村サイトに適したグローバルナビ、カテゴリ分類の機能を装備 　・記事コンテンツの管理機能を大幅に強化 　・イベントカレンダー、マップ、承認フローなど多彩なコンテンツを装備 バージョン分岐、機能改善 Joruriは徳島県と株式会社アイ・ディ・エスの登録商標です。

3. 自治体公式サイトへの導入実績 自治体公式ホームページへの導入実績 ZOMEKI　登別市、輪島市、北見市（Joruriから変更）、龍ヶ崎市、中野市、小諸市、臼杵市 Joruri仁木町、栗山町、壮瞥町、美幌町、北見市、中頓別町、赤平市、当別町 　　　　　　　　　　田舎館村、平川市、大槌町、寒河江市、北塩原村、会津若松市 　　　　　　　　　　館林市、大田原市、木島平村、笠松町、瀬戸市、千曲市、交野市、美浜町、由良町 甲斐市、琴浦町、邑南町、新見市、玉野市、大崎上島町、みなべ町 　　　　　　　　　　綾川町、徳島県、牟岐町、阿波市、那賀町、海陽町、上勝町、上板町、美浜町、 　　　　　　　　　　吉野川市、勝浦町、三好市、阿南市、石井町、藍住町、西予市、高知県 　　　　　　　　　　添田町、西海市、錦町、中津市、志布志市、龍郷町、南風原町、糸満市 　（５５自治体） その他公式ホームページへの導入実績 ZOMEKIうらそえナビ（沖縄県浦添市）、ここから、（塩尻市地域ポータル） Joruri　　　　　　 中核市市長会、山口県産業技術センター、徳島県立中央病院、徳島大学、 　　　　　　　　　　　鳴門教育大学、島根大学、高知大学、くれ子育てねっと　　　　　　　　　　 3

4. 基本的なページ構成 トップページ 一覧（中間）ページ 記事ページ 記事コンテンツが自動的にインデックスを生成 固定ページで自由に作成 記事コンテンツが自動的にページを生成

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

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

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

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

9. サンプルサイトの構造 グローバルメニュー グローバルメニューで大分野ページを切り替える 市長ページ 各種固定ページ 目的別メニューでは関連する記事ページまたは固定ページをリンク 目的別メニュー ライフイベント 分野一覧 大分野ページ 小分野ページ 組織一覧 部局ページ 課ページ トップページ 記事ページ 属性一覧 属性ページ 記事コンテンツの管理範囲 地域一覧 エリア 町ページ 新着記事のタブ 新着記事タブ イベント カレンダー イベント情報の詳細ページは記事ページとなる FAQ一覧 詳細ページ 新着記事のタブは、分野または属性で分類 問い合わせ 入力フォーム 掲示板 メールマガジン 登録フォーム 年間行事

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

11. 記事登録-＜公開日＞タブ 公開画面に表示する「公開日」を任意に指定 カレンダー形式の設定ダイアログ 記事の公開開始日または公開終了日を設定

12. 記事登録-＜連絡先＞タブ ユーザの課（グループ）を初期値として設定 室または担当は自由に入力して設定 連絡先の内容は、作成者のグループの情報が自動的に反映されます。 内容を変更が行えないようにすることもできます。

13. 記事登録-＜承認＞タブ 承認者フローが固定で設定されている場合 必須承認者の設定、多段階承認の設定、課（ユーザグループ）ごとに異なるフローなどを承認フローコンテンツで定義できます。

14. 記事公開の承認フロー 承認後、公開操作で公開する手順と、承認後に即公開される手順を選択できます。 記事の承認フロー Web公開領域に転送 Webサーバにて公開 承認完了 承認依頼 記事の 承認操作 記事の作成 記事の 公開操作 4

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

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

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

18. 記事登録-＜オプション＞タブ 公開画面の記事URLを設定できます。 PC・スマートフォン、携帯のそれぞれの記事ページを作成するかどうかを設定します。 Metaタグのパラメータを設定します。 Facebookで、いいね！されたときにタイムラインに表示する説明や写真を指定します。 自分が所属しているユーザグループ以外に、記事の編集権限を与えたい場合に設定します。

19. 管理画面のメニュー体系 コンテンツ　　記事などのコンテンツへのデータの入力・編集など データ　　　　サイト内の共通データの管理 デザイン　　　サイトを構成するHTMLやCSSの入力・編集 ディレクトリ　　物理ディレクトリの作成、ファイル管理、ファイル転送 ツール　　　　　再構築（再書き出し）、キーワード検索、リンクチェック、データコンバート サイト　　　　　サブサイトの作成、大規模災害対応、コンセプトの作成・管理 ユーザ　　　　CMS利用ユーザの管理、ユーザグループの管理、権限設定 システム　　　操作ログ、プロセス管理、辞書、メール動作確認

20. 論理ディレクトリの管理 各種のコンテンツが生成するページを配置するディレクトリを作成・管理します。

21. CMSサーバーのWeb公開ファイルの管理 サーバーの物理ディレクトリや物理ファイルを一覧管理できます。

22. Webサーバーへのファイル転送の管理 CMSサーバーからWebサーバーへのファイルの転送を管理します。

23. ページのリンクチェック リンクチェックの実行と結果表示を行います。

24. ユーザー管理 ユーザーのグループや権限ロールを管理します。

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

26. レイアウトの構造

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

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

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

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

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

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

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

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

35. 大規模災害時モード

36. 各種サイトの事例