html 페이지의 디자인 다이어그램

Question

내 프로젝트는 간단한 html 페이지로만 웹 사이트를 개발하고 있습니다. 프로젝트를 시작하려면 먼저 UML 다이어그램의 종류를 사용해야 하는지를 이해할 수없는 설계 문서를 먼저 작성해야합니다.

Answer 1

아니요, UML 문서는 필요하지 않지만 올바르게 사용할 경우 매우 유용 할 수 있습니다. 나에게 많은 도움 다이어그램의

세 가지 유형은 다음과 같습니다

[1] (오브젝트와) 클래스 다이어그램이와

시작. 간단한 HTML 페이지의 경우, 매우 쉽습니다. 귀하의 웹 사이트가 가질 특정 페이지를 클래스로 그리십시오.

예를 들어, "Main"페이지 (index.html), 및 "Products"페이지가있는 웹 사이트 상점이 있습니다. 정적 HTML 페이지의 경우 "속성", "방법"을 건너 뛸 수 있습니다.

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

[2] 활동 다이어그램 ("U.M.L. Flowchar")

사용자가 다음 페이지를 진행하는 페이지에서 링크를 클릭

?

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

[3] 순서

그들은 활동 다이어그램과 유사를 다이어그램하지만, 그들은 더 두 차원 다이어그램처럼 더 복잡하다.

잘 이해하는 경우에만 사용하십시오.

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

참고 :이 예제에서 사용자 ("액터")는 블록 클래스로 표시됩니다.

U.M.L.을 사용하지 마십시오. 다이어그램, 당신이 그들을 이해하지 못하면 그것은 당신을 돕는 대신에 당신의 일을 어렵게 만들 것입니다.

건배.

Answer 2

대부분의 시나리오에서 사용 사례는 최소한 기능 요구 사항을 식별하는 데 도움이됩니다. 활동 다이어그램은 웹 사이트와의 사용자 상호 작용을 플로팅하는 데 유용 할 수 있습니다. 그런 다음 시퀀스 또는 구성 요소 다이어그램을 사용할 수 있습니다. 일반적으로 클래스 다이어그램은 늦게 나타납니다.

하지만 기본적으로 선택은 전적으로 귀하에게 달려 있습니다. UML은 어떠한 프로세스 제한도 설정하거나 필요로하지 않습니다. 다이어그램은 같은 주제에 대해 다른 견해를 제공합니다. UML 책을 들고 다이어그램 유형이 무엇에 가장 적합한 지 첫 인상을 얻으십시오. 그것은 당신의 질문에서 기본 지식이 빠져있는 것 같습니다 (당신이 이미 한 어떤 연구도 지적하지 않았기 때문입니다).

UML 만 사용하는 것이 아닙니다. 아마 마인드 맵이 할거야. 그것은 당신의 임무에 달려 있습니다.