تجربة المستخدم UX / واجهة الإستخدام UI

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

تجربة المستخدم UX : سنأخد موقع كمثال

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

⇚ اخر المواضيع : 
كل ما تود معرفته حول الـFront End
كل ما تود معرفته حول الـBack End
تحسين ظهور مدونتك في محركات البحث 

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

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

تحسين ظهور المدونة في محركات البحث والشبكات الإجتماعية


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

تلعب أكواد الميتا دورا هاما في الموقع الإلكتروني عامة ومدونات البلوجر خاصة ، فهي التي تقوم بتحسين ظهور الموقع في محركات البحث والشبكات الإجتماعية ، وفي هذه التدوينة سأقدم لكم الطريقة الصحيحة والسليمة لإضافتها إلى قالب موقعك أو مدونتك .
  1. الخطوة الأولى : توجه إلى المدونة ، المظهر ، تحرير HTML
  2. الخطوة الثانية : ابحث عن وسم <head> وستجده في الأهلى دائما ، تحته مباشرة ضع الأكواد التالية :
  • الكود الأول : وظيفته إضافة أكواد الميتا الخاصة ببلوجر ، وهو كود رسمي من البلوجر
    <b:include data='blog' name='all-head-content'/>

  • الكود الثاني : يلعب نفس دور الكود الأول ، لكنه أكثر تفصيل ، ويفضل إضافته أيضا


<b:if cond='data:blog.canonicalUrl == data:blog.canonicalHomepageUrl'>
<title><data:blog.pageTitle/>: <data:blog.metaDescription/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>الصفحة فير موجودة - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
</b:if>
</b:if>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
<b:if cond='data:blog.metaDescription != &quot;&quot;'/>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta content='ضع الكلمات الدلالية لموقعك مفصولة بفاصلة' name='keywords'/>

3. الكود الثالث : كود تحسين ظهور الموقع والتدوينات في الفايسبوك


<!-- Begin Open Graph -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='رابط لشعار الموقع' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
<meta content='رمزأي دي تطبيق الفايسبوك' property='fb:app_id'/>
<meta content='أي دي الخاص بحسابك في الفايسبوك' property='fb:admins'/>
<!-- End Facebook Open Graph -->

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

https://www.facebook.com/mohamed.asfar.188

 الكود الرابع: كود ظهور التدوينة والموقع في تويتر

<!-- Begin twitter card -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<b:if cond='data:blog.metaDescription'>
<meta content='summary' name='twitter:card'/>
<meta content='@User-twitter' name='twitter:site'/>
<meta content='@User-twitter' name='twitter:creator'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image:src'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
</b:if>
</b:if>
</b:if>
<!-- End twitter card -->
User-twitter يوضع مكانه اسم المستخدم الخاص بك على تويتر

إلى هنا ينتهي هذا الدرس ، يمكنك الحصول على جميع الأكواد من هنا  https://jsfiddle.net/4rd9u364/

كل ماتود معرفته حول الـBack End

في درس مقال سابق تعرفنا على ماهو الفرونت اند (كل ما تود معرفته حول الـFront End). و ذكرنا أن الفرونت اند لايمكن الإستغناء عنه في إنجاز مشروع ما. بعد الإنتهاء من تكويد المشروع من طرف الفرونت اند ديفلوبر يقوم مطور الباك اند باستقبال المشروع للعمل عليه. طبعاً الباك اند ديفلوبر يحتاج إلى مشروع تم تكويده سابقاً، فهو لا يهتم بالمظهر أو الألوان أو أي شيء يظهر للمستخدم. إذا مادوره ؟ سؤال 'بليد' أليس كذالك ؟

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

الباك اند ديفلوبر - Back-End Developer : 
شخص أصدقائه السيرفرات، الـif و الـwhile، شخص لا يهتم بالمظهر أكثر من طريقة عمل المشروع، دوره هو كتابة أكواد نظيفة و لها دور في عمل الموقع مثلا. يمكننا القول أن دوره له مكانة و وزن في إنهاء مشروع ما، مطور الباك اند عليه أن يجيد لغات البرمجة المختلفة : PHP - Python - Ruby - ASP.NET - JAVA EE - Ajax، كما يجب عليه أن يجيد التعامل مع قواعد البيانات (SQL MySQL)، و أخيراً استخدام إطارات العمل مثل لارافيل.

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

كل ما تود معرفته حول الـFront End

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

الفرونت اند ديفلوبر :
هو الشخص ذو اللحية الطويلة، يحب شرب القهوة، يحب الهدوء، هو و بكل بساطة شخص يقوم بالعمل على تكويد واجهة الموقع، عندما نقول واجهة المستخدم يعني جميع العناصر التي ستظهر للمستخدم (خطوط، أزرار، ألوان، صور...)، يقوم باستقبال المشروع من قسم التصميم (سواء تم ذالك على الفوتوشوب أو السكيتش أو غير ذالك)، ثم يقوم بتنفيد ذالك ليحول التصميم الى أكواد و صفحات ويب. يمكن لمطور الواجهات أن يكون مصمم في ان واحد، يعني يقوم بالعمل على التصميم على برامج التصميم ثم تحويله لصفحات .html مثلا. و في حالة كان يعمل في فريق كما سبق الذكر فهو يعمل على تكويد المشروع باتباع التصميم. لتكون فرونت اند عليك أن تتقن بعض الأمور المهمة و التي هي : HTML - CSS - JS - JQuery - Bootstrap كما يمكنك التعمق أكثر و العمل على إطارات العمل الأخرى، طبعا البوتستراب هو الأكثر استخداماً. و لتكون مطور واجهات ناجح عليك أخذ جميع قواعد التصميم بعين الإعتبار، مثال : احترام المسافات.

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

بعض المصادر التي ستمكنك من تطوير مهاراتك :


لماذا عليك أن تتعلم أولاً تطوير واجهات المواقع :
لاشك أن أغلب المطورين و المبرمجين بداؤ بتكويد المشاريع، و ذالك عبر تعلم اللغات الأساسية html css js. و للتعمق أكثر يمكن تعلم لغات البرمجة، بعدها أنت من تقرر في أي مجال ترتاح فيه و تريد التعمق فيه أكثر. و لا يختلف اثنان أن المجال الذي تعشقه يمكنك الإبداع فيه أكثر. لهذا في حالة أردت العمل كمطور واجهات عليك إتقان الـHTML CSS JAVASCRIPT و أيضا التعامل مع مختلف إطارات العمل و بالأخص البوتستراب. بعد ذالك يمكنك العمل على مشاريع خاصة بك، أو خاصة بعملاء و في النهاية أريد أن أقول لك، كمطور ويب يمكنك أن تعيش حياة أفضل....

مسابقة نجمة - 100 دولار

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


مشاريع نجمة المستقبلية :
  • نجمة اب : منصة لدعم المبدعين (الحالة : تخطيط)
  • تطوير نجمة بلس للأفضل (الحالة : في طور العمل)

مسابقة لربح 100 دولار :
قبل سنة قمنا بعمل مسابقة لربح 50 دولار، و الهدف منها تشجيع المبدعين، السنة الماضية المسابقة كانت عبارة عن تكويد قالب بلوجر (من الصفر) و إرساله للموقع لمراجعته و اختيار فائز، الحمدلله توصلنا بقوالب جيدة و رائعة سواء من ناحية الشكل، الألوان، الإضافات...
هذه السنة سنسير على نفس المنوال، يعني يجب عليك تكويد قالب خاص بك، غير معدل، تكويد من الصفر، يجب أن يكون التصميم جيد، ألوان مريحة للعين، إضافات تعمل، لوحة تحكم إجبارية، بعد أن تقوم بذالك تقوم بإرساله للبريد الإلكتروني التالي : contact@najmaplus.com

الشروط : 
  1. تصميم مريح
  2. ألوان جذابة
  3. كود نظيف
  4. لوحة تحكم للقالب
  5. إرفاق شرح لطريقة تركيب القالب (vidéo or pdf)
  6. إرفاق جميع الإضافات التي تخص القالب
  7. نشر المنشور التالي على حسابك على الفيسبوك : 
لقد شاركت في مسابقة نجمة لسنة 2017 لربح 100 دولار، يمكنك المشاركة أيضاً على الرابط التالي : https://goo.gl/FiPMYy
أو يمكنك زيارة موقع نجمة بلس للمزيد من الأعمال و الدورات : www.najmaplus.com

