दस्तावेजीकरण वेब अनुप्रयोग फ्लो/Iteraction

Question

क्या कलाकृतियों/चित्र सर्वर साइड के साथ बातचीत एक वेब अनुप्रयोग स्थैतिक पृष्ठों और कैसे गतिशील दृश्य घटकों के बीच खाता लिंक को ध्यान में रखकर (HTML रूपों, JSP, अजाक्स, आदि) के प्रवाह दस्तावेज़ के लिए प्रयोग करते हैं घटक (Servlets, स्ट्रेट्स कार्रवाई, आदि)? यूएमएल आरेखों का प्रयोग करें?

गतिविधि आरेख के हिस्से के रूप

Answer 1

हम यूएमएल वर्ग Conallen द्वारा लिखे गए निबंध Modeling Web Application Design with UML की भिन्नता का उपयोग कर चित्र का इस्तेमाल किया। आप इस निबंध different incarnations around the net में विकसित हुआ है और यहां तक ​​कि एक किताब Building-Web-Applications-UML-2nd बन गया है मिल जाएगा।

मेरे दृष्टिकोण हम इस्तेमाल की 2-प्रतिशत टूर:

Conallen के कागज के बाद, हम एक वेब पेज या एक पृष्ठ का वह हिस्सा प्रतिनिधित्व करने के लिए एक नया यूएमएल संस्थाओं (लकीर के फकीर) में परिभाषित किया गया है, ताकि हम सर्वर प्रतिष्ठित सकता है साइड कोड (जैसे जावा सर्वलेट या JSP] क्लाइंट साइड HTML/जावास्क्रिप्ट से/AJAX यह उत्पन्न कि उदाहरण के लिए:।

• [वेब पेज]
• [नेविगेशन बार]
• [पेज-सामग्री ]
• [हैडर]
• [पाद लेख]

थे जैसे नए associationss:

• [बनाता है] - वेब पेज या पेज टुकड़ा यह
उत्पन्न करने के लिए सर्वर-साइड कोड से संबंधित है
• [स्पष्ट लिंक] -
• [कड़ी] साइटमैप चित्र पर ग्राहक पृष्ठों के बीच इस्तेमाल किया - URL लिंक, यानी GET अनुरोध
• [प्रस्तुत] - प्रपत्र पोस्ट सर्वर को वापस, यानी पोस्ट अनुरोध
• [ग्राहक-रीडायरेक्ट] - क्लाइंट साइड अनुप्रेषित
• [सर्वर-रीडायरेक्ट] - ओह

अंत में, कुछ नया चित्र जैसे (ज्यादातर सिर्फ वर्ग चित्र की विशेषज्ञताओं):

• [साइटमैप] -> एक वर्ग रेखाचित्र की तरह -> एक वर्ग रेखाचित्र की तरह - देखने के उपयोगकर्ता के बिंदु
• [पेज पीढ़ी] से स्थिर संबंधों ([स्पष्ट लिंक] रों) के बीच [वेब पेज] रों चलता - एक डिस्प्ले से संबंधित वर्गों को दिखाता है एक विशिष्ट वेब पेज को मारना: कौन सा कोड उत्पन्न हुआ, कौन सा कोड पोस्ट सबमिशन
• [पृष्ठ-संरचना] - एक वर्ग आरेख की तरह - उन चीजों को दिखाता है जो एक दिए गए [वेब पेज]
• [अनुक्रम आरेख ] - एकमात्र अन्य परिवर्तन यह था कि अनुक्रम आरेखों में अब कलाकारों के रूप में क्लाइंट-साइड इकाइयां शामिल हो सकती हैं।

अच्छी खबर:

• हम वाजिब गुलाब आइकन एक्सटेंशन हम चित्र आधा सभ्य लग रही बनाने के लिए आवश्यक पाया।

बुरी खबर:

• इस दृष्टिकोण एक बहुत काम था - हम अब के बाद से अब हम सर्वर के अलावा क्लाइंट साइड संस्थाओं मॉडलिंग कर रहे थे के साथ मॉडल करने के लिए दो बार के रूप में कई संस्थाओं था साइड कक्षाएं

मैं क्या बात कर रहा हूँ के चित्रों के लिए Conallen कागजात में से एक पढ़ें, लेकिन जैसा कि मैंने कहा, अपने दृष्टिकोण को कड़ाई से पालन नहीं किया - हम केवल टुकड़े हम जरूरत ले लिया। उम्मीद है की यह मदद करेगा।

Answer 2

उपयोग मामलों मेरा सहयोगियों के कुछ लोगों द्वारा उपयोग किया जाता है, लेकिन यह शायद कुछ स्थिर उच्च स्तर नेविगेशन अवलोकन के लिए अच्छा है।

मैं कस्टम डीएसएल विकसित करने वाला हूं, जो कि ब्रैब्रड के साथ ककड़ी में उपयोग किए गए बीडीडी परिदृश्य प्रारूप जैसा दिखता है, आईएमएचओ ऐसे परिदृश्यों में इंटरैक्शन और वेब पेज मॉडल बनाने के लिए पर्याप्त जानकारी होती है।

Answer 3

मैंने पहले भी वेब ऐप्लिकेशन के लिए पृष्ठ नेविगेशन के दस्तावेजीकरण के लिए यूएमएल राज्य चित्र का इस्तेमाल किया।

Answer 4

मैं अनुप्रयोग विकास के लिए 37signals दृष्टिकोण उठाने की सलाह देते।

प्रत्येक पृष्ठ को उद्देश्य होना चाहिए। पहले उस उद्देश्य पर ध्यान केंद्रित करें और इसके चारों ओर सब कुछ डिज़ाइन करें।

प्रक्रिया: एक sharpie and paper

सूची आइटम

ignore the details पर (वे सिर्फ रास्ते में)

संभव के रूप में वास्तविक रूप में जल्द ही कुछ बनाना (जल्दी के साथ बाहर मुख्य भागों

• स्केच यानी। कैसे आवेदन प्रवाह होगा
• एक बार साइट के प्रवाह को सेट कर दिया जाता तो डिजाइन घटकों को जोड़ने दिखाने के लिए लिंक के साथ कुछ html फ़ाइलें कि अन्य पृष्ठों पर जाना बना सकते हैं और प्रोग्रामिंग

यह कुछ ऐसा है जो पहले से ही डिजाइन किया गया है और मौजूदा प्रोग्रामिंग (जो ज्यादातर मामलों में/प्रवाह मुद्दों डिजाइन करने के लिए अनुकूल करने के लिए फिर से लिखा जा करने के लिए कोड की आवश्यकता है के आसपास काम करने के लिए एक एप्लिकेशन को डिजाइन बनाम बाहर सोचा करने के लिए प्रोग्रामिंग जोड़ने के लिए बहुत आसान है शुरू जो शुरुआत में चूक गए थे)।