작업 지향 웹 애플리케이션에 적용 가능한 경우 페이지 흐름을 그래픽으로 표현하는 가장 좋은 방법은 무엇입니까?
문제
작업 지향 웹 애플리케이션에 적용 가능한 경우 페이지 흐름을 그래픽으로 표현하는 가장 좋은 방법은 무엇입니까?
페이지 흐름 (페이지 흐름 다이어그램)을 나타내는 데 사용하는 모델 (뷰), 해당보기 (이벤트) 및 프로세스에 대한 사용자 작업은 무엇입니까?
이 다이어그램은 비즈니스 도메인 전문가 (전자 상거래 웹 사이트를 지정하는 사람), 기술 분석가 (웹 응용 프로그램 설계를 담당하는 사람) 및 웹 개발자 (솔루션 구현 책임있는 사람) 간의 이해를위한 출발점 역할을해야합니다. )
해당 다이어그램을 그리는 데 도움이되는 소프트웨어 솔루션을 찾고 있지 않으며 소프트웨어에서 이러한 페이지 흐름을 구현할 수있는 웹 흐름 프레임 워크를 찾고 있습니다.
나는 그러나 연필과 종이를 사용하여 페이지 흐름을 그릴 수있는 좋은 계획을 찾고 있습니다.
예를 들어, 좋은 대답은 다음과 같습니다.
- 캡에 레이블이있는 사각형은 페이지를 나타냅니다
- 소문자에 레이블이있는 화살표는 사용자 작업을 나타냅니다
- 캡에 레이블이있는 다이아몬드는 프로세스를 나타냅니다
- 항상 왼쪽에서 진입 지점 (화살표는 왼쪽에서 페이지로 나옵니다)
- 항상 오른쪽에서 출구 지점 (화살표는 페이지에서 오른쪽으로 나옵니다)
허용 된 표준이 있거나이 문제 공간이 실제로 표준이있는 더 큰 문제 공간의 특정 사례 인 경우,이를 강조하십시오.
스택 오버 플로우의 정신으로, 답변 당 하나의 계획을 제발하고, 복제 대신 투표합니다.
해결책
나는 항상 좋아했습니다 제시 제임스 개렛 시각적 언어.
다른 팁
NAML (.NET 응용 프로그램 모델링 언어)을 확인하십시오. Visio 스텐실이 포함되어 있으며 매우 흥미로운 AMD 표현입니다.
상태 차트 다이어그램을 수정하는 것이이 목적에 가장 유용하다는 것을 알았습니다. 나는 상태로 시각적 리소스 (HTML 또는 JSP 페이지)를 나타내며 전환은 해당 페이지에서 사용자가 수행 할 수있는 작업입니다.
그런 다음 시각적 페이지 사이의 동작에 대한 다른 기호를 소개합니다.
상태 다이어그램은 비 기술적 인 사람이 쉽게 따라 가고 복잡한 상호 작용을 포착하기에 충분히 표현할 수 있습니다.
사용하기 쉽고 멋진 "Scruffy"다이어그램을 생성하므로 yuml.me를 살펴보십시오.