popads

Tuesday, April 15, 2014

اداة Arduino المتحكمة القابلة للبرمجة

12:58 PM  samir  تعليق واحد








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


ستكون لنا حلقات لشرح كيفية استخدام المتحكمة  ان شاء الله
  • Modèle : ECT-219470
  • Poids:0.75Kgs (26.46 oz)



                                                                                                    فريق المحترفون

إقرأ المزيـــد

Wednesday, April 9, 2014

حل مشكلة عدم التناسق في جميع المتصفحات

11:37 AM  nabil40w  لاتوجد تعليقات



السلام عليكم

ساقوم اليوم بحل احد المشاكل التي صادفتني شخصيا في التكويد
حيث انني قمت بانشاء موقع وبعد اكمال التصميم شغلته كان تمام لكن؟
بمجرد ماجربته مع متصفح اخر كانت الكارثة كانه مجموعة من اشباااااااااح
المهم بعد البحث وليس من وحي الخيال الخاص بي والحمد لله النت شغال بحثت فوجدت انه يجب وضع مجموعة من الاكواد التعريفية لتتمكن باقي المتصفحات من تشغيل التصميم بنفس الكيفية وكانت النتيجة مذهلة
المهم ودون اطالة الاكواد بملف نصي اعمل نسخ ولصق في القسم المخصص بــــ CSS


المحترفون دائما

إقرأ المزيـــد

Tuesday, March 18, 2014

محاولة تصميم حقيقية

11:20 AM  nabil40w  لاتوجد تعليقات






سنحاول تفادي استخدام الصور كخلفيات لاني اراها مجرد خدع قديمة وتعود بالسلب على صاحب التصميم لصعوبة تغيير اللون والستايل لذا ينلجأ الى اختيار الالوان والتدرج والضل.
ستكون اول الخطوات :
  1-التصميم على الورق أو البوربونت
أ-سنقسم الصفحة الى:
1- هيدر
2-اللوجو
3-الاطار الجانبي
4-المحتوى 

النتيجة كالتالي:

ب-سنبدأ بالهيدر:
الهيدر أو الهيدر بار يحوي مجموعة من الازرار هي عبارة عن أهم اقسام الموقع واهدافه فمثلا الموقع المراد تصميمه هو عبارة عن منتدى عام فهنا غالبا نتخلى عن الاطار الجانبي ونكتفي بالمحتوى.
اما نحن سنبدا بتصميم موقع تعليمي.وعليه فسيكون الهيدر بار كالتالي وهذه المحتويات يمكنك اختيار انت ماتراه مناسبا لموقعك لجلب ولنشروللوصول وتحقيقو....... الهدف المرجو من الموقع.
1-الرئيسية
2-المعلم
3-المرئيات
4-تجارب
5-ماذا تعرف
6-اتقن هذا
7-اتصل بنا
8-التسجيل/الدخول/الخروج
9-الملف الشخصي
وعليه النتيجة ستكون كالتالي:

تـ-اللوجو : ويجب اختيار الوجو بعناية فهو الذي تعطي لزائر ملخص كلي عن الموقع.
بما اننا سنصمم موقع تعليمي سيكون اللوجو عبارة عن كلام او صور لمجالات تعليمية
سنختار من المجالات المتعددة والكثيرة مجال الدورة وهو البرمجة بصفة عامة و HTMLو CSSو Javasc بصفة خاصة.


ثـ-الإطارالجانبي:
ونبرز فيه اهم اقسام الموقع والاخبار والاعلانات.لذا سيكون على الشكل التالي:


جـ-اما المحتوى فيكون على خلفية ثابتة غير مموهة مثلا:


وتكون المحصلة النهائية كالتالي:

بعد الانتهاء من التصميم على الورق نأتي للتصميم على أرض الواقع

2-التصميم الفعلي/التكويد/
أ-HTML:
لقد قمنا بتقسيم الصفحة الى اربع اقسام:
1- هيدر(header)
2-اللوجو(logo)
3-الاطار الجانبي(s-bar)
4-المحتوى (body)

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<body>
</body>
</html>