سيتم التحقق من جميع الشروط، نهاية المسابقة يوم 30 أكتوبر 2017  - يجب أخذ كل الوقت قبل إرسال القالب، المدة كافية لتكويد قالب في المستوى و ينال إعجاب اللجنة، سيتم التحقق من جميع القوالب، في حالة كانت معدلة يتم رفضهاً. أتمنى التوفيق للجميع و في انتظار إبداعاتكم 💙 
[انتهت]

لعبة فيديو رعب صناعة عربية

السلام عليكم و رحمة الله تعالى و بركاته , هذه التدوينة سنقدم لكم فيها لعبة فيديو رعب قام ببرمجتها و تصميمها أحد أعضاء مدونة نجمة
هذه اللعبة قام ببرمجتها على منصّة UNITY المعروفة , و هذه النسخة من اللعبة هي الجزء الأوّل منها فاللعبة تنقسم إلى 5 أجزاء
و سيتم رفعها بالتسلسل , أسم اللعبة FIND THE WAY OUT أي جد طريق الخروج و تتمحور قصّتها حول شاب في ال23 من عمره أسمه جاك تعرّض لحادث سيارة جعله يدخل في غيبوبة طالة قرابة سنتين و في تلك الفترة حدثت كارثة بتسرب الغاز X الذي كانت تعمل على المختبرات الأمريكيّة بهدف التحكم بسلوك و شخصيّة الأنسان لكن هذا التسرّب كانت نتائجه كارثيّة حيث تحوّل معضم البشر إلى زومبي دمروا العالم , هل سيتمكن جاك من العيش و إجاد حل للخروج و القضاء على هذه المخلوقات و إعادة الحياة للعالم أم لا ؟
قصّة اللعبة مشوقة جدا كذلك من ناحية الغرافيك فهي جيّدة , اللعبة تعتمد على الذكاء و الفطنة و ليس التسرّع فهناك العديد من الألغاز التي يجب حلها في اللعبة لتتمكن من أنهائها
أترككم مع بعض الصور من اللعبة و مع فيديو قصير للعبة :


لكل من يريد تحميل اللعبة يمكنه الضغط هنا
و شكرا جزيل
مبرمج اللعبة : محمد الياس هلال يمكنكم التواصل معه عبر حسابه على الفايسبوك من هنا

قالب بلوجر نجمة الإصدار الحالي مجانا

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

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

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

على الهامش #1 شعارات عربية رائعة

السلام عليكم و مرحبا بالجميع، هذه التدوينة ستكون التدوينة الأولى من سلسلة "على الهامش"، كل يوم أحد سنقوم بطرح مجموعة من الأعمال الرائعة سواء كانت تصاميم أو مواقع، أو مشاريع برمجية، بشرط أن تكون عربية، يمكننا القول أن فقرة "على الهامش" تعطي قيمة للمحتوى العربي، و كذالك هو تشجيع للمبدعين العرب. في هذه التدوينة سنتعرف على مجموعة من الشعارات من طرف احد المبدعين السعوديين Fahd Al Fraikh. شعارات جد رائعة و أنيقة.












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

يقول فهد : هو تحدي شخصي مسلي قمت من خلاله بتصميم ١٠٠ كلمة عربية بطريقة ذكية توضح معناها.

إطلاق نجمة بلس

مرحبا بالجميع،
نجمة : مشروع بدأ سنة 2015 من فكرة بسيطة، مدونة لنشر المعلومة، قناة على اليوتوب و التي للأسف تم حظرها من طرف اليوتوب، نجمة بدأت من الصفر و الهدف كان نشر المعلومة، لم يكن همها ربح المال بتلك الطريقة، توفر مواضيع راقية و تجعل المتابع يتصفح الموقع دون إزعاج. اليوم -12/07/2017- يتم إطلاق موقع نجمة بلس مشروع من بين قائمة المشاريع التي نطمح إطلاقها. لهذا في هذه التدوينة سنقربكم أكثر من نجمة بلس، كيف يعمل الموقع، مميزاته، و كل هته الأمور سنتعرف عليها جميعاً.

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

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

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

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

المستويات : 
المستوى 1 
المستوى 2 
المتسوى 3 
المستوى 4 
المستوى PRO 

للمزيد من التفاصيل شاهد الفيديو التالي :


لاتنسى الاشتراك بالقائمة البريدية للتوصل بجديد العروض و التخفيضات

