웹 응용 프로그램 흐름 문서화 / 반복 [폐쇄

StackOverflow https://stackoverflow.com/questions/825261

문제

정적 페이지와 동적보기 구성 요소 (HTML 양식, JSP, AJAX 등) 간의 링크를 고려하여 웹 애플리케이션의 흐름을 문서화하는 데 사용되는 아티팩트 / 다이어그램이 서버 측 구성 요소 (서블릿, 스트럿 동작 등)와 상호 작용합니다. ? UML 다이어그램을 사용합니까?

도움이 되었습니까?

해결책

Conallen의 에세이 변형을 사용하여 UML 클래스 다이어그램을 사용했습니다. UML로 웹 애플리케이션 디자인 모델링. 이 에세이가 진화했을 것입니다 그물 주위의 다른 화신 그리고 심지어 책이되었습니다 건물 -web 적용 -UML-2nd.

우리가 사용한 접근 방식의 2 센트 투어 :

ConAllen의 논문에 따라, 우리는 새로운 UML 엔티티 (스테레오 타입)를 정의하여 웹 페이지 또는 페이지의 일부를 표시하여 클라이언트 측 HTML/javaScript/ajax에서 서버 측 코드 (예 : Java Servlet 또는 JSP)를 구별 할 수 있도록 정의했습니다. 생성 된 것. 예를 들어 :

  • 웹 페이지
  • Nav Bar
  • 페이지-콘텐츠
  • 헤더
  • 보행인

다음과 같은 새로운 협회가있었습니다.

  • 빌드] - 서버 측 코드를 웹 페이지 또는 페이지 조각과 관련하여 생성 한 페이지 조각
  • Apporent -Link] - Siteemap 다이어그램의 클라이언트 페이지간에 사용
  • 링크] - URL 링크, 즉 GET 요청
  • 제출] - 서버로 다시 게시하는 양식, 즉 게시물 요청
  • Client-Redirect]-클라이언트 측 리디렉션
  • 서버 - 빨간색] -Duh

마지막으로, 일부 새로운 다이어그램 (주로 클래스 다이어그램의 전문화) : :

  • siteemap] -> 클래스 다이어그램처럼 -사용자의 관점에서 [웹 페이지] 사이의 정적 관계 ([명백한 링크] s)를 보여줍니다.
  • Page -Generation] -> 클래스 다이어그램처럼 -특정 웹 페이지 표시와 정적으로 관련된 클래스를 보여줍니다. 생성 한 코드, 게시물 제출물을 처리하는 코드
  • Page -Composition] - 클래스 다이어그램과 마찬가지로 주어진 [웹 페이지]를 구성하는 것들을 보여줍니다.
  • 시퀀스 다이어그램] - 다른 변경 사항은 시퀀스 다이어그램이 이제 클라이언트 측 엔티티를 행위자로 포함시킬 수 있다는 것입니다.

좋은 뉴스:

  • 우리는 다이어그램을 반 정도 보이게 만드는 데 필요한 합리적인 장미 아이콘 확장을 발견했습니다.

나쁜 소식 :

  • 이 접근법은 많은 작업이었습니다. 이제 우리는 이제 서버 측 클래스 외에 클라이언트 측 엔티티를 모델링 한 이후로 모델을 두 배로 늘 렸습니다.

내가 말하는 내용의 사진에 대한 Conallen 논문 중 하나를 읽지 만, 내가 말했듯이, 그의 접근 방식을 엄격히 따르지 않았습니다. 우리는 필요한 조각 만 가져갔습니다. 도움이 되었기를 바랍니다.

다른 팁

과거에 웹 앱에 대한 페이지 탐색을 문서화하기 위해 UML 상태 다이어그램을 사용했습니다.

응용 프로그램 개발에 대한 37Signals 접근 방식을 취하는 것이 좋습니다.

각 페이지에는 목적이 필요합니다. 그 목적에 초점을 맞추고 주변의 다른 모든 것을 설계하십시오.

프로세스:

  • a로 주요 부분을 스케치하십시오 샤피와 종이
  • 목록 항목
  • 세부 사항을 무시하십시오 일찍 (그들은 방금 방해가됩니다)
  • 가능한 한 빨리 무언가를 만듭니다 (즉, 응용 프로그램이 어떻게 흐르는지 보여주기 위해 다른 페이지로 이동하는 링크가있는 HTML 파일 몇 개를 만듭니다.
  • 사이트의 흐름이 설정되면 설계 구성 요소를 추가하고 프로그래밍을 시작합니다.

기존 프로그래밍을 중심으로 작업하기 위해 이미 설계되고 생각 된 것에 대해 프로그래밍을 추가하는 것이 훨씬 쉽습니다. 대부분의 경우 코드를 처음에 놓친 설계/흐름 문제에 적응하도록 코드를 다시 작성해야합니다).

활동 다이어그램의 일부로서 사용 사례는 일부 광산 동료들이 사용하지만, 이는 일부 정적 높은 레벨 내비게이션 개요에 적합합니다.

Webrat과 함께 오이에 사용되는 BDD 시나리오 형식과 유사한 사용자 정의 DSL을 개발하려고합니다. IMHO 이러한 시나리오에는 상호 작용 및 웹 페이지 모델을 생성하기에 충분한 정보가 포함되어 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top