別紙 1 横須賀市自然 人文博物館 HP システムコンテンツ内ページ別想定機能 網がけはページの遷移 ページ構成の種類 A タイプ : ヘッダ / フッダ 3 段組 B タイプ : ヘッダ / フッダ 2 段組 C タイプ : フレーム等区切りなし 各ページの公開 非公開については CMSによって切り替えが可能とする 下記仕様の基本的にはPC(Windows Vista 以降 ) におけるフルブラウジングを想定 他の端末への対応を示す場合の表現 キオスク : 館内一般閲覧用 PC( 館内独立ネットワーク上端末 ) スマホ : スマートフォンやタブレット ガラケー いわゆる ガラパゴス携帯 と呼ばれる携帯電話 TOP ページ (A タイプ ) 社会教育施設であることを意識した 魅力的なデザイン 色彩であること 博物館をイメージしやすい画像群 ( 概観 展示 活動 ) を任意に指定でき TOP ページ上で表示画像を変化させるプログラム等を設置すること 大項目ごとプルダウンメニューを設置することで TOP ページからコンテンツ全体を俯瞰できるとともに 直接各コンテンツ小項目ページへ遷移できること ヘッダ / フッダもしくは次項の段組内に 次の 5 つをリンク表示させること - 事業概要 (C タイプ ): 博物館の使命や目的 沿革等を表示させること 博物館事業に関する情報を入手しやすくするため 博物館報 のPDFが閲覧できること - 個人情報保護基本方針 (C タイプ ): 横須賀市公式 HPの 個人情報の取り扱いに関する考え方 に準ずる内容を掲載 -サイトマップ(C タイプ ): 当サイトのページ構成をツリー構造で表示し 各ページへの直リンクを生成 -サイト利用上の注意事項(C タイプ ): 当サイトの利用に関する注意事項を表記する ( 例 : 画像等の無断複製の禁止等 ) -メルマガ( メールマガジン ) 登録 (C タイプ ): 内容説明 メールアドレスのみの入力フォーム 登録 / 解除 ボタン メルマガ管理: 主に展示やイベント情報に関して HPの登録情報をもとに概要を自動生成し 冒頭や結びの文などを追加し 送信専用メールアドレスを通じて 送信 できることとする また 登録者の管理を行う 1
-DL コーナー (B タイプ ): アーカイブ 無料配布用のPDF 等ファイル格納スペースだけでなく 以下の項目ごと希望のファイルが得られるようにする ( 利用案内に関する申請書 教材 ワークシートを含む ) 申請書等(PDFおよびWord 等入力可能なファイル形式 ) 刊行物( 主にPDF): 冊子刊行物のほか 自然教育園だよりやリーフレット等 - 外国語ページへの直リンク :TOP- 利用案内 - 利用案内 ( 外国の方 ) への直リンクをわかりやすいバナー等を用いて表示する - 各学芸員 (8 分野 ) の研究活動紹介への直リンク : 現行 HPの 研究活動 コーナー全体をリンクし 参照表示すること ( 現在使用しているファイルは 新サーバへ移行する ) 以下の情報を段組に分けて見やすく表示すること - 新着情報 ( お知らせ,NEWS):CMS 入力とし タイトル及び更新日時のみ TOP に表示 その詳細情報は別ウィンドウ表示 (B タイプ ) とする 登録した記事の表示順や表示期間を設定でき 記事から関連ページへのリンクが挿入できること - 展示 イベント情報 : 展示情報 ( 展示 施設情報 ) やイベント情報 ( イベント ) に表示される行事毎のデータを表示する ( 表示内容は共通 ) ( 上記の情報のうち TOP ページに表示させる項目を選択できること ) -モバイルサイト案内( 遷移ページなし ): ガラケー用サイト 表示用 QRリンク 但し PC スマホ以外の端末で TOP にアクセスした際に ガラケー用サイトの TOP へ自動もしくは選択して遷移できること -その他( いずれも遷移ページなし ) 近々の開 / 休館園日がカレンダーで表示されること ( 年度内の開 / 休館園日カレンダーを3ケ月単位で表示 併せて開館園時間も表示 ) 下層コンテンツの強調 ショートカットやリンク先 HPのバナー表示 協賛企業の広告 ( 可能性として ) などに用いるリンクバナーを博物館職員が設置できること TOP- 利用案内 ( 以下のサブカテゴリは B タイプにて表示 ) - 利用案内 ( アクセス ): 本館および付属施設ごとに休館日 開館時間 交通等を分かりやすく表示させること ( 汎用地図への自動表示対応 ) - 利用案内 ( 学校 ): 教職員向けの案内 利用申請の流れや注意事項 申請様式のダウンロードを分かりやすく表示させること 最近来館した学校の利用例について 博物館職員が写真とともに紹介記事を登録できること 事前学習や授業利用に利用可能な教材やワークシート等のダウンロードコーナー 2
HP 内の役立つコンテンツ ( 施設情報など ) へのリンクを設けること 学芸員実習に関する案内はこのカテゴリで行う - 利用案内 ( 団体 ): 団体向けの案内 利用申請の流れや注意事項 申請様式のダウンロードを分かりやすく表示させること - 利用案内 ( 研究 メディア ): 研究利用やメディア利用 取材などに対して 利用申請の流れや注意事項 申請様式のダウンロードを分かりやすく表示させること - 利用案内 ( 外国の方 ): 英語にて本館および付属施設ごとに休館日 開館時間 交通等を分かりやすく表示させること ( 汎用地図への自動表示対応 ) TOP- イベント -イベント案内( 時系列 )(B タイプ ): 個々のイベントの概要を表示し 詳細 (C タイプ ) へのリンクを設けること イベントの概要は TOP 画面の展示 イベント情報に埋め込める仕組みを作る イベント概要及び詳細は 日時 場所 内容 定員 締切 備考を登録できるようにし CSVデータでの一括更新とCMS 上での部分調整を可能であること 詳細は イメージ画像や以前の行事の様子など 内容を想像させる画像を複数表示し 埋め込み画像から概要表示用サムネイルを生成すること イベント概要 詳細のいずれからも次項 申込み方法 ページへリンクできること -イベント案内( イベント種類別 )(B タイプ ): 個々のイベントの概要を表示し 詳細 (C タイプ ) へのリンクを設けること イベント種類別に 1 博物館教室 2 野外学習 3 講演会等でアイコン表示する イベントの概要は TOP 画面の展示 イベント情報に埋め込める仕組みを作る イベント概要及び詳細は 日時 場所 内容 定員 締切 備考を登録できるようにし CSVデータでの一括更新とCMS 上での部分調整を可能であること 詳細は イメージ画像や以前の行事の様子など 内容を想像させる画像を複数表示し 埋め込み画像から概要表示用サムネイルを生成すること イベント概要 詳細のいずれからも次項 申込み方法 ページへリンクできること -イベント案内( 締切直前順 )(B タイプ ): 応募締切に近い順に概要を表示し 詳細 (C タイプ ) へのリンクを設けること 締切までの時間を 1 締切まで1 週間以内 2 締切まで2 週間以内 3 締切まで 1カ月以内等でアイコン表示する イベントの概要は TOP 画面の展示 イベント情報に埋め込める仕組みを作る イベント概要及び詳細は 日時 場所 内容 定員 締切 備考を登録できるよ 3
うにし CSVデータでの一括更新とCMS 上での部分調整を可能であること 詳細は イメージ画像や以前の行事の様子など 内容を想像させる画像を複数表示し 埋め込み画像から概要表示用サムネイルを生成すること 概要 詳細のいずれからも次項 申込み方法 ページへリンクできること 申込み方法 (C タイプ ): イベント詳細及び概要からリンクし 参加申込に必要な情 報を提供する TOP- 展示 施設情報 ( 下位項目は B タイプ ) - 特別展示 企画展示 トピックス展示 : 下位項目毎に概要を表示し 詳細 (C タイプ ) へのリンクを設けること 展示種別ごとに 1( 現在開催中の ) 特別展示 (or 企画展示 ) 2これからの特別展示 / 企画展示 3トピックス展示 ( 仮称 ) 等でアイコン表示する 展示の概要は TOP 画面の展示 イベント情報に埋め込める仕組みを作る 概要及び詳細は 博物館職員が展示情報と表示期間 展示種別が登録できること 展示情報には 画像埋め込み ファイル(PDF JPG 等 ) のダウンロードのほか 展示場所を示す館内地図 ( 次項 本館 にて表示するもの ) を含められるものとする 埋め込み画像から概要表示用サムネイルを生成する - 本館 : 展示室のあるフロアについては バックヤードを含む平面図を表示し 常設展示のコーナーごとの解説や各種教室 ( 文化財収蔵庫を含む ) の説明が 画像や動画の埋め込みとともに表示できること 1 自然 1 階 2 自然 2 階 3 人文 1 階 4 人文 2 階 5 人文 3 階 6 文化財収蔵庫等でフロアマップを生成する 館内の状況を把握しやすい平面図や展示解説の表示方法とし 平面図にコーナーごとに番号アイコンを配し 展示更新やトピックス展示に対応して 解説するコーナーの数や範囲を変更できるようにすること - 馬堀自然教育園 : 園内および学習棟内の平面図を表示しながら 自然や展示の解説をコーナーごとに画像や動画の埋め込みとともに表示できること 1 自然教育園 2 学習棟等でマップを生成する 園内の状況を把握しやすい平面図や展示解説の表示方法とし 平面図にコーナーごとに番号アイコンを配し 展示更新や園内の管理変化に対応して 解説するコーナーの数や範囲を変更できるようにすること - 天神島臨海自然教育園 ビジターセンター : 園内およびビジターセンター展示フロアの平面図を表示しながら 自然や常設展示の解説をコーナーごとに画像や動画の埋め 4
込みとともに表示できること 1 自然教育園 2ビジターセンター 1 階 3ビジターセンター 2 階 4ビジターセンター 3 階等でマップを生成する 館園内の状況を把握しやすい平面図や展示解説の表示方法とし 平面図にコーナーごとに番号アイコンを配し 展示更新や園内の管理変化に対応して 解説するコーナーの数や範囲を変更できるようにすること -ヴェルニー記念館: 館内の展示フロアの平面図を表示しながら 常設展示の解説をコーナーごとに画像や動画の埋め込みとともに表示できること 記念館等でマップを生成する 館内の状況を把握しやすい平面図や展示解説の表示方法とし 平面図にコーナーごとに番号アイコンを配し 展示更新に対応して 解説するコーナーの数や範囲を変更できるようにすること TOP- 博物館資料 刊行物 販売物 - 資料データベース (B タイプ ): 既存 HP 展示資料データベース の元データによって立ち上げ CMS 上での追加登録や修正が行えるようにすること ( 現博物館内ネットワークで運用されている 博物館資料データベース より公開可能なデータのみ抜粋したCSVデータ等での一括更新にも対応できること ) 資料種別ボタンや検索語入力欄 当カテゴリトップへのリンクを設け 結果を表示すること 絞込み結果はリスト表示と表題付サムネイル表示が切替可能であり 各項目にカーソルを合わせると画像のプレヴューができること 上記絞込み結果からクリックで資料の詳細説明画面を別ウィンドウ(C タイプ ) で表示すること 検索前の結果表示用段組みには 使用方法 資料の研究利用やメディア利用 取材などに対する 利用申請の流れや注意事項 申請様式のダウンロードへ分かりやすくリンクさせること 自然部門のデータは和名 学名 学術的分類 資料種別( 岩石鉱物 維管束植物 昆虫 魚類など 10 数カテゴリ ) 展示中の有無 説明を表示させ 画像が添付できること 人文部門のデータは資料名 時代区分 資料種別( 考古 - 縄文 近世史 - 文献 近世史 - 近代建築 民俗 - 暮らしなど 10 数カテゴリ ) 展示中の有無 説明を表示させ 画像が添付できること 資料検索では 資料種別ボタン(20~40 カテゴリ ) と入力した検索語による絞り込み検索ができること -オリジナルグッズ(B タイプ ): ピンバッジや絵葉書など販売品 ( 刊行物は別 ) を紹 5
介し 購入方法 ( 館内販売 現金書留 ) を分かりやすく表示させること - 刊行物コーナー (B タイプ ): 博物館刊行物の冊子や論題が表示できること PDF データがある場合は目次もしくは全文のダウンロードが選択できること 以上 フルブラウジング用 HP の仕様 ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ PC によるフルブラウジング以外の端末への対応ページ 1. キオスク トップページ以下 基本的に前述のフルブラウジング用 HP 仕様と同様 メルマガ登録 のみ非表示とする フルブラウジング用 HPの公開版データを 随時館内 NASへバックアップする際 前項の 2 点の非表示処理を施したHPデータを生成し キオスク端末へコピーする キオスクに用いる端末は 現時点ではタッチパネルを想定しないが 今後の機器選定で Windows 8 対応になった際には 別途再検討を要する 2. スマホ フルブラウジング用 HP を閲覧できるよう 表現の再現性などに留意すること 3. ガラケー 前 2 者と異なり 独立して制作する画像をなるべく廃し キャリアや機種にほとんど依存しない ほぼ文字だけのシンプルなページとするまた フルブラウジング版への切り替えボタンを用意すること ガラケー TOP ページ 本体 HP TOP の新着情報やリンクバナーから タブレットPCやスマートフォン 携帯電話による閲覧に適した 簡素 なデザインのモバイル専用サイトを生成すること 以下 網掛け項目はトップページの項目として表示される項目ガラケー TOP- 1. 利用案内 下記の施設ごとにアクセスに関する必要最小限の情報を記載する 但し 地図だけは汎用地図へのリンクを設置すること - 本館 - 天神島臨海自然教育園 - 馬堀自然教育園 6
- ヴェルニー記念館 ガラケー TOP- 2. イベント イベント案内 登録データより 募集中であったり事前応募が不要だったりするイベントについて タイトルを抽出して一覧表示するとともに 開催概要を抽出した詳細ページにリンクして表示する 尚 一覧表示あたっては直近 3 ヶ月分 もしくは 10 件ごとに分けて表示すること 上記のデータは メルマガ管理 CMS もしくは同様のCMSによって生成 編集が可能なものとするガラケー TOP- 3. 展示 施設情報 - 特別展示 企画展示 トピックス展示 フルブラウジング用 HP 特別展示 企画展示 トピックス展示 より 開催中の展示や予定している展示について タイトル一覧と詳細ページを表示すること 上記のデータは メルマガ管理 CMS もしくは同様のCMSによって生成 編集が可能なものとする 下記の施設ごとに フルブラウジング用 HP 上の同様のカテゴリで解説しているコーナー名のみ列記する ( 平面図やコーナー解説のテキスト部分の転載は想定しない ) - 本館 - 天神島臨海自然教育園 - 馬堀自然教育園 -ヴェルニー記念館 ガラケー TOP- 4. メルマガ申込みフォーム メルマガに関する簡単な説明と メールアドレスの入力窓と 登録 / 解除 ができ るボタンを設置する ガラケー TOP- 5. 事業概要 博物館の使命や目的などを簡単に表示する 7