الموقع : www.najmaplus.com و شكر خاص لـ ليليوم

دورة للفوتوشوب (دروس في جميع التخصصات)

السلام عليكم أحبابي في الله، نتمنى أن تكونوا بخير و نعتذر على التأخير في طرح دروس جديدة سواء على قناة نجمة على اليوتوب أو كذالك على المدونة، لكن ليكن في علمكم أننا نحضر لكم مفاجأة رائعة ستنال إعجابكم. في هذه التدوينة إن شاء الله ستكون عبارة عن خلاصة لدورة الفوتوشوب التي سنقدمها بحيث سنقوم بتقديم دروس عملية يمكنك التعلم منها. الدروس تختلف و هذا هو الهدف من الدورة يعني أن هناك دروس حول اللوحات الإعلانية مثلا، و دروس حول الويب دزاين، و غيرها من التخصصات، سيكون هناك تنوع في الدروس حتى لايمل المتابع. 
بعض الدروس التي سنقوم بوضعها :
#1 تغيير لون القميص بطريقة جد بسيطة و لاتتطلب أية مهارة في الفوتوشوب
#2 تصميم هيدر لموقع ما
#3 تاثير الـParallax على الصور
#4 تأثير الـGlitch على الصور
#5 عمل بوستر لفيلم ما
#6 تكبير حجم الرأس - الأعين بطريقة جميلة و مضحكة :v
#7 تصميم بوكس اميل فلات
#8 تاثير retro على النصوص بطريقة رائعة
#9 تاثير الـMotion Blur على الصور
#10  أترك لنا تعليق لدروس اخرى تريدها 

رابط الدورة (مجانية) : https://goo.gl/0794cR 
طبعا الدروس ستكون جد مبسطة حتى يطبقها أي شخص كان، بالنسبة لمن يسأل على دروس البرمجة لدورة برمجة سكربت موقع تواصل اجتماعي فإن شاء الله سنكمل الدورة الى أن نصل الى نشر المنشورات على حسابه فقط و الباقي يمكنك عمله بما أن وصلت الى ذالك المستوى من الدورة، يعني الأمور الأخرى مشابهة للأمور التي قمنا بها. تحياتي لكم، نلتقي في دورات اخرى.

دورات لتعلم الووردبريس من الصفر

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

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

هذه بعض الدورات التي يمكنك متابعتها و التي أنصحك بها شخصياً :

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

للعلم فقط فكود التخفيض يمكنك استعماله لدورات اخرى غير الووردبريس.

للمصممين : إختصارات لبرامج أدوبي

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

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

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




أمر جد بسيط و سهل لحفظ اختصارات برامج أدوبي، لم أذكر جميع الإختصارات لجميع البرامج لكن يمكنك تحميل غيرها عبر الرابط التالي، سواء للأفترإفكت، أدوبي برومير...:  http://goo.gl/jNOf1l
يمكنك أيضا زيارة موقع أدوبي الرسمي لمعرفة جميع الأختصارات للبرامج التي تسخدمها و التي تحتاجها للعمل، لهذا لكي تربح الوقت قمت بجلب لك بعض الروابط التي قد تفيدك لعدة برامج مشهورة من شركة أدوبي :
1 - أدوبي فوتوشوب https://goo.gl/PhnV2C
2 - أدوبي إليستراتور https://goo.gl/KJMvzj
3 - أدوبي إن دزاين https://goo.gl/AW5pLF
4 - أدوبي فلاش https://goo.gl/efwkEb
5 - أدوبي برومير https://goo.gl/3a85JM
6 - أدوبي أفترإفكت https://goo.gl/BGqPAf

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

العمل على السكيتش في الويندوز -SKetch-

