私のプロジェクトは、単純なhtmlページのみを使用してWebサイトを開発しています。プロジェクトを開始するには、最初に設計ドキュメントを作成する必要があります。どのようなUML図を使用すればよいか理解できません。
2 に答える
いいえ、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 ダイアグラムの使用を強要しないでください。理解していないと、役に立たず、作業が難しくなります。
乾杯。
ほとんどのシナリオでは、ユース ケースは、少なくとも機能要件を特定するのに役立ちます。アクティビティ図は、Web サイトとのユーザー インタラクションをプロットするのに適しています。その後、シーケンス図またはコンポーネント図を使用できます。通常、クラス図は遅れて表示されます。
しかし、基本的に、選択は完全にあなた次第です。UML は、プロセスの制約を設定したり、要求したりしません。これらの図は、同じ主題について異なる見解を示しているだけです。UML の本を手に取り、どのダイアグラム タイプが何に最適かを第一印象で判断してください。あなたの質問から、そこには基本的な知識が欠けているようです(すでに行った調査を指摘していないため)。
UML だけが選択肢ではないことに注意してください。たぶんマインドマップでいいでしょう。それはあなたの仕事次第です。