ملخص نتاج التعلم ب: تصميم موقع إلكتروني يلبي متطلبات العميل، البرمجة

تصميم موقع إلكتروني

تتضمن عملية تصميم موقع إلكتروني عددًا من الخطوات التي، إذا تم تخطيها، قد تسبب مشكلات كبيرة عند بدء تشغيل موقع إلكتروني.
هناك قول مأثور: "إذا فشلت في التخطيط، فأنت تخطط للفشل". وينطبق هذا القول كثيرًا على تطوير المواقع الإلكترونية، ولكن أيضًا على أي مشروع تصميم وتطوير.

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

سيحتاج مطور الموقع الإلكتروني إلى فهم المشكلة بكامل أبعادها حتى يتسنى لهم حلها. وسيتطلب ذلك التواصل بين المطور والعميل.
هناك عدد من الطرق التي يمكن من خلالها القيام بذلك.
طريقة شائعة الاستخدام لجمع المتطلبات تسمى ⁦SQIRO⁩. وهذا الاسم عبارة عن تجميعة للأحرف الأولى من الكلمات الإنجليزية ⁦sampling (⁩أخذ العينات) و⁦questionnaires (⁩الاستبيانات) و⁦interviews (⁩المقابلات) و⁦research (⁩الأبحاث) و⁦observations (⁩الملاحظات).
سيستخدم مطور الموقع الإلكتروني هذه التقنيات مع العميل لجمع أكبر قدر ممكن من المعلومات من أجل فهم المشكلة التي يهدف إنشاء الموقع الإلكتروني إلى حلها تمامًا.

يستحيل أن تعمل بمفردك في مجال تكنولوجيا المعلومات. إذ تُنشأ معظم المواقع الإلكترونية من قبل فرق، يُكلّف فيها أشخاص مختلفون بعناصر مختلفة من التصميم والتطوير.
على سبيل المثال، قد يكون لديك مصمم جرافيك يعمل على الصور، ومختبر برامج، ومبرمج مواقع إلكترونية، ومصمم، وما إلى ذلك.
ومع وجود الكثير من الأشخاص يعملون في المشروع نفسه، يصير من الأهمية بمكان أن يتعلموا العمل كفريق وأن يدعم بعضهم بعضًا.
وإن كنت لا تجيد العمل ضمن فريق ولا تتواصلون جيدًا مع بعضكم بعضًا، فمن المحتمل عدم تلبية الموقع الإلكتروني الذي تعدونه متطلبات العميل أو عدم تسليمه في الوقت المحدد.

كيف سيتصفح المستخدم الكتالوج؟ على سبيل المثال، كيف ستُدرج العناصر في الكتالوج؟ فكر في مواقع التجارة الإلكترونية مثل أمازون ⁦(Amazon)⁩. يتم تصنيف عناصر أمازون بطريقة هرمية، حيث يمكنك تصفية تفضيلاتك، مثل الصلة وتاريخ الإضافة والسعر (بترتيب تصاعدي أو تنازلي) وآراء العملاء.
كيف سيقوم المستخدمون بإجراء عمليات شراء؟ قبل أن يشتري المستخدم عنصرًا، سيحتاج الموقع الإلكتروني إلى تسجيل تفاصيله ومعلومات بطاقة الائتمان/الخصم. وتُشفّر هذه المعلومات باستخدام طريقة تسمى أمان طبقة النقل ⁦(TLS)⁩. تستخدم باي-بال ⁦(PayPal)⁩ هذه الطريقة لأنها تخزن جميع معلوماتك المالية، مثل تفاصيل بطاقة الائتمان، لذلك لا تحتاج إلى إعطائها إلى الموقع الإلكتروني الذي تشتري منه.

الهدف من لوحة الإلهام هو إنتاج شيء بالسمات نفسها مثل الموقع الإلكتروني (انظر الشكل 6.3). وهي طريقة مفيدة لتركيز التصميم وإظهار الأفكار الأولية للعميل.
فكر في لوحة الإلهام على أنها كراسة رسم حيث يمكنك تجميع مختلف الصور والمخططات والخطوط والأعمال الفنية ونماذج التخطيطات وما إلى ذلك.
ويمكن عرض لوحة الإلهام على العميل والذي يستطيع حينئذ تحديد العناصر التي يحبها والتي لا يحبها فيها.
ويمكن أن تساعد ملاحظاتهم وتعديلاتهم على لوحة الإلهام بعد ذلك في تركيز مطور الموقع الإلكتروني على الشكل والمظهر الذي يجب أن يبدو عليه الموقع الإلكتروني.

تعد لوحات العمل عاملًا أساسيًا من عوامل هيكلة الموقع الإلكتروني بشكل واضح وهي طريقة للتعبير عن تصميم التنقل داخل الموضع (انظر الشكل 6.4).
واستخدام لوحات العمل غير محصور في تصميم المواقع الإلكترونية؛ بل غالبًا ما تُستخدم في تصميم مقاطع الصور المتحركة مثل الرسوم المتحركة أو الأفلام.

لتصور الشكل الذي ستبدو عليه الصفحات قبل إنشائها، يقوم المصممون بإنشاء تصميمات شاشة أو مخططات شبكية (انظر الشكل 6.5).
المخططات الشبكية هي نماذج من الصفحات الفعلية ولكنها تركز على التخطيط بدلًا من المحتوى.
كما أنها تتضمن عادةً بعض السمات الأساسية للصفحات.

خريطة الموقع هي قائمة بصفحات الموقع الإلكتروني التي يمكن الوصول إليها من قبل متتبع الارتباطات أو المستخدمين.
ويمكن أن تكون في صورة مستند، بأي صيغة، يُستخدم أيضًا كأداة تخطيط لتصميم الموقع الإلكتروني (انظر الشكل 6.5)، أو صفحة ويب تسرد الصفحات على موقع إلكتروني. وتعرض أيضًا العلاقة بين الصفحات.