درس .. بيئة تطوير ال Silver Light (الدرس الثاني )

//
//]]>



//
//]]>



//google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);
//]]>





السلام عليكم



نبدأ إن شاء الله اول دروس السلفر لايت العملية وإن شاء الله نصل لمرحلة لا بأس بها في السلفر ( درس اليوم لا يوجد به برمجة ...أهلا وسهلا بالمصممين )



إذا كنت مبرمجا أو مصمما دعني اقل لك عزيزي بان اطار عمل الدوت نت بعد صدوره بأشهر قليلة أصبحت الشركات تطلب غالبا مبرمجين دوت نت

وحتى لو طلبت غيرهم فسيكون أغلى سعر لمبرمجي الدوت نت



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

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



____________________________________________________________________

____________________________________________________________________



بداية ... هذه الدروس لن تكون للمبتدئين الهاويين..

وثانيا ... إذا رأيت إقبالا فسأقوم بتخصيص دروس في ال XAML وفي ال WPF



وثالثا .... بداية الدروس ستكون زامل وجافا سكريبت ... فلا تقلق يا من لا تتقن الدوت نت .



إذا كان هذا أول درس لك ... قد تحتاج لرؤية هذه المقدمة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



هذا الدرس سنتعامل به مع مبادئ العمل على السلفر لايت وعلى بيئة العمل إن شاء الله



بيئة عمل السيلفر لايت :



حسب علمي للآن توجد بيئتين فقط من مايكروسوفت للسيلفر لايت وهما الفيجوال استوديو و البليند



1- الفيجوال استوديو ( Visual Studio )هناك نسختان



نسخة 2005 وهي تستخدم سيلفر لايت 1.0 وتدعم ال intelisence



نسخة 2008 وهي تدعم ايضا سيلفر لايت 1.1 ( نسخة ألفا آخر نسخة ) مع الخصائص الإضافية



2- مايكروسوفت بليند Microsoft Expression Blend



-الإصدار 1.0 حيث حيث لا يتكامل مع الفيجوال استوديو

- الإصدار 2.0 ولم تصدر النسخة النهائية ويتكامل مع الفيجوال استوديو



والصراحة لم يرق لي الفيجوال استوديو 2008 كثيرا رغم استخدام طويل .. لذلك سنستخدم نسخة 2005

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





______________________________________________________________________

______________________________________________________________________





متطلبات العمل

1- المشغلات RunTimes

Microsoft Silverlight 1.0



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]





2-Microsoft Silverlight 1.1 Alpha September Refresh

Microsoft Silverlight: License Terms



*************************************************************





2- أدوات التطوير Developer Tools

1- Microsoft Visual Studio 2008

Visual Studio Team System 2008 Team Suite



النسخة بحجم 4 جيجا

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]







2- Microsoft Silverlight 1.1 Tools Alpha for Visual Studio 2008

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



3- Microsoft ASP.NET Futures (July 2007)

Download details: ASP.NET Futures



*************************************************************





3- أدوات التصميم Designer Tools

1- Expression Blend 2 December Preview

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]





2-Expression Encoder

لضغط الأفلام واستخدامعا بالسيلفر

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



*************************************************************





3- Software Development Kits SDK



1- Microsoft Silverlight 1.0 SDK

تضيف تيمبليت في المشاريع فقط للسي شارب طبعا مع باقي الأمثلة والإضافات الكثيرة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



2- Microsoft Silverlight 1.1 Software Development Kit Alpha September Refresh

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] 2007.zip



للأسف لم أجد رابط للفيجوال استوديو 2005 والذي سنستخدمه اليوم ولكن أنا على يقين بأنه لديكم أو بامكانكم استخدم ال 2008 بدون أية مشاكل ولن تجدوا اختلافات كثيرة

وإن كنت عزيزي القارئ لست مبرمجا ولست معتادا على الفيجوال استوديو .. استخدم البليند بدون تردد





_____________________________________________________________________

_____________________________________________________________________







طريقة التحميل :

