Vosegus Sakura

  1. Home
  2. Vosegus Labs
  3. Web コンテンツ管理アプリケーションの設計

Web コンテンツ管理アプリケーションの設計

Vosegus Labs

開発の目的

ページ上部へ

追加機能

  • 拡張子毎にテンプレートを選択
  • パンくずリストの拡張
  • body に id と class を追加
  • ドキュメント毎の関連ファイルの管理
  • ドキュメントのタグ付け
  • カテゴリ毎のインデックスファイルの自動生成
  • タグ毎にソートされたインデックスファイルの自動生成

概念図

データベースから関連情報を引き出し、選択されたテンプレートからファイルを生成

ページ上部へ

UI 設計

ナビゲーション設計

メインナビゲーション

  • ドキュメント一覧
  • 新規作成
  • 関連ファイル管理
  • タグ管理
  • ドキュメントの更新

テンプレートナビゲーション（タブ形式）

  • HTML
  • PHP
  • 自由形式

テンプレート別構成要素一覧

HTML

  • テンプレートの選択
  • パンくずリストの追加パス及びラベル
  • 本文
  • 作成日・更新日
  • ドキュメントタイトル
  • ドキュメント id
  • メタ（キーワード）
  • 関連ファイル
  • ドキュメントユニークヘッダ（ head タグ内に記述する Script Style）
  • タグ

PHP （HTML 内に記述）

  • テンプレートの選択
  • パンくずリストの追加パス及びラベル
  • 本文
  • 作成日・更新日
  • 文書型宣言以前に記述する PHP コード
  • ドキュメントタイトル
  • ドキュメント id
  • メタ（キーワード）
  • 関連ファイル
  • ドキュメントユニークヘッダ（ head タグ内に記述する Script Style）
  • タグ

自由形式

  • 拡張子（テンプレート）の選択
  • 本文

UI のレイアウト構造

HTML

id class の入力エリア、ユニークヘッダ、タイトルの入力エリアは編集の際は隠す。新規作成の際は表示。

HTML を編集する際のレイアウト構造

PHP

id class PHP の入力エリア、ユニークヘッダ、タイトルの入力エリアは編集の際は隠す。新規作成の際は表示。

PHP（HTML 内に記述) を編集する際のレイアウト構造

自由形式

自由形式で編集する際のレイアウト構造

ページ上部へ

データベースの構造設計

ドキュメント管理テーブル

CREATE DATABASE vosegus1 CHARACTER SET utf8; CREATE TABLE documents( document_id SMALLINT UNSIGNED AUTO_INCREMENT, template VARCHAR(40), extension VARCHAR(40), key_word VARCHAR(100), path VARCHAR(100), topic_path TEXT, id VARCHAR(40), class VARCHAR(40), title TINYTEXT, unique_head TEXT, head_php TEXT, contents LONGTEXT, create_date DATE, mod_date DATE, category_id VARCHAR(10), tag_id VARCHAR(10), file TINYTEXT, CONSTRAINT pk_documents PRIMARY KEY (document_id) );

タグ管理テーブル

CREATE TABLE tag( tag_id SMALLINT UNSIGNED AUTO_INCREMENT, tag_name VARCHAR(40), CONSTRAINT pk_tag PRIMARY KEY (tag_id) );

カテゴリ管理テーブル

CREATE TABLE category( category_id SMALLINT UNSIGNED AUTO_INCREMENT, category_name VARCHAR(100), CONSTRAINT pk_category PRIMARY KEY (category_id) );

ページ上部へ

PHP の構造設計

機能

  • データベースへのデータを取得し一覧で表示
  • データベースへのデータ追加
    • HTML ファイルデータの追加
    • PHP ファイルデータの追加
    • 自由形式ファイルデータの追加
    • カテゴリの追加
    • タグの追加
  • データベースへのデータ更新
    • HTML ファイルデータの更新
    • PHP ファイルデータの更新
    • 自由形式ファイルデータの更新
    • カテゴリの更新
    • タグの更新
  • データベースのデータ削除
  • テンプレートの選択
  • データベースのデータから HTML XML PHP ファイルの出力
    • HTML ファイルデータの出力
    • PHP ファイルデータの出力
    • 自由形式ファイルデータの出力
  • カテゴリーインデックス HTML ファイルの自動生成
  • 新着情報用 XML ファイルの自動生成
  • 全てのファイルを再構築

機能に基づく関数

  • データベースに接続
  • データベースへデータの追加
  • データベースのデータの削除
  • データベースの更新
  • テンプレートを選択してファイルを出力
  • 新規ドキュメント作成時の>新着情報用 XML ファイル・カテゴリインデックスの自動生成
  • 全てのファイルを再構築

ページ上部へ