Transcript オープンソースCMS「ZOMEKI」のご紹介[PPTX：10MB]

オープンソースCMS「ZOMEKI」のご紹介
サイトブリッジ株式会社 ２０１４年９月
２１日
ZOMEKI開発の経緯
オープンソースCMS「ZOMEKI」（ぞめき）は、市町村サイトや地域・観光ポータル構築用CMSとして開発され、
２０１２年にオープンソース（GPL v3）として公開されました。
ZOMEKIは、２０１０年にオープンソースとして公開された自治体サイト向けCMS「Joruri」（ジョールリ）の機能
拡張したCMSです。
Joruri CMS からの主な改良点
・HTML5対応
・最新バージョンのRuby/Railsを採用
・プログラムソースコードをGitHubに公開
・インストーラーにより構築作業を省力化
・JISX8341-3:2010の基準にてHTML/CSSを全面的に改善
・複数サイト（ポータル）の構築/運用向けにユーザ管理を拡張
・市町村サイトに適したグローバルナビ、カテゴリ分類の機能を装備
・記事コンテンツの管理機能を大幅に強化
・イベントカレンダー、マップ、承認フローなど多彩なコンテンツを装備
バージョン分岐、機能改善
Joruriは徳島県と株式会社アイ・ディ・エスの登録商標です。
自治体公式サイトへの導入実績
自治体公式ホームページへの導入実績
ZOMEKI
Joruri
登別市、輪島市、北見市（Joruriから変更）、龍ヶ崎市、中野市、小諸市、臼杵市
仁木町、栗山町、壮瞥町、美幌町、北見市、中頓別町、赤平市、当別町
田舎館村、平川市、大槌町、寒河江市、北塩原村、会津若松市
館林市、大田原市、木島平村、笠松町、瀬戸市、千曲市、交野市、美浜町、由良町
甲斐市、琴浦町、邑南町、新見市、玉野市、大崎上島町、みなべ町
綾川町、徳島県、牟岐町、阿波市、那賀町、海陽町、上勝町、上板町、美浜町、
吉野川市、勝浦町、三好市、阿南市、石井町、藍住町、西予市、高知県
添田町、西海市、錦町、中津市、志布志市、龍郷町、南風原町、糸満市
（５５自治体）
その他公式ホームページへの導入実績
ZOMEKI
Joruri
うらそえナビ（沖縄県浦添市）、ここから、（塩尻市地域ポータル）
中核市市長会、山口県産業技術センター、徳島県立中央病院、徳島大学、
鳴門教育大学、島根大学、高知大学、くれ子育てねっと
3
基本的なページ構成
トップページ
一覧（中間）ページ
記事ページ
記事コンテンツが自動的にイ
ンデックスを生成
固定ページで自由に作成
記事コンテンツが自動的に
ページを生成
トップページのサンプル
グローバル・ナビゲーション
訪問者別のわかりやすいメニュー
新着記事のタブ表示
アクセシビリティ・ツール
文字サイズ、背景色の変更、音声読み上
げ、ふりがな表示
広告バナー
アクセスが多い分野をタブ切り替えで
簡単に一覧表示
専用の管理機能で、ランダム表示、バ
ナーの公開開始・終了を自動化、アクセ
ス数を管理画面で確認可能
ライフイベント
イベントカレンダー
各種手続きの記事をライフイベントごとに
分けてわかりやすく一覧表示
記事のタイトルをイベントカレンダーに表
示、記事ではない情報も掲載可能
FAQ
FAQを記事と同じカテゴリで分類し、各カ
テゴリページに見やすく表示
分野一覧
記事を分類する分野の第1階層を
一覧表示
アクセスランキング
Google AnalyticsのデータをAPIで取得して
表示
分野ページのサンプル
注目情報
該当分野の注目情報を一覧表示
新着情報
該当分野の新着記事を一覧表示
手続きの記事一覧
各種手続きの記事を説明付きで一覧表示
FAQ
FAQの情報を記事の分野ページで
一元的に一覧表示
記事ページサンプル
パンくずリスト
記事を登録したカテゴリ（分野）を表示
記事の日付表示
公開日と最新更新日の表示が可能
分野ナビゲーション
分野一覧を表示
写真の貼付
写真のアップロードとリサイズが可能
添付ファイルの掲載
自動的にアイコンとファイルサイズを表示
地図表示
Google Mapsを表示
関連ワード
クリックすると同じ関連ワードを設定した
記事の一覧を表示
問合せ先表示
記事についての問合せ先を表示
ソーシャル連携
Twitter,Google+,Facebookとの連携
記事を分類するカテゴリ機能とコンテンツ
記事ページへの多様なアクセスルートを自動的に生
成し、利用者の利便性を向上します。
分野（カテゴリ）を分類するしくみ
トップ
カテゴリは汎用的なしくみであるため、分野・組織・ラ
イフイベント以外の分類を自由に定義できます。
グローバルナビ
分野
組織
組織
分野
ライフイベント
カレンダー
関連ワード
マップ
カテゴリの項目として登録
記事
記事
記事
カレンダー、関連ワード、マップ（地図）の多彩な
切り口から、記事を探せます。
サンプルサイトの構造
市長ページ
グローバルメニュー
グローバルメニューで大分
野ページを切り替える
各種固定ページ
目的別メニュー
分野一覧
大分野ページ
小分野ページ
組織一覧
部局ページ
課ページ
トップページ
ライフイベント
記事ページ
属性一覧
属性ページ
記事コンテンツの管理範囲
地域一覧
エリア
町ページ
新着記事のタブ
新着記事タブ
イベント
カレンダー
イベント情報の詳細ペー
ジは記事ページとなる
FAQ一覧
詳細ページ
問い合わせ
入力フォーム
掲示板
メールマガジン
登録フォーム
年間行事
新着記事のタブは、分野
または属性で分類
目的別メニューでは関連する記事
ページまたは固定ページをリンク
記事登録の画面（記事タブ）
入力項目をタブで分類
記事タイトルの入力
外部サイトや添付ファイルへ
の直リンクも可能
付帯情報の入力
記事本文の入力
文字装飾、見だし設定、表作
成などはCKEditorのボタンを選
択して実行
CKEditorのボタン
ファイルアップロード
添付ファイルや記事本文に貼
り付ける画像をアップロード
カテゴリ設定のプルダウン
カテゴリの設定
追加により複数カテゴリの指
定も可能
関連ワードと
関連記事の指定
各種の保存ボタン
記事登録-＜公開日＞タブ
公開画面に表示する「公開日」を任意に指定
カレンダー形式の設定ダイアログ
記事の公開開始日または公開終了日を設定
記事登録-＜連絡先＞タブ
ユーザの課（グループ）を初期値として設定
室または担当は自由に入力して設定
連絡先の内容は、作成者のグループの情報が自
動的に反映されます。
内容を変更が行えないようにすることもできます。
記事登録-＜承認＞タブ
承認者フローが固定で設定されている場合
必須承認者の設定、多段階承認の設定、課（ユーザグループ）ごとに異なるフローなどを
承認フローコンテンツで定義できます。
記事公開の承認フロー
承認後、公開操作で公開する手順と、承認後に即公開さ
れる手順を選択できます。
記事の承認フロー
承認完了
承認依頼
記事の作成
記事の
承認操作
記事の
公開操作
Web公開領域
に転送
4
Webサーバ
にて公開
記事登録-＜イベント＞タブ
イベントカレンダー独自のカテゴリを設定
イベントカレンダーに記事タイトルを掲載できます。
イベントカレンダーの記事タイトルをクリックすると、記事本文が表示されるようになります。
記事登録-＜地図＞タブ
地名で地図を検索して表示します。
地名のタイトルを入力します。
マーカーを複数設定できます。
記事登録-＜携帯＞タブ
携帯向けの内容を入力
PC向けページとは異なる内容を携帯ページ向けに表示したい場合、この入力フォームから
携帯向けの記事を入力します。
記事登録-＜オプション＞タブ
公開画面の記事URLを設定できます。
PC・スマートフォン、携帯のそれぞれの記事ページを
作成するかどうかを設定します。
Metaタグのパラメータを設定します。
Facebookで、いいね！されたときにタイムラインに表示す
る説明や写真を指定します。
自分が所属しているユーザグループ以外に、記事の編集権限を
与えたい場合に設定します。
管理画面のメニュー体系
コンテンツ
データ
デザイン
ディレクトリ
ツール
サイト
ユーザ
システム
記事などのコンテンツへのデータの入力・編集など
サイト内の共通データの管理
サイトを構成するHTMLやCSSの入力・編集
物理ディレクトリの作成、ファイル管理、ファイル転送
再構築（再書き出し）、キーワード検索、リンクチェック、データコンバート
サブサイトの作成、大規模災害対応、コンセプトの作成・管理
CMS利用ユーザの管理、ユーザグループの管理、権限設定
操作ログ、プロセス管理、辞書、メール動作確認
論理ディレクトリの管理
各種のコンテンツが生成するページを配置する
ディレクトリを作成・管理します。
CMSサーバーのWeb公開ファイルの管理
サーバーの物理ディレクトリや物理ファイルを一覧管理できます。
Webサーバーへのファイル転送の管理
CMSサーバーからWebサーバーへのファイルの転送を管理します。
ページのリンクチェック
リンクチェックの実行と結果表示を行います。
ユーザー管理
ユーザーのグループや権限ロールを管理します。
レイアウトとピースの関係
レイアウトの構造
#container
header#pageHeader
#pageHeaderContainer
#pageHeaderBody
nav#pageNav
#pageNavContainer
#pageNavBody
#main
#wrapper
#menu
#menuContainer
#menuBody
footer#pageFooter
#pageFooterContainer
#pageFooterBody
#content
#contentContainer
#contentBody
#links
#linksContainer
#linksBody
レイアウトの編集画面
PC、携帯、スマートフォンの
レイアウトを個別に登録
ピースの一覧画面
ピースごとに公開/非公開
の設定が可能
コンセプトの設定
自由形式のピースはHTMLを
直接記述
イベントカレンダーでの記事表示
マップコンテンツでの記事表示
地図に記事をマッピング
地図を設定した記事を一覧表示
複数の記事コンテンツの記事を合成して一覧表示
「お知らせ」と「手続き」で記事コンテンツを別に作成
複数の記事コンテンツをカテゴリコンテンツで集約できます。
「お知らせ」の記事
コンテンツ
「手続き」の記事
コンテンツ
「FAQ」の記事
コンテンツ
カテゴリコンテンツ
「お知らせ」と「手続き」で異なるカテゴリ分類を設定
可能
次のような条件の登録画面を構成できます。
・お知らせの記事：ライフイベントには登録できない。
・手続きの記事： 注目情報には登録できない。
「お知らせ」の記事登録画面
「手続き」の記事登録画面
訪問者別のグローバル・ナビゲーション
下記一覧の分野の
注目情報の記事
下記一覧の分野を
設定した記事
分野「税金」を複数のグ
ローバルナビに表示
「くらしの手引き」に含まれる
分野を一覧表示
ZOMEKIではグローバルナビを分野を分類するしくみと考えました。
グローバルナビを目的別に設定し、目的にあった分野を設定します。
グローバルナビの各ページにおいては、該当する分野の記事一覧を表示し
ます。
「グローバル・ナビ」と「記事分野」を切り離し、関連
づけ
グローバルナビにカテ
ゴリを割り付ける画面
ひとつの分野を複数の
グローバルナビに割り
付けることができます。
大規模災害時モード
各種サイトの事例