السلام عليكم أحبابي في الله، أنصحك بقراءة هذا الموضوع لأخره إن كنت مصمم واجهات مواقع، مصمم واجهات تطبيقات، لنقل مصمم فقط، أنت كمصمم تحتاج لبرامج للعمل كالفوتوشوب و غيرها، لكن يبقى الأفضل هو برنامج السكيتش فهو يتمييز بالعديد من المميزات و سهولة التنقل بين التصاميم. و من بين سلبيات البرنامج أنه متوفر فقط لأجهزة الماك، و لاتوجد إصدارات للويندوز للأسف، لكن في هذا الدرس سنتعرف على طريقة تشغيل برنامج السكيتش على الويندوز بطريقة يمكن أنك سبق و سمعت بها فهي منشرة جدا في الويب.
ماهو برنامج السكيتش :
السكيتش هو برنامج أكثر من رائع لأجهزة الماك و الذي يسمح لك بسهولة خلق تصاميم أكثر من مذهلة، يتسخدم البرنامج بكثرة من طرف مصممي واجهات المستخدم وUX. كما يقولون الـBohemian Coding (مبدعي البرنامج العملاق 'Sketch') :
ان برنامج السكيتش يمنحك القوة والمرونة والسرعة. وأخيرا، يمكنك التركيز على ما تفعله بحيث أنك تختار طريقة عرض التصاميم كما يحلو لك. و من بين السلبيات لهذا البرنامج العملاق أنه يكلف 99 $.
السكيتش يستخدم جرافيك فكتور لحفظ الملفات حتى يكون حجمها أقل بكثير مقارنة بالفوتوشوب. العديد من الأشخاص يقارنون برنامج السكيتش بالفوتوشوب لكن شخصيا و كـ رأي العديد من المصممين، فبرنامج الفوتوشوب ليس مخصص خصيصا للويب دزاين فهو للتصميم عامة و رغم العديد من التحديثات و الإصدارات الحديثة للفوتوشوب لدعم و توفير العديد من الأدوات التي تخص الويب دزاينر إلا أن برنامج السكيتش متقدم بشكل كبير في هذه النقطة و يعتبر البرنامج المثالي لكل ويب دزاينر.
تحميل و تثبيت برنامج السكيتش على الويندوز :
لب موضعنا هو تثبيت برنامج السكتيش على الويندوز و استخدامه كبرنامج رئيسي للتصميم، فهو من بين البرامج التي أحببتها و جربتها شخصيا، قمة سهولة و مرونة الإستخدام. لتثبيت البرنامج يكفي اتباع الخطوات التالية :
# 1 - أولا يجب عليك تحميل برنامج Vmware لتشغيل الأنظمة الوهمية على الويندوز فهو جد منشر في الويب و يستخدم بكثرة، يمكنك مشاهدة طريقة تثبيته عبر هذا الفيديو (هنا)
# 2 - الخطوة الثانية هي تحميل نسخة لنظام الماك حتى تتمكن من تثبيته على النظام الوهمي، يمكنك تحميل نسخة متوافقة مع البرنامج من (هنا)
# 3 - ثم الخطوة الثالثة و هي طريقة التثبيت، يمكنك مشاهدة الفيديو التالي لطريقة تبطيب النظام بشكل كامل على الـvmware (هنا).

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


دراسة البرمجة أو التصميم بعد الباكالوريا

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

اختيار تخصص اخر بعد شهادة الباكالوريا : 
بعد حصولك على شهادة الباكالوريا، يمكنك اختيار تخصص اخر غير الذي درسته منذ سنوات الباكالوريا. هناك سأتحدث عن نظام التعليم المغربي و الفرنسي، مثلا إن حصلت على BAC S فيمكنك عمل BTS أو DUT في أي تخصص أردت سواء كان تخصص علمي أو تكنولوجي، الحصول على BAC S يفتح لك العديد من الأبواب، يعني أنه عام. 

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

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

بعض المدارس التي يمكنك زيارتها أو مراسلتها للحصول على معلومات أكثر :
# - في فرنسا : 

1 - université de lorraine - IUT saint-dié-des-vosges من بين المدارس التي يمكنك طلب عمل DUT، لديها العديد من التخصصات، برمجة و تصميم المواقع، الصوتيات، التصوير السنيمائي... من بين المدارس التي زرتها و الرائعة، المشكل أن المقاعد محدودة دائما و يجب الحصول على ملف مدرسي جيد جداً و نتائج مدرسية مرضية ليتم قبولك. تقع في الشمال الشرقي لفرنسا و بالضبط في مدينة Saint-Dié يمكنك زيارة الموقع الرسمي للجامعة من هنا للحصول على معلومات أكثر.

2 - جامعة iut charlemagne المتواجدة في مدينة Nancy، كذالك من بين المدارس الرائعة، يمكنك اختيار و دراسة التخصص الذي تريد، يمكنك زيارة موقع الجامعة من هنا.

