الخطوات والمتطلبات الرئيسية لبناء موقع ويب


الخطوات والمتطلبات الرئيسية لبناء موقع ويب


1- هيكلية الموقع الاساسية :

 photo web_stracture_zpsqpzaiyqd.png

 

  

Home Page: ويقصد بها الصفحة الرئيسية للموقع وغالباً ماتحتوي عن معلومات تعريفية عن الشركة و روابط فرعية ونوافذ إخبارية وقوائم وغيرها ..

Main Sections : ويقصد بها القوائم الرئيسية وماتحتويه من أقسام للموقع ووظائف أو خدمات ..
Subsections(Content) : ويقصد بها المحتوى الداخلي للصفحات وماتحويه من بيانات ..

2 - المتطلبات : - مادية ( سيرفرات او أي أجهزة الكترونية)).
1- سيرفر لرفع ملفات الموقع عليه (يتم حجز المساحة حسب حجم الموقع)
2- جهاز حاسوب لبناء الموقع ..وتشغيله وإدارته

3 - المتطلبات : - برمجية ( Windows server, SQL, antivirus and all other needed software).
1- برنامج تحرير لكتابة الكود البرمجي مثل (notpad++ / sublime / brackets /…..)
2- برنامج سيرفر محلي لبناء الموقع وتجهيزه على الحاسوب الشخصي قبل رفعه على الشبكة مثل (XAMPP / WAMP ( Sqlserver /
3- سيرفرonline لرفع ملفات الموقع على الشبكة بعد النتهاء من بنائه وتجهيزه offline.
4- برنامج لتحرير الصور مثل ( adobe photoshope / adobe illustrator)

4 - المتطلبات : - لوجستية ( حجز دومين و استضافة ).
1- يتطلب إنشاء موقع إلكتروني حجز دومين باسم مميز خاص ويفضل أن يكون دال على طبيعة وأنواع الخدمات التي يقدمها الموقع
2- كما يتطلب حجز مساحة على سيرفر online ليتمكن الزوار من الولوج إليه بعد رفعه على شبكة الانترنت .


5 - لغات البرمجة المستعملة و الامكانات التي توفرها
أهم اللغات البرمجية المستخدمة في تصميم المواقع :
HTML – CSS – Java script – Asp.net - php
أما عملية بناء وتطوير موقع الويب تتم عبر 3 مراحل رئيسية وهي :
المرحلة الأولى : مرحلة البناء أو التصميم
تتم من خلال بناء هيكلية وتصميم الموقع أي المظهر الخارجي وهذا يتم عبراستخدام عدة لغات برمجية وبعضها لايمكن أن نطلق عليه لغة برمجة كمفهوم إذا ما قارناها بغيرها من اللغات البرمجية القوية وأقصد هنا (لغة الHTML) والتي تعتبر لغة بناء رئيسية لتصميم الهيكل العام للموقع ولكنها لا تكفي لوحدها ...وتحتاج للغة أخرى تساعدها في إظهار الشكل النهائي للموقع وهي لغة (CSS) التي تستخدم لإضفاء الجماليات على الهيكل العام مثل الألوان والحركات و..غيرها ..
يتم من خلال استخدام لغة HTML بناء الصفحات الأساسية , بالنصوص والصور والفيديو والألوان . وعندما يزداد حجم الموقع ويزداد عددالصفحات بداخله , فإنه من الأسهل استخدام لغة CSS لتوحيد الألوان وتنسيقات الموقع . مثل توحيد حجم الخط في الموقع كله . فمثلاً لو أردنا أن يكون لون خلفيه الموقع بلون واحد , بدل من تكرار الكود في كل صفحة نستطيع وضع الكود في ملف CSS واحد , ونتحكم من خلاله بجميع صفحات الموقع .
إذاً بهاتين اللغتين نستطيع بناء موقع متكامل لعرض المعلومات فقط . والمقصود بعرض المعلومات : هو أنه لانستطيع التعامل مع المستخدمين كعمليات التسجيل في المنتديات وعمليات تسجيل الدخول وكتابة المقالات . لأنه لفعل ذلك نحتاج لحفظ معلومات المستخدين – أرقامهم السرية وأسماءهم وإيميلاتهم في مكان ما وهذا المكان يدعى بجداول البيانات والمعروفة باسم : Database

ملاحظة : هناك برامج مساعدة في عملية التصميم ..كما يوجد قوالب جاهزة ...تساعد المطورين في تطوير المواقع ..دون التطرق لمرحلة التصميم .

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

وللتعامل مع Database , كإضافة الجداول وحذفها ,تحتاج الى لغة الـ SQL .
SQL هي اللغة الوحيدة للتعامل مع Database

والآن بعدما صممنا موقعنا بشكله الجميل وأضفنا البيانات التي نحتاجها في الجداول ...كيف سننقل تلك البيانات من الجداول المخزنة في قاعدة البيانات Database إلى صفحات الموقع لتظهر للعوام ..؟
إذاً فنحن بحاجة لعملية ربط من خلال لغة برمجة تقوم بنقل المعلومات من السيرفر إلى المتصفح ليقوم الأخير بعرضها .

ملاحظة : لغة Java script هي ذات أهمية كبيرة في بناء المواقع ولا يمكن الاستغناء عنها وغالباً ماتستخدم لإضافة الحركة وبعض الجماليات للموقع مثل إعطاء وظائف للأزرار عند الضغط عليها وإنشاء الـ Sliders وغيرها ..وحالياً يتم العمل على الاستغناء عنها تدريجياً من خلال تطوير لغتي HTML والـCSS كما في إصداريهما الأخيرين HTML5 والـ CSS3 لتنفيذ أغلب الأاومر التي تقوم بها الجافا سكريبت ..


المرحلة الثالثة : مرحلة ربط صفحات الموقع مع الـ Database
تسمى اللغات التي تنفذ هذه العمليات باللغات التي تعمل من جانب السيرفر وهناك الكثير من اللغات ولكن يوجد لغتان هما الأكثر انتشاراً بين جمهور المبرمجين وهما :
PHP & Asp.net
 php - 1 تحتاج إلى سيرفر محلي مثل Wamp server - Xamp server
 2 - Asp.net  تحتاج إلى سيرفر محلي مثل Sql server


6 - موارد بشرية ( عدد المبرمجين و المطوريين المطلوبين لإنشاء و ادارة و صيانة الموقع لاحقاً مع الخبرات الضرورية لكل شخص )
إنشاء موقع إلكتروني غالباً ما يحتاج إلى مطور ويب ومصصم ويب .
المصمم(web designer): يقوم ببناء هيكلية و تصميم الشكل العام له وبناء الصفحات حسب طلب الزبون معتمداً على لغات التصميم ((Html - css – javascrit وبرامج التصميم مثل ( adobe photoshope / adobe illustrator) .
المطور(web developper): يقوم ببرمجة الموقع بعد الانتهاء من تصميمه وبناء الهيكل العام له ويتم من خلال الاعتماد على لغات البرمجة التالية
(php / Asp.net - Sql) .
وبعد الانتهاء من بناء الموقع بشكل نهائي وتسليمه للزبون .. يتطلب وجود شخص يتولى إدارة الموقع مثل عمليات الإضافة والحذف والتعديل على البيانات ,,كذلك عمليات ترقية الموقع في محركات البحث أو مايسمى بالـSEO(search engining optimization)


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

7 -  مراحل انجاز الموقع والمخطط زمني .
المرحلة الزمنية لبناء موقع تختلف أيضاً بحسب حجم الموقع والخدمات التي يقدمها ..وغالباً ماتترواح مابين الأسبوع وال20 يوم وقد تزيد حسب نوع الوظائف وضخامة الموقع ..

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

ملاحظة : يضاف إلى المبلغ سعر حجز الدومين والمساحة والميزات التي تقدمها شركات الاستضافة .

 

إضافة تعليق

لأضافة تعليق ... يجب تسجيل الدخول أولاً , إذا لم يكن لديك حساب اصغط هنا