بـ-لنقوم بالتقسيم المخطط له:

تـ-لنقوم الان بالتدقيق اكثر وهذا سياخذ مناوقت لذا سيقسم الدرس حسب العمل:
1-العمل على الهيدر والازرارالتابعة له وهو الذي سنركزعليه
2-العمل الاطار الجانبي
3-اللوجو سكون امرا جد سهل
4-المحتوى جد سهل لذا سيكونمسك الختام لدرس ككل 
5-تركالمجال مفتح لتعديل على الستيل النهائيوالاستعمال.

1-العمل على الهيدر:

الهيدر سيكون بحجم معين ولون معين والذي بداخله سيكون تابعا لاوصافه الا التي سنغير فيها تبعا للحاجة:


إضافة الازرار


التعديل عليها لتصبح اكثر تنسيقا.


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

الالوان اختيرت من موقع خاص باكواد التلوين
الموقع
راجع الدروس السابقة






لاتنسونا من صالح الدعاء

إقرأ المزيـــد

أقوى برامج التصميم و الانيميشن 2014

11:18 AM  nabil40w  لاتوجد تعليقات

السلام عليكم

الكثير منا يحب ان ينتج صورة خاصة به او فيديوا قصير كانترو او شعار خاص به في معظم انتاجاته او شرحاته فيلجاربما الى التصميم باستعمال صور واللصق والتعديل وقد ينتهي المشوار في الاخير بمنتج لايعبر عن جودة وراي وجهد المصمم.
لذا اقدم لكم اليوم برنامج الذي يعرفه الجميع لكن ربما الكثير منا لا يعرف طريقة استعماله والاستفادة منه.
3D MAX 2014 بنسخة الجديدة والرائعة.

التحميل

او


انا شخصيا استعمله في انتاج الصور بتقنية HD فهو جد رائع وذو نتيجة مذهلة
فهو يعطيك حرية كاملة في الابداع والتصميم انتاج صور باي تقنية وفيديوهات بشتى الطرق
من بين انتاجاتي لوجو للبلوجر المحترفونZ

وايضا


هناك دورة ستنطلق باذن الله بعد دورة HTML
الدورة سنستعمل فيها برنامج  3D MAX باي نسخة 10/13/14
إنتضرونا

إقرأ المزيـــد

Sunday, March 16, 2014

بدايات مع الجافا سكريبت 2

2:57 PM  nabil40w  لاتوجد تعليقات

السلام عليكم


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

التعريف بالمتغيرات -var-


<SCRIPT>

var num1=Math.floor((Math.random()*10)+1);        /*تعني ان المتغير عشوائي   ياخذ قيمة محصورة بين 0 و1 مضروب في عشرة مضاف اليه1 لنتحصل على رقم من   1 الى 10*/

var num2=Math.floor((Math.random()*10)+1);

var re0=window.prompt("ماهو مجموع العددين:"num1"+" num2);

/* نافذة فيها عملية ادخال تطلب مجموع رقم العددين الذين سيظهران عشوائيا*/

var re1=num1+num2;

/*لاستعماله في عملية التحقق*/

var re2="";

/*لاستعماله في عملية الاجابة*/





</script>

-if- دالة التحقق من الزبون 


<SCRIPT>

if (re0==re1){

re2=re1;
window.confirm("الرقم صحيح"+"  "+re2);
alert("مرحبا بك");
}
else{
confirm("أنت مخطيء الرقم هو:"+"  "+re1);
alert("إلى اللقاء");

}





</script>
لقد اتممنا عملية البرمجة لناتي الان الى التحقق من العمل:

النتيجة النهائية


<html>
<head>

<SCRIPT>

var num1=Math.floor((Math.random()*10)+1);       

var num2=Math.floor((Math.random()*10)+1);

var re0=window.prompt("ماهو مجموع العددين:"num1"+" num2);

var re1=num1+num2;

var re2="";

if (re0==re1){

re2=re1;
window.confirm("الرقم صحيح"+"  "+re2);
alert("مرحبا بك");
}
else{
confirm("أنت مخطيء الرقم هو:"+"  "+re1);
alert("إلى اللقاء");

}







