ここでは、スマートフォンで普通にYahooや気になるカフェのホームページを利用しているけど、どのようにできているのか？なんて考えたこともなく想像もつかない！という人のために作成しました。

カフェのホームページといっても、TOPページがあり、食事やドリンクのメニュー、季節限定メニューの紹介、お店の場所案内、従業員募集などのページが多数あります。

そして、ナビゲーションなどのメニューがあり、それをクリックすることで、各ページを表示することができます。

ここでは

• ホームページを構成しているページについて
• ホームページの内容を「どこで」「どのように」編集しているのか？
• 各ページをどのように配置しているのか？

クライアント側でホームページの編集をする目的と背景

クライアント側の作業ができる機能として、「お知らせ」などの最新情報をユーザーへ告知する機能やBlogなどの機能を使ってコンテンツ情報を公開する機能が一般的ですが、本システムでは、クライアント側でホームページの内容を追加編集する機能を搭載しています。

通常では、HPの「メニューの項目を増やす」、「ページ内の情報を追加/削除」するなどの作業は内部ファイルなどを編集する必要があるためシステム会社へ依頼をする必要があり、同時にシステム会社へ支払う作業料が発生します。

本システムでは、クライアント側でHPを作成/編集を可能とする設計及び管理画面を構築しており、従来のホームページ運用で発生するであろうカスタマイズ費用の80％以上を抑えることを可能としています。

• ホームページ運用の費用を大幅にコストダウンができます
• システム会社へ依頼をする時間的（下準備・実際の打合せ）コストを無くすことができます
• 修正を公開後にもスピーディーに再修正ができます

また、クライアント側で作業をする担当者が不在の場合であっても、仮にシステム会社側へ依頼する場合でも本システムが搭載されていることで作業量も軽減することが可能であり、月々の保守費用でまかなうことも可能であります。

よって、作業の担当者様には、本システムの利用方法及び目的と背景を理解をして頂き、使う前にまずは目的と背景と輪郭だけでも描いていただければと思います。

本システムでは、ホームページ（以下 HP）の作成の知識がない人でも本システムの機能を使うことでHPを作成できるように構築されています。対象としては、パソコンでマイクロソフトのWordなどを使ったことがある。という人を前提としています。

• 専用のコードなどの知識がなくても
• Word を使うような感じでHP文章の作成ができる
• 本システムのマニュアル（テンプレート、使い方など）を順次用意してあります

文章を作成するフォーム

このフォームで文章や画像を張り付けてコンテンツを作成します。本システムでは「エディター」と呼んでいます。マイクロソフトの簡易版のWordのようなものになります。

サンプルとして脊椎脊髄班のHPの構造を現したものです。

上から見ると「全体TOP」があり、「医師紹介」、「脊椎脊髄」、「側弯症」とあり、この下に「医師」、「脊椎脊髄の疾患」、「側弯症の疾患」があります。

患者の目線と実態業務からの構造化

このHPの対象となる利用者ユーザーは患者になります。患者の皆さんには、それぞれの疾患があり治療法も担当する専門の医師もことなるため一括りにすることができません。

そのため「腰部脊柱管狭窄症」や「椎間板ヘルニア」や「子供の側弯症」などの疾患情報ページをそれぞれに作成して、それらをまとめるために「脊椎脊髄」「側弯症」のTOPページが必要となっています。

病院の組織構造での整形では「脊椎脊髄、上肢、下肢、腫瘍」とあり、脊椎脊髄班でも「脊椎、脊髄、側弯症」と分類されています。

また、医師についても専門が分かれています。患者からの目線と業務実態を考察して結果として上記のような構成要素となっています。

上記の構造化された表の各ページも管理画面（ダッシュボード）のメニューから編集ができます。

「全体TOP」「医師紹介」「プロフィール」「疾患の情報」などもWordのドキュメントのようにページに情報が記述されていて、そのページはカテゴリ別に分けて管理されています。そして、各ページは、用途に合わせたフォームで情報を入力をします。

	HPを編集するための管理画面のTOPページです。 左側の赤く囲んだところにページを編集するためのメニューがあります。
	メニューの「Pages」をクリックすると、「全体TOPページ」、「医師紹介TOPページ」、「脊椎脊髄TOPページ」、「側弯症TOPページ」などがあり、これを開くと各ページの編集ができます。
	メニューの「脊椎・脊髄」の中には、「腰部脊柱管狭窄症」や「椎間板ヘルニア」の疾患情報のページが入っています。
	「腰部脊柱管狭窄症の手術」の編集ページになります。

本システムでは、HPを構成するための機能をあらかじめ搭載してあります。

• ページ内にコンテンツを作成する機能
• 作成されたページを指定の場所で表示する機能

などの機能を搭載しています。

下記は、複数枚の画像と文章のコンテンツを「2col Gallery | Editor A」というセクションテンプレートで表示しています。

イメージとして、マイクロソフトの Word （または、Google ドキュメント）でツールバーから画像を挿入するメニューを使用して画像などを張り付けますが、同様にツールメニューから「2col Gallery | Editor A」を選択して専用のフォームから画像と文章を入力すると下記のような表示が完成されます。

これは、HPを開いた時に上にある、ナビゲーションのメニューになります。

各メニューの「専門医の紹介」や「脊椎疾患」などのページは、「Pages」から作成されますが、どのようにしてナビゲーションのメニューに表示させるのか？

	管理画面の「Edit Section」の「Header」をクリックします。
	ナビゲーションのメニューを編集するフォームがあります。リンクテキストとページのURLを入力します。

Whats New とは、サイトからのお知らせになり、論文が発表された時やプレスリリースとして利用をします。

お知らせの記事は、管理画面のお知らせから作成をします。
そして、「Whats New」というセクションテンプレートというツールを使用することで、記事の一覧を表示することができます。