بسم الله الرحمن الرحيم

وبه نستعين

التصميم الجرافيكي / لغات البرمجة - جافا وجافا سكريبت

Programming Languages ​​- Java and JavaScript

 

لغات جافا وجافا سكريبت

Java and JavaScript

جافا وجافا سكريبت Java and JavaScript لغتان برمجيتان مختلفتان تُستخدمان لإضافة التفاعلية إلى صفحات الويب. لغة جافا Java هي برمجة كائنية التوجه ومتكاملة object-oriented, full-fledged programming language، تُستخدم لإنشاء تطبيقات كاملة. يظهر تطبيق جافا على الويب في صورة تطبيقات جافا الصغيرة (Java applets).

وهي برامج مستقلة قابلة للتنفيذ تُوضع على الصفحة كصورة. أما لغة جافا سكريبت JavaScript فهي لغة برمجة نصية من جانب العميل client-side scripting language، تُتيح إنشاء تأثيرات التمرير rollover effects، وفتح النوافذ المنبثقة pop-up windows، والعديد من وظائف الصفحة التفاعلية الأخرى.

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

من ناحية أخرى، تُعدّ جافا Java لغة برمجة متكاملة تُستخدم لإنشاء تطبيقات مصغّرة مستقلة، أو ما يُعرف بـ"التطبيقات المصغّرة applets"، والتي يُمكن تضمينها في صفحات الويب، ولكنها في الواقع منفصلة تمامًا عن المتصفح. تدعم المتصفحات الرئيسية تطبيقات جافا المصغّرة، ولكن قد لا يكون التعامل معها موثوقًا دائمًا.

توفّر التطبيقات المصغّرة مجموعة واسعة من الوظائف، بدءًا من الألعاب وصولًا إلى العمليات الحسابية. وهي عملية للمواقع التي تتطلّب استجابة سريعة من مدخلات المستخدم، لأنها تُجري العمليات الحسابية بشكل فوري باستخدام قدرة معالجة الحاسوب المضيف host. يُمكن للمصمّمين غير الملمين بالبرمجة تنزيل تطبيقات جافا المصغّرة الجاهزة من مواقع مثل http://javaboutique.internet.com وإضافتها مباشرةً إلى صفحات HTML الخاصة بهم.

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

الأصوات والأفلام

Sounds and Movies

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

صيغ وخصائص الصوت

Sound Formats and Characteristics

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

تُضغط ملفات الصوت لتقليل وقت التنزيل، مما يُؤثر على النطاق الصوتي الكامل ودقة الصوت. يكون الكلام مقبولًا عند معدل عينة 11 كيلوهرتز kHz، بينما تكون الموسيقى أفضل عند 22 كيلوهرتز kHz، وكلاهما أحادي الصوت. ومن المعروف أن برنامج Macromedia Flash يستخدم الصوت بكفاءة عالية.

صيغ الفيديو وخصائصه

Video Formats and Characteristics

يمكن استقبال وتشغيل كل من Apple QuickTime (امتداد الملف .mov) وMicrosoft Windows Media Player (امتداد الملف .avi أو .wmv) على أي من نظامي التشغيل، ولكن بشرط تثبيت البرنامج اللازم لدى المُستقبِل، لذا يُفضّل توفير خيارات متعددة للصيغ. وكما هو الحال مع أنواع المحتوى الأخرى، توفر أحجام الملفات الأكبر جودة أفضل.

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

أمثلة عن لغات جافا وجافا سكريبت

Examples of Java and JavaScript

مثال (1)

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

 

مثال (2)

يُعدّ RealPlayer البديل المستقل الرائد لبرنامجي QuickTime وWindows Media Player اللذين توفرهما Apple وMicrosoft لأجهزة Mac وPC على التوالي. كما يمكن لإصدار Mac من البرنامج تشغيل ملفات الفيديو بصيغة QuickTime. كما نري في الصورة فيلم "كمين" للمخرج جون فرانكنهايمر، إنتاج US/BMW.

مثال (3)

عند تضمين لقطات فيديو في صفحة ويب، يتم تشغيلها عادةً ضمن نفس النافذة، مع ظهور تطبيق التشغيل فقط من خلال شريط الأدوات. هنا في هذا المثال، يتم تشغيل الفيلم نفسه في RealMedia وكذلك في Windows Media Player - وقد لا يعرف المستخدم أيهما يستخدم. كما نري في الصورة فيلم للمخرج إريك كريبك، الولايات المتحدة/Atomfilms.com.

مثال (4)

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

مثال (5)

كما هو الحال في الصفحات الرئيسية في برامج النشر المكتبي، تتيح لك أدوات تصميم المواقع الإلكترونية إعداد قوالب، مما يضمن اتساق جوانب معينة من الصفحة في جميع أنحاء الموقع. يُضيف Dreamweaver ميزةً إضافية، حيث يُتيح لك "تضمين nest" القوالب templates، بحيث يمكنك استخدام قالب رئيسي كأساس لقوالب الأقسام الفرعية المختلفة للموقع.

 

أرجو أن تنال التدوينة إعجابكم وإلى لقاء قريب بإذن الله

 

المراجع والمصادر

الدليل الكامل للتصميم الجرافيكي الرقمي.

The Complete Guide to Digital Graphic Design

 

لمزيد من التواصل تابعونا على وسائل التواصل الاجتماعي

حساب "مدونة ألوان" على فيسبوك.

حساب "مدونة ألوان" على انستجرام.

حساب "مدونة ألوان" على تويتر.