</script>

</head>

<body>

</body>

</html>

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




انتظرونا هناك مزيد








إقرأ المزيـــد

Saturday, March 15, 2014

بداية مع الجافا سكريبت

5:03 PM  nabil40w  لاتوجد تعليقات


السلام عليكم


سنتطرق في هذا الدرس الى امثلة توضيحية عن البرمجة باستخدام الجافا سكريبت وسنرفق الشرح بمجموعة من الامثلة
أولا : وسم التعريف باكواد الجافا سكريبت داخل ملف HTML:
  <"script LANGUAGE="Javascript> 
</script>
أو يمكننا الاكتفاء التعريف التالي:
 <script> 
</script>
ويكمن ادراج الوسم في كلا القسمين من الصفحة
لنأخذ مثالاعلى ذلك:
النافذة الترحيبية او اي نافذة تظهر للمتصفح تطلب منه امرا ما
تابع معي: 

المثال -1


<SCRIPT LANGUAGE="Javascript"> 



ame=window.prompt("فضلا ما هو إسمك","أكتب الإسم هنا");  



ndocument.write("<H1 align=center> السلام عليكم أخي</p>"+name+"</H1>") 

</script>

النتيجة المحصل عليها

لنقوم بعمل مشروع اذكار او حكم:

لذا سنعتمد على المؤقت
ماهو المؤقت؟
هو عبارة عن كود ربط الامر بوقتفمثلا سنقوم بربط ظهور التذكير الاول ثم الذي يليه وثن الذي يلي الى ان تتم سرد كل الاذكار والعودة من جديد والفارق الزمني بين كل تذكير واخر مثلا 1 ثانية .
ولهذا سكون الكود كما يلي
الوقت الحالي ونسميه now
()now = new Date
تحويل الوقت الى ثواني ونسميه rd
()var rd = now.getSeconds
ولنسمي مجموعة (المصفوفة) الاذكار بـــ adkar
var adkar = 10
ولربط الوقت وعدد الاذكار نستخدم حيلة بسيطة وهي حساب باقي القسمة بينهما(%)
باقي قسمة الوق بالثواي على عدد الاذكار فبطبيعة الحال هو عدد طبيعي لا يساوي الصفر
var msdad=rd% adkar 
لنقوم بعمل دالة دورية شرطية(if)
مع تسمية الامر المطبق بــــ hikma
 ""=var hikma 
هنذا الكود في النهاية
المجموع 10 لذا فهو قصير جدا
ولذا سنضيف ++ ليصبح دوريا اكثر

المثال -2




   <SCRIPT language="JavaScript">
<!-- Begin 
var adkar = 10; 
now = new Date(); 
var rd = now.getSeconds(); 
var msdad = rd % adkar; 
 sd=++msdad;
var hikma = ""; 
if (sd == 1) { 

hikma = "سبحان الله"; 
} 
if (sd == 2) { 

hikma = "لا الهالا الله والله اكبر"; 
} 
if (sd == 3) { 

hikma = "الحمد لله على ملة الاسلام"; 
} 
if (sd == 4) { 

hikma = "اللهم صل على محمد"; 
} 
if (sd == 5) { 

hikma = "لا تنسى ذكر الله"; 
} 
if (sd == 6) { 

hikma = "الصلاة الصلاة يا احبتي"; 
} 
if (sd == 7) { 

hikma = "لا تنسى الدعاء"; 
} 
if (sd == 8) { 

hikma = "القرآن ذكر وتذكير"; 
} 
if (sd == 9) { 

hikma = "السنة وحي فلا تستهن بها"; 
} 
if (sd == 10) { 

hikma = "ذكر فانالذكرى تنفع المؤمنين"; 
} 

var adkar=""+hikma+""; 
document.write(adkar); 
// End --> 
                </SCRIPT>

لاظهار النتيجة لابد من التحديث كل ثانية
النتيجة:
عذرا على عدم الوضوح لان الفيديوا كبر كثيرا




إقرأ المزيـــد
Twitter Delicious Facebook Digg Stumbleupon Favorites More