1

私のプロジェクトは、単純なhtmlページのみを使用してWebサイトを開発しています。プロジェクトを開始するには、最初に設計ドキュメントを作成する必要があります。どのようなUML図を使用すればよいか理解できません。

4

2 に答える 2

8

いいえ、UML ドキュメントは必要ありませんが、適切に使用すれば非常に役立ちます。

私が大いに役立つ3種類の図は次のとおりです。

[1] (オブジェクトと) クラス図

これで始めます。単純な HTML ページの場合は、非常に簡単です。クラスを使用して、Web サイトに含める特定のページをそれぞれ描画するだけです。

この例では、「メイン」ページ (index.html) と「商品」ページを含む Web サイト ストアがあります。静的 HTML ページの場合、「プロパティ」、「メソッド」をスキップできます。

..............................................
..+----------------+..+--------------------+..
..| * : MainPage   |..| * : ProductsPage   |..
..+----------------+..+--------------------+..
..|                |..|                    |..
..|                |..|                    |..
..|                |..|                    |..
..+----------------+..+--------------------+..
..............................................

[2] アクティビティ図 (「UML フローチャート」)

ユーザーがページからリンクをクリックしたとき、次のページはどれですか?

......................
.........(O)..........
..........|...........
..........|...........
..........v...........
..+----------------+..
..|  Enter         |..
..|  (MainPage);   |..
..|                |..
..+----------------+..
..........|...........
..........|...........
..........v...........
..+----------------+..
..|  ClickLink     |..
..| (CatalogPage); |..
..|                |..
..+----------------+..
..........|...........
..........|...........
..........v...........
..+----------------+..
..|  Enter         |..
..| (CatalogPage); |..
..|                |..
..+----------------+..
..........|...........
..........|...........
..........v...........
.........(X)..........
......................

[3] シーケンス図

これらはアクティビティ図に似ていますが、より複雑で、2 次元の図に似ています。

それらをよく理解している場合にのみ使用してください。

.........................................................................
......+--------------+.....+--------------+........+-----------------+...
......| * : User     |.....+ * : MainPage +........| * : CatalogPage |...
......+-------+------+.....+------+-------+........+--------+--------+...
..............|...................|.........................|............
............+-+-+...............+-+-+.....................+-+-+..........
....start().|   |...enter().....|   |.....................|   |..........
.(O)=======>+   +==============>+   |.....................|   |..........
............|   |...............|   |..Show().............|   |..........
............|   |...............|   +===+.................|   |..........
............|   |...............|   |...!.................|   |..........
........+---+   |<--------------|   +<==+.................|   |..........
........|...|   |...............|   |.....................|   |..........
........|...|   |.ClickLink.....|   |.....................|   |..........
........|...|   |...("Catalog").|   |.......enter().......|   |..Show()..
........+-->+   +==============>+   +====================>+   +===+......
............|   |...............|   |.....................|   |...!......
............|   |...............+-+-+.....................|   |...!......
...finish().|   |.........................................|   |...!......
.( )<-------+   +<----------------------------------------+   +<==+......
............|   |.........................................|   |..........
............+-+-+.........................................+---+..........
.........................................................................

注: この例では、ユーザー (「アクター」) はブロック クラスとして表示されます。

UML ダイアグラムの使用を強要しないでください。理解していないと、役に立たず、作業が難しくなります。

乾杯。

于 2013-02-06T17:28:02.767 に答える
0

ほとんどのシナリオでは、ユース ケースは、少なくとも機能要件を特定するのに役立ちます。アクティビティ図は、Web サイトとのユーザー インタラクションをプロットするのに適しています。その後、シーケンス図またはコンポーネント図を使用できます。通常、クラス図は遅れて表示されます。

しかし、基本的に、選択は完全にあなた次第です。UML は、プロセスの制約を設定したり、要求したりしません。これらの図は、同じ主題について異なる見解を示しているだけです。UML の本を手に取り、どのダイアグラム タイプが何に最適かを第一印象で判断してください。あなたの質問から、そこには基本的な知識が欠けているようです(すでに行った調査を指摘していないため)。

UML だけが選択肢ではないことに注意してください。たぶんマインドマップでいいでしょう。それはあなたの仕事次第です。

于 2013-02-06T15:16:22.693 に答える