الذهاب للمحتوى مباشرة

الإثنين للويب 2.0: ضربت، مفضلة الأخبار الإجتماعية العربية

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

ضربت، مفضلة الأخبار الإجتماعية العربية

شعار خدمة ضربت

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

نعود إلى ضربت، يمكننا بالطبع البدء في الحديث عن الشعار اولاً، نعم شعار ضربت يواجه هو الآخر مشكلة مع قابلية القراءة، انظر إلى الضاد و قل لي هل تبدو لك ضاد ام ميم؟، المشكلة في الأغلب ترجع إلى ان اغلبية مصممي خدمات الويب 2.0 العرب لا يقتنعوا باستخدام الخطوط العربية المتواجدة بالفعل، فهذا الشعار ايضاً هو عبارة عن تصميم للكلمة يدوياً و يدعى ذلك (Custom Lettering) اي تصميم المحارف بإستخدام احدى برامج رسم المنحنيات و قد ذكرنا هذا من قبل عند حديثنا عن شعار إكبس.

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

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

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

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

و هذه نقطة اخرى يجب الحديث عنها، فحتى الآن و منذ اطلاق الموقع في عام 2006 لم يتم عمل اي تطوير على الخدمة، اي ان الخدمة بقيت كما كانت منذ اطلاقها و هذه نقطة سلبية جداً تحسب ايضاً على ضربت.

ضربت كما ذكرت خدمة جيدة، و لكنه يحتاج إلى ظهور القائمين عليه و اطلاعنا على من هم و متابعتهم و تطويرهم لخدمة ضربت.

التدوينة القادمة ستتحدث عن لغة البرمجة روبي، انتظروها قريباً، إلى اللقاء

اضف هذه التدوينة لمفضلتك في del.icio.us اشترك في التغذية الإخبارية (الخلاصات) لتكن متزامن مع التدوينات الحديثة اضف هذه التدوينة لمفضلتك في تكنوراتي

Technorati Tags: , , ,

الإثنين للويب 2.0: اكبس، اول خدمة تشارك صور و ملفات فيديو عربية

الخمسة ايام الماضية كانت سيئة للغاية، خططت للعمل على عدة اشياء خلال اليوم الأول و هي:

  • اضافة خدمات ويب 2.0 عربية جديدة في مختارات
  • عمل بعض التحسينات البسيطة في مختارات
  • كتابة هذه التدوينة
  • بدء العمل على تصميم لمشروع جديد

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

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

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

الإثنين للويب 2.0، حسناً، ماذا اقصد بأن الإثنين للويب 2.0؟

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

إكبس، اول خدمة تشارك صور و ملفات فيديو عربية

شعار خدمة إكبس

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

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

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

شعار إكبس بطاطا

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

هل لاحظتم هذا الامر؟ يمكنكم ايضاً ملاحظته في حرف الكاف و حرف الباء، ليست هنالك فاصلة ايضاً، بالتأكيد يرجع إختفاء الكشيدة لقيام مصمم الشعار بتصميم الكلمة يدوياً و هو ما يطلق عليه (Custom Lettering) اي تصميم المحارف بإستخدام احدى برامج رسم المنحنيات (vector graphics editors) و بالطبع فإن اختفاء الكشيدة لا يمكن ان يحدث في حالة استخدام اي خط من الخطوط العربية المتنوعة، اسوء ما في الموضوع ان الخطأ لم يتم تداركه في المرة الثانية، اي ان كلمة اكبس في الشعار القديم بقيت كما كانت في الشعار الجديد.

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

كل الصفحات ستأتي قريباً!

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

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

التصميم القديم، ام التصميم الجديد

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

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

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

إلى اللقاء في الأسبوع القادم

اضف هذه التدوينة لمفضلتك في del.icio.us اشترك في التغذية الإخبارية (الخلاصات) لتكن متزامن مع التدوينات الحديثة اضف هذه التدوينة لمفضلتك في تكنوراتي

Technorati Tags: , , ,

فونت ستراكتور، حلم صناعة الخطوط، سهل ام بعيد المنال!

اعاني في الفترة الماضية من عدم التنظيم، و رغم اني من المفترض ان تتحدث تدويناتي عن الويب 2.0 حالياً الا انني فضلت الكتابة عن فونت ستراكتور اليوم، اعذروني، قريباً سنقوم بنقد خدمات الويب 2.0 العربية المتواجدة حالياً في سلسلة مراجعات لخدمات الويب 2.0 العربية، نعود لموضوعنا لهذا اليوم.

font struct logo

“بعيداً على قرب، قريباً على بعد”، اللعنة، بعض ابيات الشعر لا تمحى من الذاكرة ابداً، اتذكر احد الشعراء كان ينعي ابنه الاوسط محمد في احد الدروس الخاصة باللغة العربية، هل هو البحترى؟ لا استطيع التذكر، بالطبع يمكنني ان اشكر واضعي مناهج اللغة العربية في مصر على ذلك.

نعم انا ايضاً انعى صناعة الخطوط، فهي مهمة صعبة (بالنسبة لي على الاقل إلى الآن)، كلما فكرت في صناعة الخطوط تذكرت البيت السابق ذكره، مهمة بعيدة على قرب، قريبة على بعد.

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

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

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

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

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

عائلة خطوط حازم

اعمل في اوقات فراغي حالياً على تصميم خطين احدهما لاتيني و الآخر عربي، الاثنان على اسم والدي (حازم) فانا اطمح لتكوين عائلة خطوط typefamily تسمى حازم، و اول اصدارات هذه العائلة سيكون الخط الذي صنعته باستخدام فونت ستراكتور و الذي اسميته Hazem-Latin-Grid و الاسم يرمز لثلاثة اشياء اولهم اسم الخط، و الثاني نوع المحارف (من حيث كونها عربية او لاتينية) و الثالث انها هذه المحارف اعتمدت في رسمها على الشبكة Grid

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

