الجمعة، 16 ديسمبر، 2011

شبكة المجتمع العالمي



شبكة المجتمع العالمي (World Community Grid) هي منظمة خيرية بدأت في نهاية سنة 2004 هدفها إنشاء أكبر تجمع حاسوبي لخدمة مشاريع إنسانية.

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

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

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

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


الجمعة، 26 أغسطس، 2011

رحلة التصوير لمدينتي تاروت ودارين

بين أزقة الحي القديم
   كنت محظوظاً عندما استوقفني صديقي فيصل أمام منزلي وأخبرني بعزم جماعة التصوير بالجارودية تنظيم رحلة تصوير الى الأماكن الأثرية في تاروت ( قلعة تاروت , الحي القديم ) وكذالك ميناء دارين في شرق المملكة العربية السعودية. في اليوم التالي الموافق للثامن من جولاي، قمت بإستعارة كاميرا بنت أختي العزيزة، الكاميرا هي كانون 550D T2i، وكذلك عدسة كانون 24-105 من صديقي فيصل (لأنني تركت عدة التصوير الخاصة بي في أمريكا).




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




بعض مما خرجت به :)

سيلويت

صورة مقربة لنفس السيلويت

بيت مبني على الطراز القديم





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


الاثنين، 9 مايو، 2011

تحديث: موقعي الشخصي



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

البرامج المستخدمة: Adobe Dreamweaver، Visual Light Box، WOW Slider.

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

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

صفحة من أنا: بعض المعلومات عن العبد الفقير :)


صفحة معرض الصور: كل صورة عبارة عن رابط لصفحة من صفحات المعارض التي أنشأتها.


قمت بإستخدام Visual Light Box لإنشاء معرض الصور الخاصة بي (سهل الإستخدام).المعرض يستعرض الصور بستخدام الـ "jquery" عارض جافا سكربت.

 

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


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

السبت، 7 مايو، 2011

رمز الإستجابة السريع - للمصممين



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

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





مايكروسوفت أنشأة رمز وصول سريع جميل، مختلف نوعاً ما، أسمته Microsoft Tag.

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

بعد التسجل في موقعهم، أنشأ التصنيفات الخاصة بك وبعدها اذهب للـ Tag Manager.
إضغط Create a Tag

أدخل المعلومات المطلوبة. أسفل tag type يمكنك إختيار نوع رمز الوصول إلى URL، App Download، Free Text، vCard، أوDialer.

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

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

هذا التصميم العادي:

يمكنك تجربت الرموز التي قمت بإنشائها، ولكن يجب عليك أولاً أن تقوم بتحميل التطبيق من هنا، متوفرة للآيفون و الآندرويد وغيرها.

السبت، 9 أبريل، 2011

عمل مشترك - تصميم موقع إلكتروني





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

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


دوري في العمل

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

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

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

قمنا بتقسيم العمل كما يلي:

الشعار، ورأس الموقع  | Emily & Cale
المحتوى| Brent
تمثيل العميل | Salman
الصور/التصوير | إنشاء/تصوير الصور أو الحصول على صور مفتوحة المصدر Christina & Kimi
ترتيب الموقع | April & Cale



قمنا بإتباع هذه الخطواط:
  1. عمل الخط الزمني للمشروع مع تاريخ إنهائه والشخص المسؤول
  2. مقابلة العميل و البحث
  3. خريطة الموقع - تصمم من خلال الكمبيوتر لكامل الموقع
  4. قائمة الميزات الخاصة بالموقع | ما مجموعه: 8، نحتاج إلى اختيار أكثر من 6 بالإضافة لل CSS و حساب Twitter مع خلفية مخصصة تطابق تصميم الموقع الخاص بنا (مثال:عرض شرائح فلاشي، نموذج للمراسلة)
وبعدها قمنا برفع الموقع إلى PSUWebDesigners

الاثنين، 4 أبريل، 2011

كواليس تصميم إعلان المعرض





لقد قمت بتصميم إعلان المعرض الخاص بي في السنة الماضية، لمادة Digital File Preparation والتي تدرسها المدرسة Christel Benson. عرفت مسبقاً أنني سأقوم بإستخدامه في المستقبل، وبالفعل ها أنا أستخدمه ;)

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

لقد جذبني هذا التصميم، فكرته هي التي جعلتني أبدأ  في تصميم إعلان المعرض.


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

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

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

السبت، 2 أبريل، 2011

تعديل / تخصيص المدونة الخاصة بك



بعد إنشاء مدونتك من موقع بلوجر Blogger، قد يفيدك هذا الفيديو وهذا الشرح البسيط.


هناك أكثر من طريقة لتخصيص و تعديل مدونتك ، ولكن الطريقة السهلة هي عن طريق صفحة الـ Template Designer أسفل صفحة و اعدادات الـ Design .


بعد اختيارك للقالب (انا قمت بختيار Watermark)، هناك أكثر من 15 قالب قابل للتعديل.



اخترت التوزيع الذي يناسبني، يمكنك اختيار عدد الأعمدة الجانبية التي تريدها.


هنا يمكنك ضبط عرض الأعمدة و عرض المدونة.


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

هذا هو التصميم القديم.

بعد أن قمت بضبط وتعديل عرض المدونة والشريط الجانبي من قائمة التعديل.


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


قالب آخر يسمى Ethereal، ربما أختاره في المستقبل عندما أرتب محتوى موقعي.


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