3 - و هنا تجد جميع المدارس المتواجد في فرنسا و التي تمكنك متابعة دراستك بعد الباكالوريا للحصول على شهادة الـDUT، من هنا. يمكنك البحث أيضا في الموقع، فموقع onisep من بين المواقع الرائدة في توجيه التلميذ ليصل إلى مراده.

# - في المغرب : 

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

تجربتي الشخصية : 
تجربة لم أندم عليها حقاً، لكن لم أرضي بها مئة بالمئة (ههه)، أدرس في فرنسا منذ سنة 2011 يعني مازلت في مستوى إعدادي، بعد الوصول الى مستوى اولى باكالوريا تخصصت في BAC STI2D و الذي يشمل كل التخصصات التكنولوجية، اولى باكالوريا اجتزت اختبار في اللغة الفرنسة (كتابي و شفوي) و اختبار شفوي في الإجتماعيات و التاريخ، الحمدلله تم الإختبار بنجاح. في ثاني باكالوريا وجب علينا العمل على مشروع كبير جدا و الذي كان معامله 12، يعني يجب الحصول على نقطة جيدة. المشروع يتم اختياره بين ثلاث أو أربع تلاميذ للعمل عليه معاً، ثم لدينا enseignement transversal sti2d و الذي يجمع العديد من المواد التكنولوجية منها البرمجة، الميكانيك.... و معامله 8 و طبعا الاختبارات الخاصة باللغات و الفلسفة.
بالنسبة للغات اخترت اللغة الإنجليزية و العربية رغم أننا لم ندرسها، لكن كنت متأكد أنني سأتفوق فيها، حصلت على شهادة الباكالوريا و الحمدلله، بعدها قررت التخصص في برمجة و تصميم المواقع، راسلت العديد من المدارس القريبة من المكان الذي أقطن فيه، و أيضا مدارس لعمل BTS تخصص هندسة الميكانيك التي تتواجد في نفس الثانوية التي حصلت فيها على شهادة الباكالوريا، لظروف شخصية لم أنتظر جواب مدارس دراسة برمجة و تصميم المواقع والتصميم عامة، و اخترت عمل BTS تخصص هندسة الميكانيك، للحصول على معلومات أكثر يمكنك البحث عن BTS CPRP، على العموم كانت جربة جيدة و الان نحن في الفصل الثاني من السنة الأولى و الأمور تجري على مايرام، النتائج جيدة، لدي العديد من الأفكار بعد الحصول على شهادة الـBTS سأعمل تدوينة حول هذا الأمر مستقبلا ان شاء الله، بحيث أن لدي مشاريع لا علاقة لها بما أدرسه الأن :v أتمنى من صميم القلب أنك استفدت من هذا الموضوع و أتمنى لك مستقبلا مزدهرا بالنجاح ان شاء الله سواء في حياتك الدراسية أو المهنية، نصيحة مني : إعمل في الامور التي تحب و التي ترتاح فيها، لاتصغ لأي شخص كان، أنت من تقرر مستقبلك. تحياتي لكم...

Tuto.com | منصة عالمية يجب عليك التعرف عليها

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

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

الدورات المتاحة في موقع tuto :
يوفر الموقع عدد جد كبير من الدورات الإحترافية و التي ستساعدك لتطوير مستواك سواء كان في البرمجة، التصميم، الموشن جرافيك و غيرها من المجالات، و هذه هي قائمة الدورات التي يقدمها الموقع و التي ستجعلك تتعلم الكثير كمصمم أو مطور أو مبرمج :
1 - للمصممين، أزيد من 2000 دورة حول التعديل على الصور. من هنا
2 - للمبرمجين، أزيد من 700 دورة احترافية حول البرمجة (PHP - JS......) من هنا
3 - أزيد من 300 دورة حول التصميم الجرافيكي و الموشن جرافيك من هنا 
4 - أزيد من 1500 دورة حول برنامج الفوتوشوب و التي ستجعل منك متمكنا من هذا البرنامج العملاق في جميع التخصصات، من هنا
5 - و أخيراً أزيد من 100 دورة حول برنامج الإليستراتور، من هنا

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

18 أداة عليك معرفتها في Photoshop

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


 أداة التحرك: من إسمها مبين عملها وهي تختص في تحريك الشيئ والتحكم في أمكنته (V)
 أداة الإختيار: وهي خاصة بقص أو إختيار الأشياء على أشكال هندسية مثل المربع والدائرة والمستطيل (M)
 أداة القطع أو القص: تستعمل في قطع الأشياء بالإختيار الذي تريد ، يعني إقطع ولا حرج (عملها مثل المقص في برامج أخرى)(L)
 الأداة السحرية: وهيغالبا تستعمل عندما تريد إختيار أو قص جانب بلون واحد يعني يكفي أنك تضغط عليه بهذه الأداة سيكون من ضمن الإختيار تلقائيا (لتتحكم فيه) ومن بعد إما تقص الشيئ المختار أو تستعملوا في مزايا أخرى (W)
 أداة التأطير: تختص هذه الأخيرة في تأطير مثلا حجم العمل إلى حجم أصغر فعندما تختار الإطار الذي تريد و تضغط على Entrسيصبح مجال العمل بالحجم الذي إخترته بأداة التأطير هذه (C)
 أداة إختيار الألوان: هذه أيضا عملها واضح من إسمها وهذه الأداة كثيرة الوجود في البرامج مونتاج الصورة وعملها معروف جدا وهو إختيار لون جديد على صورة معينة أوعمل ما (I)
 أداة الفرشاة: وإختصاصها غالبا يثمثل بطبع الفراشي في المكان الذي تريد وإما فراشي للديكور التي لا تكون موجودة على البرنامج ويجب عليك تحميلها من مواقع خاصة بهذا المجال إذا أردت ، أو يمكنك أيضا إستعمال الفراشي العادية الموجودة على البرنامج والمتاحة للإستخدام (B)
 أداة الطبع: ممكن تستخدمها إذا أردت أن تنسخ مكان معين من الصورة وتنشئه على مكان آخر من الصورة (على سبيل المثال) ، وغالبا ما يستعمل في إخفاء عيوب الوجه مثل “الحبيبات السوداء” وما إلى ذلك … (للطبع إختر المكان الذي تريد نسخه من مكان معين على صورة معينة وفي نفس الوقت خليك ظاغط على زر (Alt)) وزر هذه الأداة على لوحةالمفاتيح هو (S)
 أداة المسح: أداة غنية عن التعريف (E)
 أداة التدرج: هي أيضا غنية عن التعريف وتستعمل في إختيار تدرج الألوان وأشكاله (G)
 أداة الإصبع: إختصاص هذه الأخيرة هو توسيع الشيئ من جوانبه ، عندما تستعملها كمثال ستعرف جيدا عملها . (ليس لديها زرأوتوماتيكي كباقي الأدوات)
 أداة الكثافة: هذه الأداة تزيد من وضوح الصورة أي تنيرها وإذا ضغطت على السهم الصغير سيعطونك معاكستها والتي تنقص من كثافة الصورة أي تظلمها (O)
 أداة الريشة الطائرة: تستعمل للقص إو لإختيار شيئ معين على العمل لكن بطريقة حلزونية ممايلة (P)
 أداة النص: تستعمل للكتابة (T)
 أداة إنشاء أشكال هندسية: لكن عند إختيار تلك الأشياء الهندسية فلن تكون صالحة للتقطيع أي عكس الأداة الثانية (U)
 أداة الأبعاد الثلاثية: إذا كان برنامجك يتمتع بالأبعاد الثلاثية فستستعمل هذه الأداة لتدوير الشيئ المعين أو لتكبيره أو تصغيرة وما إلى ذلك … (K)
 أداة اليد: وهي لتحريك العمل بصفة عامة أي تتجول على أرجائه وأروقته عكس الأداة الأولى التي تحرك شيئ معين واحد فقط وتتحكم في مكانه (H)
 أداة التكبير: لتكبير أو تصغير الأشياء (Z) . للتكبير إضغط على +Ctrl وللتصغير إضغط على -Ctrl

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

أرشيف المدونة الإلكترونية

نص عادي

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

السلايدشو

فنون

إتصل بنا

الإسم الكريم البريد الإلكتروني مهم الرسالة مهم

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

المشاركات الشائعة

© 2014/2017 موقع وثيقتيجميع الحقوق محفوظة برمجة و تطوير : ذ.إقبـــال أوعيسى