قمت بكتابة بعض الكلمات باستخدام الخط سريعاً، يمكنك رؤيتها في الاسفل

  • Hazem Latin Grid - Ahmed Hazem
  • Hazem Latin Grid - Hazemyat
  • Hazem Latin Grid - Font Structor
  • Hazem Latin Grid - Hazem Typefamily

يمكنك الاطلاع على محارف الخط، تحميله و معرفة المزيد من المعلومات عنه عن طريق الضغط هنا

سنتقابل قريباً في سلسلة مراجعات خدمات الويب 2.0 العربية

إلى اللقاء

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

اضف هذه التدوينة لمفضلتك في del.icio.us اشترك في التغذية الإخبارية (الخلاصات) لتكن متزامن مع التدوينات الحديثة اضف هذه التدوينة لمفضلتك في تكنوراتي

Technorati Tags: , , , ,

اقدم لكم مختارات، معرض خدمات الويب 2.0 العربية

شعار مختارات

اليوم اقدم لكم مختارات، مختارات هو معرض لخدمات الويب 2.0 العربية. يتم الاختيار يدوياً من قبل فريق مختارات و يتم التحديث دورياً.

يهدف مختارات لتوفير معلومات ثابتة و متجددة عن خدمات الويب 2.0 العربية الموجودة حالياً، كما يهدف مختارات ايضاً الى إلقاء الضوء على و التعريف بخدمات الويب 2.0 العربية الجديدة التي يتم إطلاقها بين الحين و الآخر.

تم بناء مختارات بواسطة لغة البرمجة Ruby، اعتمادا على إطار العمل Ruby on Rails، يعرض مختارات بواسطة لغة الترميز XHTML
نوع المستند Strict و يستخدم CSS لإضافة الأنماط و الألوان و الخلفيات.

مختارات موافق للمعايير القياسية و تصميمه يندرج تحت فئة تصاميم الويب 2.0

مختارات مازال في المرحلة التجريبية “بيتا”، لا تتردد في اخبارنا باقتراحاتك لنصل به الى افضل صورة ممكنة. كذلك كلنا آذان صاغية للاستفسارات التى تود طرحها، يمكنك التعرف اكثر على الموقع بزيارته عبر الرابط التالي:

http://www.mokhtarat.ws

ان تصل متأخراً افضل من الا تصل ابداً

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

اضف هذه التدوينة لمفضلتك في del.icio.us اشترك في التغذية الإخبارية (الخلاصات) لتكن متزامن مع التدوينات الحديثة اضف هذه التدوينة لمفضلتك في تكنوراتي

Technorati Tags: , , ,

اختبار المتصفحات، تأجيل مختارات و اعتذار بالصور!

اليوم قمت بعمل اختبار للتأكد من عمل القالب (حازميات) في المتصفحات المختلفة، الإختبار تم بواسطة موقع:

http://www.browsershots.org

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

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

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

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

اما السبب الثالث فعلى الاغلب انه خطأ من المتصفح، و هذا الخطأ حدث في متصفحين اثنين و احدهما Navigator 4.0 و الآخر غير مشهور و لم اسمع به من قبل dillo و الاثنان يعملان على نظام تشغيل يدعى pld 2.0

باقي المتصفحات عرضت القالب بشكل مناسب و ان كانت تفاوت في ذلك بالطبع، فمثلاً قام متصفح انترنت اكسبلورر 4 بقلب جميع الحروف و كانت الأنماط متداخلة في بعضها البعض و اما انترنت اكسبلورر 5 فكان افضل بكثير حيث قام بعرض القالب بشكل جيد مع اختفاء الشعار، و انترنت اكسبلورر 5.5 و 6 قاما بالعرض بشكل جيد مع ظهور مشكلة الشفافية في ملف الشعار لأنه من نوع PNG،

و اما انترنت اكسبلورر 7 و النسخة التجريبية من انترنت اكسبلورر 8 فقاما بعرض القالب بشكل ممتاز، و اعتقد ان هذه النتائج ممتازة، و مشكلة الشفافية في نوعية الملفات PNG يمكن حلها في اي وقت لاحق.

موزيلا فايرفوكس و سافاري و فلوك و اوبرا قاما بعرض القالب بشكل ممتاز في جميع النسخ و في كل انظمة التشغيل ما عدا سافاري النسخة 2.0.3 في الويندوز و اوبرا النسخة 9.50 في اوبانتو، حيث قاما بتقطيع الكلمات إلى حروف و هذا يؤكد ان ما قلته مسبقاً بخصوص وجود خطوط عربية جيدة في نظام التشغيل لا يكون هو دائماً السبب.

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

تأجيل مختارات

نأتي لموضوعنا الثاني اليوم، لماذا اكتب كثيراً هكذا؟، أليس لدي ما انجزه؟

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

و لذلك قررت تأجيل الإطلاق التجريبي ليصبح غداً او بعد غد على اقصى تقدير.

الاعتذار بالصور

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

صورة من الصفحة الرئيسية لمختارات في بيئة التطوير

صورة من صفحة عرض احدى الخدمات في مختارات في بيئة التطوير

صورة من صفحة الخصوصية في مختارات في بيئة التطوير

اضف هذه التدوينة لمفضلتك في del.icio.us اشترك في التغذية الإخبارية (الخلاصات) لتكن متزامن مع التدوينات الحديثة اضف هذه التدوينة لمفضلتك في تكنوراتي

Technorati Tags: , , , , , , , ,

 

هذه المدونة تعمل بواسطة وورد بريس
القالب من تصميم احمد حازم، مستوحى من قالب جريد فووكس