تطبيقات البرمجة التعليمية في مجال تصميم وبناء صفحات الويب

الفرق بين لغات برمجة الويب و تطبيقاتها المختلفة:

Different Web Programming Languages and its Applications


تختلف لغات برمجة الويب عن اللغات
الأخري في كونها لغات برمجة نصية scripting
Language[right]

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

أنواع
مواقع الويب

تقسم
مواقع الويب تبعا الي عدة تصنيفات نخص بالذكر ثلاثة منها:

أ)
من حيث المحتوي

- المواقع ذات
المحتوي الثابت: وهي مصممة بلغة ترميز HTML والأنتقال باستخدام
الروابط و تحتوي علي النصوص و الصور بدون تفاعلية.

- المواقع ذات المحتوي المتغير: هي مواقع ديناميكية
من خلال تطبيقات لغات البرمجة و تتصل فيها المواقع بقواعد البيانات.

ب)حسب
طرق الإنتاج

1- مواقع يقوم المعلم بالتصميم بالكامل مثل بالبرنامج
الجاهزة مثل Ms FRONT PAGE أو Dreamweaver


2- مواقع بتطبيقات برمجية جاهزة مثل المنتديات و مواقع
إدارة و نشر المحتوي الإلكتروني مثل Moodle و WebCT



3- ومواقع شبه جاهز مثل باستخدام قوالب جاهزة YAHOO Geocities وموقع tripod





ج)كما
يمكن تقسيمها تبعاً لصفحات الموقع:


1- صفحات الويب الساكنةStatic Web pages ( لا تحتاج من المتصفح الا القراءة والأحاطة ) و تقوم علي
لغة ترميزHTML


ماالمقصود
باللغة التأشيريةHTML (Hyper Text Markup Language)
؟


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


طرق
كتابة لغة HTML .


هناك
نوعان من المحررات Editors:


·
محرر النصوص Text Editorويتيح لنا كتابة كود
بلغة HTMLبطريقة يدوية


·
المحرر بطريقة
واجهة المستخدم الرسومية GUI:


ظهرت
لان عملية كتابة الكود بالطريقة اليدوية عملية شاقة وفي هذه الطريقة يكتب الكود
بطريقة تلقائية وعلي المستخدم استعمال الفأرة مع القوائم وشرائط الأدوات ويقوم البرنامج
بتحويل الأوامر إلي إلي لغة HTML ومن أمثلتها : Macromedia
Dreamweaver - Microsoft FrontPage-





2- صفحات الويب
الديناميكية Dynamic Web Pages (تتطلب التفاعل مع محتواها مثل
البحث في قواعد البيانات والمعلومات أو إجابة أسئلة





و تقوم علي لغات برمجة الويب و توجد
أنواع مختلفة منها و تقسم لنوعين رئيسيين:





Ø
أوامر
scripts تنفذ عند
المستخدم وتسمي Side scripts Client


هي
أوامر تكتب داخل ملفات HTMLالخاصة بالصفحات وتنفذ من خلال عارض صفحات الإنترنت Web Browser ومن أمثلها
script .java script- VB





Ø
أوامر
scripts تنفذ علي جهاز الخادم Server
Side scripts


وتسمي
Server Side لأنها
تنفذ علي جهاز الخادم المحمل عليه ملفات الموقع ومن أمثلة هذه اللغات- (Active Server Pages)ASP-(Java
Server Pages)JSP (Hypertext Preprocessor)
PHP
و Perl – Cgi-





·
(Java Server Pages)JSP


و
ترعاها شركة Sun Microsystems المنافس
الشرس ل Microsoft و هي مفتوحة المصدر و متاحة مجاناً و
تعمل علي معظم انطمة التشغيل. و قامت شركة (Sun Microsystems) بعمل تطوير لتكنولوجيا ال (Java Server Pages) و هى مبنية على تكنولوجيا ال (Servlet).


الهدف
من تكنولوجيا ال (Java Server Pages) او ال (Servlets)
هو جعل محتويات الصفحات متغيرة من ال (Server). هذا المحتوى قد يكون (HTML) أو أى محتوى أخر.





·
(Active Server Pages)ASP


وهي
عباره عن صفحات الخادم النشطة Active server
pages))
و هي من إنتاج Microsoft و هي بالطبع مغلقة المصدر و يجب شراء ترخيص لها . و تعمل علي أنطمة Windows Server و تعمل على محركات الخوادم لصفحات الويب الدينامكية


يستطيع
أن يحتوي على نصوص و اوامر لغة ترميزHTML وملفات ال ASP تنفذ على السيرفر و امتدادها( asp.)
أو (.aspx)





·
(Hypertext Preprocessor) PHP


و
هي لغة ويب مفتوحة المصدر و متاحة للجميع و تعمل علي انطمة Linux


وصُممت
بي اتش بي من اجل استخدامها من ناحية الخادم و بناء تطبيقات ويب تفاعليه، وقد أصبحت
مشهورة جداً في صناعة الويب كطريقة عمل برمجيات ويب آمنة، غير مكلفة، ويمكن
الاعتماد عليها.

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

مراحل إنتاج البرامج التعليمية ( للمعلمين )

مراحل إنتاج البرمجيات التعليمية
تتكون البرمجية التعليمية عادة من عدة موضوعات ويتكون الموضوع بدوره من عدة دروس ويتكون كل درس من عدة فقرات وتتكون الفقرة من عدة نوافذ أو شاشات تعرض من خلالها المادة التعليمية في صورة تدريس خصوصي Tutorial والذي عادة يتضمن العرض Presentation مدعما بالصور الثابتة Images والرسوم والصور المتحركة كلقطات الكرتون ولقطات الفيديو Video Clip والمؤثرات الصوتية Saund والحركة Animation والحوار dialog وعرض أمثلة وتمارين Examples & Exercises وتقديم مفردات اختبار Test Items تشخيصية Diagnostic أو بنائية Formative أو نهائية Summative أو إتقان Mastary إضافة لمجموعة ملفات لحفظ أداء المتعلمين .

وتمر عملية إنتاج البرمجية التعليمية بعدة مراحل قبل أن تخرج بالشكل النهائي الذي تعرض بت , وقد يقوم بهذه العملية مجموعة مختلفة من الأفراد أو المعلمين ينبغي أن تتوفر لديهم خبرات ذات مـــواصفات محــــددة
وتمر عملية إنتاج البرمجية التعليمية عادة بخمس مراحل تعرف بدورة إنتاج البرمجية

أولاً ـــ مرحلة التصميم Design :
وهي المرحلة التي يضع فيها المصمم تصورا كاملا لمشروع البرمجية أو الخطوط العريضة لما ينبغي أن تحتويه البرمجية من أهداف ومادة علمية وأنشطة وتدريبات ....... الخ .ولى هذه المهمة أفضل المعلمين خبرة في وضع المناهج التعليمية واعرفهم بالأجهزة وإمكاناتها وخبرة بالبرمجيات


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

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

رابعاً ــ مرحلة التنفيذ للبرمجية executing :
وهي المرحلة التي يتم فيها تنفيذ السيناريو في صورة برمجية وسائط متعددة تفاعلية , مع كتابة بعض البناءات المنطقية .code . ويفضل أن يكون منفذ السيناريو هو معلم خبير في المادة التعليمية ، ولديه إمكانات استخدام الحاسوب تفوق ما لدى المعد والمصمم .

خامساً ــ مرحلة التجريب والتطوير development :
وهي المرحلة التي يتم فيها عرض البرمجية على عدد من المحكمين المختلفين , بهدف التحسين والتطوير

تطبيقات البرمجة التعليمية في مجال تصميم وبناء صفحات الويب

