ما هي أفضل طريقة لتمثيل تدفق الصفحة بيانيًا، كما ينطبق على تطبيق الويب الموجه نحو العمل؟

https://stackoverflow.com/questions/178806

05-07-2019
|

سؤال

ما النموذج الذي تستخدمه لتمثيل تدفقات الصفحة (مخططات تدفق الصفحة) التي تشمل الصفحات (طرق العرض)، وإجراءات المستخدم بشأن طرق العرض (الأحداث) والعمليات؟

يجب أن تكون هذه المخططات بمثابة نقطة بداية للتفاهم بين خبير في مجال الأعمال (على سبيل المثال شخص يحدد موقع ويب للتجارة الإلكترونية)، ومحلل فني (شخص مسؤول عن تصميم تطبيق الويب) ومطور ويب (شخص مسؤول عن تنفيذ الحل )

أنا لا أبحث عن حل برمجي لمساعدتي في رسم تلك المخططات، ولا أبحث عن إطار عمل لتدفق الويب يتيح لي تنفيذ تدفقات الصفحات هذه في البرنامج.

ومع ذلك، فأنا أبحث عن مخطط جيد لرسم تدفق الصفحة باستخدام القلم الرصاص والورق

على سبيل المثال، يمكن أن تكون الإجابة الجيدة على النحو التالي

يمثل المستطيل ذو التسمية بالأحرف الكبيرة الصفحة
يمثل السهم الذي يحمل تسمية بأحرف صغيرة إجراء المستخدم
الماس مع التسمية في CAPS يمثل عملية
نقاط الإدخال تكون دائمًا من اليسار (تأتي الأسهم إلى الصفحة من اليسار)
نقاط الخروج دائمًا من اليمين (الأسهم تخرج من الصفحة إلى اليمين)

إذا كان هناك معيار مقبول، أو إذا كانت مساحة المشكلة هذه هي في الواقع حالة محددة لمساحة مشكلة أكبر يوجد لها معيار، فيرجى تسليط الضوء على ذلك.

بروح Stack Overflow، مخطط واحد لكل إجابة من فضلك، والتصويت بدلاً من التكرارات

المحلول

لقد أحببت دائما جيسي جيمس جاريت اللغة البصرية.

نصائح أخرى

تحقق من nAML (لغة نمذجة تطبيقات .NET).يتضمن استنسل Visio وهو مثير للاهتمام للغاية ومعبر.

http://code.msdn.microsoft.com/naml

لقد وجدت أن تعديل مخطط مخطط الحالة هو الأكثر فائدة لهذا الغرض.أنا أمثل موردًا مرئيًا (صفحة html أو jsp) كحالة والانتقالات هي الإجراءات التي يمكن للمستخدم تنفيذها على تلك الصفحة.

ثم أقوم بتقديم رمز آخر للإجراءات بين الصفحات المرئية.

من السهل على الأشخاص غير التقنيين متابعة مخططات الحالة كما أنها معبرة بدرجة كافية لالتقاط بعض التفاعلات المعقدة.

قم بإلقاء نظرة على yuml.me لأنه سهل الاستخدام للغاية ويقوم بإنشاء رسوم بيانية "غبية" لطيفة

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow