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

ما هو Joomla :

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

Outdoor Photographer (Magazine) – http://www.outdoorphotographer.com
Senso Interiors (Furniture design) – http://www.sensointeriors.co.za

والعديد من المواقع اللتي تستخدم جوملا اكتشفها بنفسك . مع جوملا طبعا بإمكانك التحكم بالمظهر و الأداء والمحتوى وكل ماترغب بالتحكم به .

يقال أن جوملا تعني ( كل ) كما اعتدنا في اللغة العربية إطلاق كلمة – جملة – على الأشياء مجتمعة. ( جملة – مفرق ) أو ممكن أن تعني جملة : مجموعة من الكلمات . لكن المقصود فيها على الراجح هو ( كل ).

سأقوم بشرح عملية تركيب السكربت على موقعك الخاص. نحتاج إلى شيئين رئيسين أولهما قاعدة بيانات وآخرهما الـ source code لنظام جوملا ثم بعدها تبدأ عملية التنصيب:

1- افتح لوحة التحكم الخاصة بموقعك cpanel . ثم إذهب لقواعد البيانات كما في الصورة:

2- قم بإنشاء قاعدة بيانات جديدة :

3- بعد إنشاء قاعدة البيانات نقوم بإنشاء مستخدم :

4- نقوم بربط هذا المستخدم بقاعدة بيانات جوملا التي أنشأناها في الخطوة رقم 2 :

5- الآن انتهينا من أول متطلب لتركيب جملة وهو قاعدة البيانات والمستخدم لهذه القاعدة. الآن ننتقل للجزء الثاني حيث يتطلب منا الحصول على ملف جوملا لنقوم بتركيب الملفات . قم بتحميل جوملا من موقع جوملا . أو من الرابط المباشر لآخر نسخة. نقوم بعدها بالتوجه لـ file manager من لوحة التحكم الخاصة بموقعك – Cpanel .

سيطلب منك تحديد المكان الذي تريده في البداية وليكن الـ root . بعدها قمت بعمل directory جديد سأقوم برفع جوملا إليه مباشرة. الآن اخترت المجلد الذي قمت بتسميته: joomla . ثم بعد ذلك نختار upload كما في الصورة أعلاه.

6- قم باختيار ملف جوملا المضغوط ( سنقوم بفك الضغط بعد الرفع لأن العملية أسرع بدون مقارنة ) .

7- بعد إكمال عملية الرفع

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

8- سيقوم بسؤالك في أي المجلدات تريد أن تستخرج الملفات ؟ هل في نفس المجلد أم مجلد آخر تقوم بكتابته له. طبعا أنا هنا اريدها في نفس المجلد الذي قمت برفع الملف المضغوط إليه ( Joomla ) .

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

9- في متصفحك اكتب رابط مجلد جوملا في موقعك ( او اكتفي برابط موقعك في حال قمت برفع جوملا إلى public_html مباشرة )

ستبدأ الآن عملية التنصيب.

10- اختر اللغة التي تريدها :

ثم اضغط Next

11- بعد ذلك سيقوم بالتحقق من بعض المتطلبات لضمان عمل السكربت تأكد من أن كل شيء على مايرام و متوافق مع الموصى به من جوملا recommended – ثم بالطبع سيقوم باستعراض رخصة الاستخدام. كل ماعليك عمله هو المتابعة عن طريق:

12- في المرحلة التالية سنقوم بربط جوملا مع الداتا بيس المعدة مسبقا:

نوع الداتا بيس : mySQL – ثم تقوم بوضع اسم قاعدة البيانات التي أنشئتها واسم المستخدم و كلمة المرور. ثم بعد ذلك Next

13- بعد الخطوة السابقة ستظهر إعدادت بسيطة منها اسم الموقع ، وإيميلك الشخصي و كلمة السر للتحكم في موقعك ( تماثل كلمة السر لدخول مدونتك )

