<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE document PUBLIC
  "-//Apache Software Foundation//DTD XDOC 1.0//EN"
  "http://maven.apache.org/dtd/xdoc_1_0.dtd">

<document>
  <properties>
    <title>開発手順 - Step by Step</title>
    <author email="kurokkie@users.sourceforge.jp">kurokkie</author>
  </properties>
  <body>
    <section name="開発手順（ブログの作り方）">
      <p>
本ページでは、United Front 2 での開発手順がどのようになるかを、ブログ開発を例に挙げて解説します。このブ
ログは簡易なものですが、実際に United Front 2 で実装しています。ブログの要件は次のとおりです。
      </p>
      <ul>
        <li>所有者はブログに記事を投稿できること</li>
        <li>所有者はブログを公開（または非公開）できること</li>
        <li>所有者は複数のブログを保持できること</li>
        <li>ブログの読者は記事にコメントを投稿できること</li>
      </ul>
    </section>
    <section name="ブログ機能概要">
      <p>ブログ機能の概要を簡単に説明します。</p>
      <dl>
        <dt>ブログ作成</dt>
        <dd>
ブログコードの入力画面から、アクセス権限の設定、概要の作成という一連の画面遷移を経てブログが作成されます。
          <ol>
            <li>ブログコード入力画面
              <div class="source"><img src="images/sbs_blogCreate_code.png" alt="ブログコード入力画面"/></div>
            </li>
            <li>参照権限設定画面
              <div class="source"><img src="images/sbs_blogCreate_readAccessControl.png" alt="参照権限設定画面"/></div>
            </li>
            <li>投稿権限設定画面
              <div class="source"><img src="images/sbs_blogCreate_postAccessControl.png" alt="投稿権限設定画面"/></div>
            </li>
            <li>タイトル・概要入力画面
              <div class="source"><img src="images/sbs_blogCreate_overview.png" alt="タイトル・概要入力画面"/></div>
            </li>
          </ol>
        </dd>
      </dl>
      <dl>
        <dt>ブログ参照</dt>
        <dd>ブログ参照画面
          <div class="source"><img src="images/sbs_blogView.png" alt="ブログ参照画面"/></div>
        </dd>
      </dl>
      <dl>
        <dt>ブログ更新</dt>
        <dd>
ブログの基本情報を更新します。ブログ作成機能と同じ画面遷移です。
          <ol>
            <li>ブログコード入力画面
              <div class="source"><img src="images/sbs_blogUpdate_code.png" alt="ブログコード入力画面"/></div>
            </li>
            <li>参照権限設定画面
              <div class="source"><img src="images/sbs_blogUpdate_readAccessControl.png" alt="参照権限設定画面"/></div>
            </li>
            <li>投稿権限設定画面
              <div class="source"><img src="images/sbs_blogUpdate_postAccessControl.png" alt="投稿権限設定画面"/></div>
            </li>
            <li>タイトル・概要入力画面
              <div class="source"><img src="images/sbs_blogUpdate_overview.png" alt="タイトル・概要入力画面"/></div>
            </li>
          </ol>
        </dd>
      </dl>
      <dl>
        <dt>ブログ削除</dt>
        <dd>ブログ削除画面
          <div class="source"><img src="images/sbs_blogDelete.png" alt="ブログ削除画面"/></div>
        </dd>
      </dl>
      <dl>
        <dt>ブログウィジェット</dt>
        <dd>サイドバーに、公開中のブログを表示するウィジェットです。
          <div class="source"><img src="images/sbs_blogWidget.png" alt="ブログウィジェット画面"/></div>
        </dd>
      </dl>
      <p>
ブログ機能には、その他にもブログへ投稿する機能や記事を参照する機能などがありますが、ここでは説明を割愛しま
す。
      </p>
    </section>
    <section name="目次">
      <p>
目次は一般的な開発の順序で構成されています。実際の開発では、順番を逆にしたり、何度も反復させながら進める
ことになります。
      </p>
      <ol>
        <li><a href="sbs_dmDesign.html">ドメインモデルの設計</a></li>
        <li><a href="sbs_daoDesign.html">データアクセスオブジェクトの設計</a></li>
        <li><a href="sbs_tmDesign.html">テーブルモジュールの設計</a></li>
        <li><a href="sbs_daoTestImpl.html">データアクセスオブジェクトのテストと実装</a></li>
        <li><a href="sbs_dmTestImpl.html">ドメインのテストと実装</a></li>
        <li><a href="sbs_web.html">Web の設計と実装</a></li>
      </ol>

<script type="text/javascript">
var ID='100354378-sbs';
var AD=1;
var FRAME=0;
</script>
<script src="http://j1.ax.xrea.com/l.j?id=100354378" type="text/javascript"></script>
<noscript>
<a href="http://w1.ax.xrea.com/c.f?id=100354378" target="_blank"><img src="http://w1.ax.xrea.com/l.f?id=100354378&amp;url=X" alt="AX" border="0"/></a>
</noscript>

    </section>
  </body>
</document>
