الكاتب نوال القصيّر

معلومات عن الكاتب

جوملا ! نظام إدارة المحتوى| التنصيب19 من التعليقات

الكاتب: 26 يناير, 2010
الزيارات: 4,997

Joomla logo جوملا ! نظام إدارة المحتوى| التنصيب

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

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

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

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

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

المزيد

usability: سهولة الوصول والتصفح7 من التعليقات

الكاتب: 8 نوفمبر, 2009
الزيارات: 1,743

بسم الله الرحمن الرحيم والسلام عليكم ورحمة الله وبركاته

استكمالا للسلسلة المرتبة عشوائياً:

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

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

jq9 usability: سهولة الوصول والتصفح

القوائم

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

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

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

المزيد

Usability: الصفحة الرئيسية – home page10 من التعليقات

الكاتب: 24 أكتوبر, 2009
الزيارات: 3,294

السلام عليكم ورحمة الله وبركاته، استكمالا للسلسلة المرتبة عشوائيا icon smile Usability: الصفحة الرئيسية   home page

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

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

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

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

المزيد

كيف تصنع قائمة الـ Accordion باستخدام جي-كويري6 من التعليقات

الكاتب: 13 أكتوبر, 2009
الزيارات: 1,922

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

menu0 كيف تصنع قائمة الـ Accordion باستخدام جي كويري

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

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

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

المزيد

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

الكاتب: 6 أكتوبر, 2009
الزيارات: 5,160

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

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

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

المزيد

يوتيوب ليس فقط للمتعة! – 115 من التعليقات

الكاتب: 1 أكتوبر, 2009
الزيارات: 4,435

youtubelogo يوتيوب ليس فقط للمتعة!   1

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

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

(بقية المقاطع بعد الفاصل)

المزيد

font capture لتحويل كتابتك إلى خط6 من التعليقات

الكاتب: 15 سبتمبر, 2009
الزيارات: 1,321

myfont 300x180 font capture لتحويل كتابتك إلى خط

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

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

template guide font capture لتحويل كتابتك إلى خط

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

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

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

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

التدوينة الأصلية

أخطاء برمجية تسببت في كوارث22 من التعليقات

الكاتب: 13 سبتمبر, 2009
الزيارات: 3,790

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

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

patriot أخطاء برمجية تسببت في كوارث

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

شفرة كونامي | Konami Code11 من التعليقات

الكاتب: 1 سبتمبر, 2009
الزيارات: 3,588

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

kc شفرة كونامي | Konami Code

ماهو كود كونامي:

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

↑ ↑ ↓ ↓ ← → ← → B A

كود كونامي كما هو واضح من الصورة عبارة عن (الضغط بالسهم الأعلى مرتين متتاليتين ثم بالسهم السفلي مرتين ثم سهم اليسار ثم سهم اليمين ثم سهم اليسار ثم سهم اليمين بعد ذلك حرف b ومن ثم حرف a ثم enter) – (فوق فوق تحت تحت يسار يمين يسار يمين ثم b ثم a ثم انتر)

المزيد

جائزة slideshare9 من التعليقات

الكاتب: 13 أغسطس, 2009
الزيارات: 978

slideshare logo جائزة slideshare

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

  • أن تقوم بعد ذلك برفع عرضك التقديمي بأحد الصيغ التالية: PPT, PPS, POT, PPTX), OpenOffice (ODP), PDF, Adobe PDF Portfolios and Keynote or zip (for Mac users). وبحجم لا يتجاوز الـ 100 ميقا بايت.

slideshare1 جائزة slideshare

  • بعد انتهاء عملية الرفع ستظهر لك المعلومات التي يجب عليك ملئها حتى تتم عملية النشر كعنوان العرض والوصف وتصنيفه وما إلى ذلك، أيضا ستجد في الأسف قائمة منسدلة معنونة بـ: Enter Contest  اختر من القائمة: World’s Best Presentation Contest 2009 – ثم قم باختيار المجال كما هو موضح بالصورة. بعد ذلك قم بنشر العرض.

slideshare2 جائزة slideshare

* إذا كنت تريد المشاركة في فرع المسابقة الثاني وهو Best Acrobat 9 Presentation فيجب عليك اختياره من القائمة عوضا عن الاختيار الأول

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

الجوائز هي كالتالي:

  1. Apple MacBook Pro 13-inch worth $1199
  2. Amazon Kindle DX worth $489
  3. Apple iPhone 3G S worth $19

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

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

رابط الخبر من موقع slide share

1 - 212


المقالات في عالم التقنية تُعبّر عن رأي كاتبها ¦ © 2011 - جميع الحقوق محفوظة عالم التقنية ¦ تصميم و تطوير: عبدالملك الثاري ¦ تطوير : المُعاصر | الخوادم بإدارة ah