بخصوص الـ sample data فهي عبارة عن بيانات أساسية يقوم جوملا بوضعها للتعرف أكثر على النظام ، مثل القوائم المعدة مسبقا وبعض المقالات ومحتوى وهمي لتفهم كيفية عمل جوملا وطرق عرض المحتوى. اخترت هنا أن لا أقوم بوضعها في موقعي.

بعد ذلك واصل العملية عن طريق:

14- اقتربنا الآن من النهاية لكن يجب أولا أن تقوم بحذف المجلد الذي يحمل اسم installation الموجود داخل مجلد joomla او على حسب ما قمت بتسميته.

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

بعد ذلك كل الموقع سيكون تحت تحكمك شاهد كيف أصبح جوملا بعد التنصيب :

http://www.nawal-saad.com/joomla/

——————————-

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

شكرا لصبرك و وصولك لآخر التدوينة

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

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

hp psc 750

هذه الطابعة وبلا مبالغة هي الأكفأ، استمرت لمدة تزيد عن 9 سنوات وتخدم جميع أفراد المنزل. الطابعة من نوع 3×1 – سكانر – طابعة ملونة – تصوير. سعرها كان مثالي مقابل ما تقدمه الطابعة من خدمات وقوة أداء علاوة على أنه قبل 9 سنوات كانت أسعار الطابعات ليست في متناول اليد دائما. كان سعرها حوالي 900 ريال. جودة الطباعة ممتازة، السرعة متوسطة للتفاصيل الكثيرة في الورقة سريعة في التقارير و النصوص التي لاتحتوي صور.

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

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

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

لازلت متمسكة بطابعة منفردة لي :] بحثت عن أخرى لكن اخترت أن تكون من نوع المهام المتعددة فاخترت : HP 1210

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

بعد تطور التقنيات وازدياد مؤشر الكسل لدي، لم أعد احتمل طابعة بسلك! خصوصا عندما تكون بعيدة عن اللاب توب أجد انها عملية شاقة أن أذهب بالجهاز وأقوم بتوصيله بالطابعة علاوة على مشاكل التوصيلات الكهربائية. فكرت باقتناء طابعة بلوتوث لكن الحمد لله ان مشروع شرائها تأجل من غير سبب :] لحين صدور طابعة لاسلكية Wireless والتي استخدمها حاليا وقمت بشرائها قبل 3 أشهر تقريبا. طابعة بدون أسلاك بحد ذاتها فكرة محفزة للتجربة :] اشتريتها من مكتبة جرير بسعر يقارب الـ 450 ريال سعودي. دقة الطابعة ممتازة جدا، سرعتها رائعة نوعا ما، الطابعة ايضا لها مهام متعددة طباعة وتصوير وسكانر، وكل منهم ينجز العمل المطلوب بشكل أكثر من رائع. أستطيع استخدامها وأنا في أي مكان بالمنزل دون الحاجة إلى التواجد في نفس مكان الطابعة. كل ماتحتاج إليه هو: طابعة واير لس + راوتر لاسلكي + جهاز كمبيوتر يدعم الاتصال اللاسلكي وتمتع بنعمة الواير لس :].

اسم الطابعة : HP C4583

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

]]> http://www.nawal-saad.com/blog/?feed=rss2&p=97 11 http://www.nawal-saad.com/blog/?p=89 http://www.nawal-saad.com/blog/?p=89#comments Sun, 08 Nov 2009 00:52:20 +0000 Nawal http://www.nawal-saad.com/blog/?p=89 بسم الله الرحمن الرحيم و السلام عليكم ورحمة الله و بركاته ، استكمالا للسلسلة المرتبة عشوائياً :

usability:استخدام الألوان في تصميم المواقع

Usability: الصفحة الرئيسية – home page

————————————–

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

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

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

القوائم

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

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

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

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

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

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

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

——————————————

الروابط

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

أولوية أهم رابط : في حال عرضك لأكثر من رابط، احرص على أن يكون أهم رابط في الموضوع هو أولها. غالبا يقال أن الروابط الأولى هي التي تحظى بمعدل زيارات أعلى كما أنها تستحوذ على اهتمام القارئ أكثر من اللتي تليها.

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

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

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

أين تفتح الروابط؟: شكرا لمشهور الدبيان على تدوينة وضح فيها متى يكون من الضروري أو عدمه فتح الروابط في نافذه جديدة أو في نفس النافذة

(F)

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

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

لتحميل الأداة: JQueryPad .
لمعلومات أكثر قم بزيارة رابط التدوينة للمبرمج

usability:استخدام الألوان في تصميم المواقع

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

سأقوم بتلخيص بعض النقاط من مجموع قراءاتي المتواضعة:

#الصفحة الرئيسية هي التي تعطي الانطباع الاول عن الموقع ككل، فاحرص أن تكون الصفحة تعبر عن موقعك بشكل ممتاز، فلا تظلم المحتوى بسوء تنظيم أو تصميم الصفحة الرئيسية.

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

#وضّح الأقسام الرئيسية في موقعك عير الصفحة الرئيسة بحيث تكون مرئية وقابلة للتصفح من قبل جميع الزوار من خال الصفحة الرئيسية ولا حاجة لتضيع وقت الزائر في البحث عن القسم الفلاني. اعتمد طريقة عرض سهلة و واضحة. مثلا: القوائم تكون في الأعلى وكل قائمة اساسية تنبثق منها قوائم فرعية تعبر عن تفرعات الأقسام الرئيسية في الموقع. ( والأمثلة كثيرة ).

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

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

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

#جمال الصفحة الرئيسية وحسن تصميمها وخلوه من الأخطاء يحبب الزائر في تصفح بقية الموقع. والتصميم الممتاز لا يكون طبعا بكثرة الألوان أو الصور.

#احرص على اختيار وصلة واضحة وقصيرة للموقع ، حتى لايصعب على الزائر تذكرها او يخطئ في كتابتها. مثلا: اختر الحروف الأولى من اسم الموقع، سيكون بذلك الرابط URL قصير و واضح.

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

#عنوان الصفحة مهم جدا للقارئ ولمحركات البحث، اجعله واضحاً و بسيطا ومن غير زخارف أو رموز لا تسمن ولا تغني من جوع. فـ : التصميم الرقمي ، افضل من الـــــتـــصـــ××ــمـــيم الـــرقــمــــــ××ـي !

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

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

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

#في الصفحة الرئيسية احرص على توافر كل أقسام موقعك المهمة، ولا تنسى الروابط المهمة للصفحات المهمة مثل: الاتصال بنا ، عن الموقع ، من نحن ، الاقتراحات أو المشاكل ……..ألخ (navigation)

#باختصار الصفحة الرئيسية يجب أن تحتوي على 3 أشياء مهمة:

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

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

إلى اللقاء في الحلقة القادمة

السلام عليكم ورحمة الله وبركاته.. أتمنى أن يكون الجميع بخير وصحة.

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

منيو الأكورديون: هي قائمة اساسية تحتوي على عناوين فرعية، هذه العناوين الفرعية تظهر عند النقطر على العنوان الأساسي في القائمة، ويصاحب ظهورها تاثيرات حركية بسيطة.

كل ما تحتاجه لتطبيق هذا الدرس: HTML editor (NotePad Plus Plus) g  / معرفة بسيطة جدا بالـ HTML  و CSS و J-query.

أولاً :

سأقوم بعمل هيكل القوائم الأساسية في الـ HTML عن طريق الـ ul tag ، لكن أولاً سأقوم بمناداة مكتبة الجي كويري في جزء الـ Head

ثم بعدها سأكتب قوائمي:

الآن نحتاج الـ CSS لعمل شكل القائمة لأنها الآن مجرد قائمة بدون شكل أو لون:

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

استخدام تاثير slide In / slide out effect سيساعدنا كثيرا في إضفاء حركة جميلة عند ظهور العناوين الفرعية للقائمة. و ستلاحظ أنه أكثر سلاسة من تاثير fade in / out.

if(false == $(this).next().is(‘:visible’)) {

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

$(‘#menue > ul:eq(0)’).show();

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

/

$(‘#menue > ul’).slideUp(200);

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

——————-

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

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

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

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

التباين:

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

هنا نلاحظ وضوح النص وعدم تعارضه مع الخلفية البيضاء.

وهنا أيضا لون النص يختلف تماما عن لون الخلفية الداكن، مما يضمن لنا وضوح القراءة:

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

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

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

السطوع:

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

عمى الألوان:

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

ألوان الويب الآمنة:

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

أعتقد الآن مع تطور الشاشات، لن تصبح هذه النقطة مشكلة بعد الآن. لكن الحذر والاحترافية واجبة .

ألوان الروابط:

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

الدلالة للأهمية:

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

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

موقع سيساعدك في اختيار الألوان والتوفيق بين الدرجات:

http://www.colourlovers.com

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

*هذا درس تعليمي عن كيفية البدء بتركيب الجافا في جهازك. كلنا نعلم ان لغة الجافا تحتاج إلى بيئة خاصة تسمى JDK حتى تستطيع برمجة تطبيقاتك بالجافا. مع هذا الدرس التعليمي سترى و بوضوح كيف تقوم بتركيب الـ JDK.

*من هذا الدرس تستطيع عمل برنامج جافا يحتوي على شريط قوائم وبسهولة :

* إذا لم يكن لديك أي خلفية عن HTML سيتيح لك هذا الدرس التعرف عليها وكيكفية بناء المواقع عن طريقها باستخدام notepad

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

* تعلم كيف تصنع تقسيم صفحات موقعك عن طريق برنامج الفوتوشوب :

*عن طريق اليوتيوب أولاً تعلمت لغة الـC# وجدت الكثير من المقاطع المفيدة حقيقة وهذا أحدها ، أستطيع القول انك ستتمكن من صنع اول برنامج لك بالسي شارب بسهولة:

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

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

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

كيف أقوم بذلك ؟

• اذهب إلى الموقع font capture

• ثم اضغط على  Create Your Font now

• سيطلب منك كخطوة أولى أن تقوم بتحميل القالب المخصص وطباعته، قم بطباعته واكتب على الورقة طريقة رسمك للحروف.

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

• عند انتهائك من كتابة الحروف بخط يدك قم بإدخال الورقة في السكانر ويفضل حفظها بصيغة PNG ثم قم برفعها في الخطوة الثالثة حيث تستطيع أيضاً تسمية الخط بالاسم الذي تريده.

• سيقوم الموقع بتحويل خط يدك من النموذج إلى خط تستطيع به الكتابة في جهازك في بضع ثواني. وستستطيع تحميله وتركيبه على جهازك كسائر الخطوط .

———————————————-

* للأسف الموقع لايدعم الخطوط العربية لكونه أجنبي والخط العربي قواعده تختلف كثيرا ً ( بعد التحديث )

* الخط في الصورة العلوية خطي :] وبالمناسبة أستطيع القول أني أُصبت بصدمة عندما شاهدته، لمن أكن أتوقعه بهذه البشاعة :]

باتريوت و حرب الخليج:

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

علاج السرطان الإشعاعي:

خطأ الجهاز المبرمج لعلاج مرضى السرطان بالإشعاعات نتج عنه وفاة 8 أشخاص و تضرر 20 آخرين بإصابات خطيرة جداً. طبعا المشكلة كانت بسبب خطأ برمجي حيث لم يتم حساب الجرعات اللازمة للمرضى بشكل صحيح مما عرض الكثر من المرضى للوفاة و الخطر. حيث أن الجرعات تعطى بناء على المعلومات المدخلة للجهاز ولكن الجهاز بسبب خطأ برمجي أصبح يعطي جرعات مضاعفة من العلاج مما أدى إلى قتل البعض بسبب الخطأ في قياس مقدار الجرعة المناسبة. يقال أن المسؤولين قانونيا عن مراجعة وتدقيق الحسابات للبرنامج قد تمت مقاضاتهم و اعتـُبر مثل هذا الأمر جريمة. للاستزادة

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

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

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

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

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

أخيراً : الكمـــــــال لله