محاضرة عن تطبيقات البرمجة
التعليمية في مجال تصميم وبناء صفحات الويب و
الفرق بين لغات برمجة الويب و تطبيقاتها المختلفة

إعداد أ.ياسر عبد المنعم قطب

أولاً تطبيقات البرمجة التعليمية في مجال تصميم وبناء صفحات الويب

ما المقصود ببرمجة وتطوير الويب WEB Developing & Programming

هي إعداد المواقع والتطبيقات التي تعمل علي الإنترنت.

المواقع Web Sites

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


تطبيق الويب Web Application


تطبيق يعمل من خلال شبكة الإنترنت
وذلك لتحقيق وظيفة معينة.


مثال


تطبيق مواقع التعلم عن بعد حيث يسجل
المتعلم بياناته ويوفر التطبيق خدمة الدراسة عن بعد للمتعلم .


طرق وأدوات إعداد مواقع
الإنترنت Web site tools

تحتاج خبرة ومجهود أقل من متطلبات
إعداد تطبيقات الويب


ومن هذه الأدوات


1. استعمال أوامروعلامات HTML


2. استعمال برامج
جاهزة مثل Front Page وبرنامج Dream
Weaver


3.استعمال برامج
حركة مثل Flash


4.تحميل المواقع
علي الإنترنت UPLOAD.


كيف تعمل مواقع الويب:

أ-اسم النطاق Domain Name

و يعني اسم الموقع الذي يكتبه المستخدم في المتصفح مثل:www.Yahoo.com


لذا لابد من حجز اسم الموقع علي الإنترنت ويتم ذلك بعد اختيار العنوان المناسب وعادة
مايسمي باسم المؤسسة التعليمية المملوك لها وتعد عملية حجز الموقع ماهي إلا تسجيل
هذا العنوان ويسمي بالنطاق وتوجد هيئات معتمدة دوليا علي الإنترنت مثل هيئةICANN التي تقوم بتسجيل عنوان الموقع Domain Name في قاعدة البيانات الخاصة بأسماء المواقع علي ألا
يكون مكررا.

ب- الإستضافة Web Hosting


لكي تظهر صفحات الموقع علي الإنترنت
لابد من عمل إستضافة Hosting لملفات موقعك علي المساحة المحددة التي قمت بحجزها
سلفا وتحدد قيم المساحة المستضافة GB


وهناك أكثر من خطة للإستضافةHosting Plan وتختلف
أحجامها بوحدة GB وبنظام التشغيل الذي يعمل عليه السيرفر .


المواصفات الفنية لخطة الإستضافة .


1. المساحة ( Web Space
) وهي الحجم المتاح بالخطة لإستضافة ملفات الموقع بGB


2. عدد صناديق البريد الإلكتروني ( E- mail boxes )


3. معدل المرور ( Transfer Rate ) : أي مدي استيعاب الخادم لعدد زوار الموقع.


4. دعم لصفحات قواعد البيانات Databases


6. لوحة التحكم ( Control Panel )


7. نوع السيرفر و نظام التشغيل Web Server and Server OS .

شرح منسق وجميل لعله ينفع

هذا شرح للبرنامج وجده في احد المواقع


http://file9.9q9q.net/Download/77984195/Author-Ware-------------.docx.html

مقدمة عن AUTHORWARE" منقول " للفائدة

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

شرح برنامج Authorware 7

من خلال رابط المنتدى التالي

http://edu.arabsgate.com/showthread.php?t=436426

ماذا دار في المحاضرة الثاثة ؟

أولا : واجهة البرنامج وقد أفاد عنها  المتدرب المتميز "عايد الشراري" له مني الشكر والتقدير وان  كان العمل مكلف فيه مجموعة أخرى متميزه ، و كان بامكانه أن يضيف عمل جديد  غير المكلف به الزملاء أو اثراء موضوعهم بعد ماينزل، وعلى كل كان مجهود رائع واشكر له مبادرته..

ثانيا: كيف نعمل سؤال اختيار من متعدد؟