비평가, UML 활동 다이어그램이 필요합니다 (내부 이미지)

Question

여기 내 질문이 있습니다 HTML/JavaScript 코더와 서버 스크립팅 언어 코더 간의 상호 작용?

이 과정을 설명하기 위해 활동 다이어그램을 만들기로 결정했습니다.

1. 사용자는 "편집"버튼을 클릭합니다
2. Preloader는 사용자에게 표시됩니다
3. ajax 요청은 url/ajax_request/category/{category_id}로 전송됩니다. 우리는 JSON 형식의 답변을 기대하고 있습니다
4. 타이머가 시작되었습니다. 답변이 10 초 이내에받지 않은 경우 - "연결 시간 초과를 표시하십시오. 페이지를 새로 고치고 한 번 더 시도해보십시오."
5. AJAX 요청은 VAR 데이터로 수신됩니다
6. Preloader를 숨기십시오
7. Data.success가 거짓인지 확인한 다음 "무언가가 잘못 된 것"을 보여주십시오.
8. 컨테이너에 data.html을 넣으십시오

여기 내 다이어그램이 있습니다 (내 첫 UML 다이어그램 :))

대체 텍스트 http://img2.pict.com/a4/77/73/2821248/0/screenshot2b106.png

이 방법으로 JavaScript 코더와 PHP 코더 간의 상호 작용을 설명하는 데 적합하다고 생각하십니까?

모든 도움이 감사합니다.

추신 : 이제 나는 서버에 전달 된 데이터를 설명하고 서버로 다시받는 방법을 찾고 있습니다. 어떤 아이디어?

고맙습니다.

Answer 1

귀하의 다이어그램은 귀하가 의사 소통하려는 내용을 나타냅니다. Java 스크립트 프로그래머가 구현 해야하는 조치 순서. 다이어그램을 보면 텍스트보다 훨씬 더 많이 말합니까? 읽기가 훨씬 쉽다고 생각하십니까? 개인적으로, 나는 이와 같은 다이어그램이 너무 유용하지 않다고 생각합니다. 나의 suugestion은 단순히 비전이나 파워 포인트 등으로 그려진 스토리 보드를 사용하는 것입니다.

상태 다이어그램을 사용하여 화면 흐름을 나타낼 수 있지만 오늘날의 Web 2.0 Ajax World는 화면 지향이 아니므로 스토리 보드를 대신 사용하는 경향이 있습니다.

클래스 다이어그램을 사용하여 중요한 객체를 설계합니다. 전화하는 서비스와 데이터가 서비스와 서비스로 전달되었습니다. 화면이 복잡한 경우 각 화면에 대한 클래스 다이어그램이있을 수도 있습니다.