1- حمل الفيجوال استوديو ...... او حمل البليند ( يتطلب دوت نت فريم وورك 3.0 قبله )

2- حمل المشغل ( RunTime ) وسنستخدم اليوم 1.0

3-حمل SDK الخاصة بالمشغل



يفضل إذا كنت تستخدم الفيجوال استوديو 2005 أن تحمل التحديث الأول لها وهو SP1





العمل ...



اذهب للفيجوال استوديو 2005 ومن قائمة ملف اختر مشروع جديد ثم اختر بند السي شارب وستجد قالب السيلفر لايت اختره وسمي المشروع الدرس الأول ( كما بالصورة )






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








Default.html

صفحة HTML سيتم وضع السيلفر لايت بداخلها



Default.html.js

جافا سكريبت لتشيغل السيلفر في الصفحة

Silverlight.js

ملف جافا سكريبت أساسي مساعد لتشغيل السيلفر لايت

Scene.xaml

ملف لزامل الوصفي

Scene.xaml.js

أحداث الأدوات بالجافا سكريبت



قم بتشغيل المشروع بالنقر على F5 وستظهر لك صفحة بها زر



مرر الماوس على الزر ولاحظ التأثيرات .. جرب أن تضغط على الزر ستلاحظ اليرت الجافا سكريبت



بامكانك أن تقضي أقل من ساعة برؤية اكواد الملفات التي أمامك وأنا على يقين أنك لو كنت نبيها ستفهم ما هو مكتوب .............. ستستغرب وستعجب

ستسغرب من كثرة الكود وتعتقد أن كتابة مشروع متوسط مستحيل



ولكنك ستعجب من تسلسله وترتيبه وآلية عمله وسترتاح بانه ممكن بعد عناء قليل كتابة مشاريع متوسطة





**********************************************************

**********************************************************





افتح ملف Scene.xaml وسيكون كل عملنا عليه إن شاء الله



ونمسح ما بين الوسم كانفاس ونتركه فارغا كالتالي









كود:
<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> </Canvas>
ومن يملك خلفية ولو بسيطة عن XML يعلم أنه لابد من الوسم الجذر أو الوسم الرئيسي

وهو في حالتنا كانفاس



جرب أن ترسم الآن مستطيل









كود:
<Rectangle Width="250" Height="300" Stroke="Red" StrokeThickness="3"> </Rectangle>
شغل سترى مستطيل أحمر



Stroke="Red"

هذا إطار المستطيل لونه أحمر



StrokeThickness="3

سمك الإطار



طبعا ليس هذا درسنا اليوم ولكن ان شاء الله لي عودة بخصوص الأوسام ولكن كله متوفر لمن أراده وأيضا وبدون كتابة عبر البليند



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



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



لنفترض أننا اردنا أن نرسم قوس فالأمر معقد قليلا .. لذلك لا بد من استخدام البليند



لا تغلق الفيجوال استوديو



افتح البليند



اختر فتح مشروع واختر ملف المشروع من حيث انشأت مشروعك بالفيجوال استوديو



ستفاجأ الآن أن المستطيل الذي رسمته قد ظهر هنا



( المستطيل الصغير في اعلى اليسار هو الكونفاس الجذر وكان ممكن ان نكبر ابعاده ايضا )














الان اختر القلم ( 1 )( مصممي الفوتوشوب مرتاحون لهذه النقط )



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



اذهب الى الخصائص ( 4 ) واختر التعبئة بلا ( 5 )



قم بحفظ المشروع واغلق البليند



ستجد ان الفيجوال بيسك يطالبك بتحديث الملف



( بالامكان تنفيذ العمل على البليند وبدون اية مشاكل )



اقبل التحديث وستجد ايضا أن الملف فيه وسوم وخرابيط كثيرة



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








.......

الاستنتاج

1- التعرف على بيئة التطوير وملحقاتها

2- ملفات مشروع السيلفر الأساسية

3- بداية العمل وكتابة وسوم الزامل

4- التنقل بين الفيجوال استوديو والبليند



آمل أن يكون قد أعجبكم الدرس المتواضع



أخوكم خليل سليم