salima
10-30-2013, بتوقيت غرينيتش 05:20 AM
السلام عليكم
نبدأ إن شاء الله اول دروس السلفر لايت العملية وإن شاء الله نصل لمرحلة لا بأس بها في السلفر ( درس مفصل اليوم لا يوجد به برمجة ...أهلا وسهلا بالمصممين )
إذا كنت مبرمجا أو مصمما دعني اقل لك عزيزي بان اطار عمل الدوت نت بعد صدوره بأشهر قليلة أصبحت الشركات تطلب غالبا مبرمجين دوت نت
وحتى لو طلبت غيرهم فسيكون أغلى سعر لمبرمجي الدوت نت
فإذا كنت ترغب بجمع بعض المال أز جمع المال الوفير ... اقترح أن تتقن السيلفر لايت لان مايكروسوفت ستبقى تدعم منتج pluginاتها وستجعلها بالمقدمة كما اعتدنا دائما
طبعا لست أقول هكذا لأجعل هذا هدفكم وهذا أيضا ليس هدفي .. انا مجرد مطور يحب ان يرى جديد شركته ويحب أن يفيد المستخدم العربي .. وساترك لكم التعمق وجمع المال بالسيلفر لايت
__________________________________________________ __________________
__________________________________________________ __________________
بداية ... هذه الدروس لن تكون للمبتدئين الهاويين..
وثانيا ... إذا رأيت إقبالا فسأقوم بتخصيص دروس في ال XAML وفي ال WPF
وثالثا .... بداية الدروس ستكون زامل وجافا سكريبت script ... فلا تقلق يا من لا تتقن الدوت نت .
إذا كان هذا أول درس مفصل لك ... قد تحتاج لرؤية هذه المقدمة
ال Silver Light آخر تقنية من تقنيات مايكروسوفت ( مقدمة ) (http://www.dzbatna.com/t665049/)
هذا الدرس مفصل سنتعامل به مع مبادئ العمل على السلفر لايت وعلى بيئة العمل إن شاء الله
بيئة عمل السيلفر لايت :
حسب علمي للآن توجد بيئتين فقط من مايكروسوفت للسيلفر لايت وهما الفيجوال استوديو و البليند
1- الفيجوال استوديو ( Visual Studio )هناك نسختان
نسخة 2014 وهي تستخدم سيلفر لايت 1.0 وتدعم ال intelisence
نسخة 2014 وهي تدعم ايضا سيلفر لايت 1.1 ( نسخة ألفا آخر نسخة ) مع الخصائص الإضافية
2- مايكروسوفت بليند Microsoft Expression Blend
-الإصدار 1.0 حيث حيث لا يتكامل مع الفيجوال استوديو
- الإصدار 2.0 ولم تصدر النسخة النهائية ويتكامل مع الفيجوال استوديو
والصراحة لم يرق لي الفيجوال استوديو 2014 كثيرا رغم استخدام طويل .. لذلك سنستخدم نسخة 2014
وكذلك ارتحت للنسخة بليند النهائية الإصدار الثاني لتكاملها مع الفيجوال استوديو
__________________________________________________ ____________________
__________________________________________________ ____________________
متطلبات العمل
1- المشغلات RunTimes
Microsoft Silverlight 1.0
http://silverlight.dlservice.microso...ilverlight.exe (http://silverlight.dlservice.microsoft.com/download/7/7/b/77bdd850-c370-4357-8011-74aa508a2b35/Silverlight.exe)
2-Microsoft Silverlight 1.1 Alpha September Refresh
http://go.microsoft.com/fwlink/?Link...86&clcid=0x409 (http://go.microsoft.com/fwlink/?LinkID=88986&clcid=0x409)
************************************************** ***********
2- أدوات التطوير Developer Tools
1- Microsoft Visual Studio 2014
Visual Studio Team System 2014 Team Suite
النسخة بحجم 4 جيجا
http://download.microsoft.com/downlo...alX1429235.iso (http://download.microsoft.com/download/d/8/9/d89c9839-ac45-4a6c-b25f-2f60b190e356/VS2014TeamSuiteENU90DayTrialX1429235.iso)
2- Microsoft Silverlight 1.1 Tools Alpha for Visual Studio 2014
http://download.microsoft.com/downlo...lpha_Setup.exe (http://download.microsoft.com/download/a/5/3/a534401a-d971-4f82-89c1-58e2fb6ae964/VS_SilverlightTools_Alpha_Setup.exe)
3- Microsoft ASP.NET Futures (July 2014)
http://go.microsoft.com/fwlink/?Link...47&clcid=0x409 (http://go.microsoft.com/fwlink/?LinkID=89147&clcid=0x409)
************************************************** ***********
3- أدوات التصميم Designer Tools
1- Expression Blend 2 December Preview
http://download.microsoft.com/downlo.../Blend2.en.msi (http://download.microsoft.com/download/8/3/7/837bfc1c-d2fe-44a3-8d5b-ac9bedab5be1/Blend2.en.msi)
2-Expression Encoder
لضغط الأفلام واستخدامعا بالسيلفر
http://download.microsoft.com/downlo...Encoder.en.msi (http://download.microsoft.com/download/6/3/b/63bbfd2b-6b13-4d9a-9db2-b3a5e2981292/Encoder.en.msi)
************************************************** ***********
3- Software Development Kits SDK
1- Microsoft® Silverlight™ 1.0 SDK
تضيف تيمبليت في المشاريع فقط للسي شارب طبعا مع باقي الأمثلة والإضافات الكثيرة
http://download.microsoft.com/downlo...ghtv1.0SDK.msi (http://download.microsoft.com/download/d/5/6/d5665c65-f3a4-4657-892c-f38f73818f0b/Silverlightv1.0SDK.msi)
2- Microsoft Silverlight 1.1 Software Development Kit Alpha September Refresh
http://download.microsoft.com/downlo...ept%202014.zip (http://download.microsoft.com/download/3/f/7/3f7a27eb-c2f0-4937-bf52-17acab2574eb/Microsoft%20Silverlight%201.1%20SDK%20Alpha%20Refr esh%20Sept%202014.zip)
للأسف لم أجد رابط للفيجوال استوديو 2014 والذي سنستخدمه اليوم ولكن أنا على يقين بأنه لديكم أو بامكانكم استخدم ال 2014 بدون أية مشاكل ولن تجدوا اختلافات كثيرة
وإن كنت عزيزي القارئ لست مبرمجا ولست معتادا على الفيجوال استوديو .. استخدم البليند بدون تردد
__________________________________________________ ___________________
__________________________________________________ ___________________
طريقة التحميل :
1- حمل اليجوال استوديو ...... او حمل البليند ( يتطلب دوت نت فريم وورك 3.0 قبله )
2- حمل المشغل ( RunTime ) وسنستخدم اليوم 1.0
3-حمل SDK الخاصة بالمشغل
يفضل إذا كنت تستخدم الفيجوال استوديو 2014 أن تحمل التحديث update الأول لها وهو SP1
العمل ...
اذهب للفيجوال استوديو 2014 ومن قائمة ملف اختر مشروع جديد ثم اختر بند السي شارب وستجد قالب template السيلفر لايت اختره وسمي المشروع الدرس مفصل الأول ( كما بالصورة )
http://khalil.in/Silver/185e68ff8/1.JPG
سيتم عمل مشروع جديد وستجد على يمينك في قائمة متصفح المشروع هذه الملفات
http://khalil.in/Silver/185e68ff8/2.JPG
Default.html
صفحة HTML سيتم وضع السيلفر لايت بداخلها
Default.html.js
جافا سكريبت script لتشيغل السيلفر في الصفحة
Silverlight.js
ملف جافا سكريبت script أساسي مساعد لتشغيل السيلفر لايت
Scene.xaml
ملف لزامل الوصفي
Scene.xaml.js
أحداث الأدوات بالجافا سكريبت script
قم بتشغيل المشروع بالنقر على F5 وستظهر لك صفحة بها زر
مرر الماوس على الزر ولاحظ التأثيرات .. جرب أن تضغط على الزر ستلاحظ اليرت الجافا سكريبت script
بامكانك أن تقضي أقل من ساعة برؤية اكواد الملفات التي أمامك وأنا على يقين أنك لو كنت نبيها ستفهم ما هو مكتوب .............. ستستغرب وستعجب
ستسغرب من كثرة الكود code وتعتقد أن كتابة مشروع متوسط مستحيل
ولكنك ستعجب من تسلسله وترتيبه وآلية عمله وسترتاح بانه ممكن بعد عناء قليل كتابة مشاريع متوسطة
************************************************** ********
************************************************** ********
افتح ملف Scene.xaml وسيكون كل عملنا عليه إن شاء الله
ونمسح ما بين الوسم كانفاس ونتركه فارغا كالتالي
رمز Code:
<Canvas xmlns="http://schemas.microsoft.com/client/2014" xmlns:x="http://schemas.microsoft.com/winfx/2014/xaml"> </Canvas>
ومن يملك خلفية ولو بسيطة عن XML يعلم أنه لابد من الوسم الجذر أو الوسم الرئيسي
وهو في حالتنا كانفاس
جرب أن ترسم الآن مستطيل
رمز Code:
<Rectangle Width="250" Height="300" Stroke="Red" StrokeThickness="3"> </Rectangle>
شغل سترى مستطيل أحمر
Stroke="Red"
هذا إطار المستطيل لونه أحمر
StrokeThickness="3
سمك الإطار
طبعا ليس هذا درس مفصلنا اليوم ولكن ان شاء الله لي عودة بخصوص الأوسام ولكن كله متوفر لمن أراده وأيضا وبدون كتابة عبر البليند
جرب ان تفتح اوسام ستجد دائرة ونص وخط وشكل بيضاوي وووو
وستجد ان خصائص كل وسم تتشابه مع الوسوم الاخرى ي بعض الأمور كالحد والطول والعرض ونقط البداية والتعبئة وووو ونختلف بأمور تخصها
لنفترض أننا اردنا أن نرسم قوس فالأمر معقد قليلا .. لذلك لا بد من استخدام البليند
لا تغلق الفيجوال استوديو
افتح البليند
اختر فتح مشروع واختر ملف المشروع من حيث انشأت مشروعك بالفيجوال استوديو
ستفاجأ الآن أن المستطيل الذي رسمته قد ظهر هنا
( المستطيل الصغير في اعلى اليسار هو الكونفاس الجذر وكان ممكن ان نكبر ابعاده ايضا )
http://khalil.in/Silver/185e68ff8/3.JPG
الان اختر القلم ( 1 )( مصممي الفوتوشوب مرتاحون لهذه النقط )
وضع نقطة 2 وثم نقطة 3 ثم اختر السهم واضغط على زر Alt من الكيبرد وانقر واسحب في نهياة الخط الأخضر وحدد فتحة القوس
اذهب الى الخصائص ( 4 ) واختر التعبئة بلا ( 5 )
قم بحفظ المشروع واغلق البليند
ستجد ان الفيجوال بيسك يطالبك بتحديث update الملف
( بالامكان تنفيذ العمل على البليند وبدون اية مشاكل )
اقبل التحديث update وستجد ايضا أن الملف فيه وسوم وخرابيط كثيرة
قم بتنفيذ العمل وستجد شكلا مشابها للشكل التالي
http://khalil.in/Silver/185e68ff8/4.JPG
.......
الاستنتاج
1- التعرف على بيئة التطوير وملحقاتها
2- ملفات مشروع السيلفر الأساسية
3- بداية العمل وكتابة وسوم الزامل
4- التنقل بين الفيجوال استوديو والبليند
آمل أن يكون قد أعجبكم الدرس مفصل المتواضع
أخوكم خليل سليم
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
نبدأ إن شاء الله اول دروس السلفر لايت العملية وإن شاء الله نصل لمرحلة لا بأس بها في السلفر ( درس مفصل اليوم لا يوجد به برمجة ...أهلا وسهلا بالمصممين )
إذا كنت مبرمجا أو مصمما دعني اقل لك عزيزي بان اطار عمل الدوت نت بعد صدوره بأشهر قليلة أصبحت الشركات تطلب غالبا مبرمجين دوت نت
وحتى لو طلبت غيرهم فسيكون أغلى سعر لمبرمجي الدوت نت
فإذا كنت ترغب بجمع بعض المال أز جمع المال الوفير ... اقترح أن تتقن السيلفر لايت لان مايكروسوفت ستبقى تدعم منتج pluginاتها وستجعلها بالمقدمة كما اعتدنا دائما
طبعا لست أقول هكذا لأجعل هذا هدفكم وهذا أيضا ليس هدفي .. انا مجرد مطور يحب ان يرى جديد شركته ويحب أن يفيد المستخدم العربي .. وساترك لكم التعمق وجمع المال بالسيلفر لايت
__________________________________________________ __________________
__________________________________________________ __________________
بداية ... هذه الدروس لن تكون للمبتدئين الهاويين..
وثانيا ... إذا رأيت إقبالا فسأقوم بتخصيص دروس في ال XAML وفي ال WPF
وثالثا .... بداية الدروس ستكون زامل وجافا سكريبت script ... فلا تقلق يا من لا تتقن الدوت نت .
إذا كان هذا أول درس مفصل لك ... قد تحتاج لرؤية هذه المقدمة
ال Silver Light آخر تقنية من تقنيات مايكروسوفت ( مقدمة ) (http://www.dzbatna.com/t665049/)
هذا الدرس مفصل سنتعامل به مع مبادئ العمل على السلفر لايت وعلى بيئة العمل إن شاء الله
بيئة عمل السيلفر لايت :
حسب علمي للآن توجد بيئتين فقط من مايكروسوفت للسيلفر لايت وهما الفيجوال استوديو و البليند
1- الفيجوال استوديو ( Visual Studio )هناك نسختان
نسخة 2014 وهي تستخدم سيلفر لايت 1.0 وتدعم ال intelisence
نسخة 2014 وهي تدعم ايضا سيلفر لايت 1.1 ( نسخة ألفا آخر نسخة ) مع الخصائص الإضافية
2- مايكروسوفت بليند Microsoft Expression Blend
-الإصدار 1.0 حيث حيث لا يتكامل مع الفيجوال استوديو
- الإصدار 2.0 ولم تصدر النسخة النهائية ويتكامل مع الفيجوال استوديو
والصراحة لم يرق لي الفيجوال استوديو 2014 كثيرا رغم استخدام طويل .. لذلك سنستخدم نسخة 2014
وكذلك ارتحت للنسخة بليند النهائية الإصدار الثاني لتكاملها مع الفيجوال استوديو
__________________________________________________ ____________________
__________________________________________________ ____________________
متطلبات العمل
1- المشغلات RunTimes
Microsoft Silverlight 1.0
http://silverlight.dlservice.microso...ilverlight.exe (http://silverlight.dlservice.microsoft.com/download/7/7/b/77bdd850-c370-4357-8011-74aa508a2b35/Silverlight.exe)
2-Microsoft Silverlight 1.1 Alpha September Refresh
http://go.microsoft.com/fwlink/?Link...86&clcid=0x409 (http://go.microsoft.com/fwlink/?LinkID=88986&clcid=0x409)
************************************************** ***********
2- أدوات التطوير Developer Tools
1- Microsoft Visual Studio 2014
Visual Studio Team System 2014 Team Suite
النسخة بحجم 4 جيجا
http://download.microsoft.com/downlo...alX1429235.iso (http://download.microsoft.com/download/d/8/9/d89c9839-ac45-4a6c-b25f-2f60b190e356/VS2014TeamSuiteENU90DayTrialX1429235.iso)
2- Microsoft Silverlight 1.1 Tools Alpha for Visual Studio 2014
http://download.microsoft.com/downlo...lpha_Setup.exe (http://download.microsoft.com/download/a/5/3/a534401a-d971-4f82-89c1-58e2fb6ae964/VS_SilverlightTools_Alpha_Setup.exe)
3- Microsoft ASP.NET Futures (July 2014)
http://go.microsoft.com/fwlink/?Link...47&clcid=0x409 (http://go.microsoft.com/fwlink/?LinkID=89147&clcid=0x409)
************************************************** ***********
3- أدوات التصميم Designer Tools
1- Expression Blend 2 December Preview
http://download.microsoft.com/downlo.../Blend2.en.msi (http://download.microsoft.com/download/8/3/7/837bfc1c-d2fe-44a3-8d5b-ac9bedab5be1/Blend2.en.msi)
2-Expression Encoder
لضغط الأفلام واستخدامعا بالسيلفر
http://download.microsoft.com/downlo...Encoder.en.msi (http://download.microsoft.com/download/6/3/b/63bbfd2b-6b13-4d9a-9db2-b3a5e2981292/Encoder.en.msi)
************************************************** ***********
3- Software Development Kits SDK
1- Microsoft® Silverlight™ 1.0 SDK
تضيف تيمبليت في المشاريع فقط للسي شارب طبعا مع باقي الأمثلة والإضافات الكثيرة
http://download.microsoft.com/downlo...ghtv1.0SDK.msi (http://download.microsoft.com/download/d/5/6/d5665c65-f3a4-4657-892c-f38f73818f0b/Silverlightv1.0SDK.msi)
2- Microsoft Silverlight 1.1 Software Development Kit Alpha September Refresh
http://download.microsoft.com/downlo...ept%202014.zip (http://download.microsoft.com/download/3/f/7/3f7a27eb-c2f0-4937-bf52-17acab2574eb/Microsoft%20Silverlight%201.1%20SDK%20Alpha%20Refr esh%20Sept%202014.zip)
للأسف لم أجد رابط للفيجوال استوديو 2014 والذي سنستخدمه اليوم ولكن أنا على يقين بأنه لديكم أو بامكانكم استخدم ال 2014 بدون أية مشاكل ولن تجدوا اختلافات كثيرة
وإن كنت عزيزي القارئ لست مبرمجا ولست معتادا على الفيجوال استوديو .. استخدم البليند بدون تردد
__________________________________________________ ___________________
__________________________________________________ ___________________
طريقة التحميل :
1- حمل اليجوال استوديو ...... او حمل البليند ( يتطلب دوت نت فريم وورك 3.0 قبله )
2- حمل المشغل ( RunTime ) وسنستخدم اليوم 1.0
3-حمل SDK الخاصة بالمشغل
يفضل إذا كنت تستخدم الفيجوال استوديو 2014 أن تحمل التحديث update الأول لها وهو SP1
العمل ...
اذهب للفيجوال استوديو 2014 ومن قائمة ملف اختر مشروع جديد ثم اختر بند السي شارب وستجد قالب template السيلفر لايت اختره وسمي المشروع الدرس مفصل الأول ( كما بالصورة )
http://khalil.in/Silver/185e68ff8/1.JPG
سيتم عمل مشروع جديد وستجد على يمينك في قائمة متصفح المشروع هذه الملفات
http://khalil.in/Silver/185e68ff8/2.JPG
Default.html
صفحة HTML سيتم وضع السيلفر لايت بداخلها
Default.html.js
جافا سكريبت script لتشيغل السيلفر في الصفحة
Silverlight.js
ملف جافا سكريبت script أساسي مساعد لتشغيل السيلفر لايت
Scene.xaml
ملف لزامل الوصفي
Scene.xaml.js
أحداث الأدوات بالجافا سكريبت script
قم بتشغيل المشروع بالنقر على F5 وستظهر لك صفحة بها زر
مرر الماوس على الزر ولاحظ التأثيرات .. جرب أن تضغط على الزر ستلاحظ اليرت الجافا سكريبت script
بامكانك أن تقضي أقل من ساعة برؤية اكواد الملفات التي أمامك وأنا على يقين أنك لو كنت نبيها ستفهم ما هو مكتوب .............. ستستغرب وستعجب
ستسغرب من كثرة الكود code وتعتقد أن كتابة مشروع متوسط مستحيل
ولكنك ستعجب من تسلسله وترتيبه وآلية عمله وسترتاح بانه ممكن بعد عناء قليل كتابة مشاريع متوسطة
************************************************** ********
************************************************** ********
افتح ملف Scene.xaml وسيكون كل عملنا عليه إن شاء الله
ونمسح ما بين الوسم كانفاس ونتركه فارغا كالتالي
رمز Code:
<Canvas xmlns="http://schemas.microsoft.com/client/2014" xmlns:x="http://schemas.microsoft.com/winfx/2014/xaml"> </Canvas>
ومن يملك خلفية ولو بسيطة عن XML يعلم أنه لابد من الوسم الجذر أو الوسم الرئيسي
وهو في حالتنا كانفاس
جرب أن ترسم الآن مستطيل
رمز Code:
<Rectangle Width="250" Height="300" Stroke="Red" StrokeThickness="3"> </Rectangle>
شغل سترى مستطيل أحمر
Stroke="Red"
هذا إطار المستطيل لونه أحمر
StrokeThickness="3
سمك الإطار
طبعا ليس هذا درس مفصلنا اليوم ولكن ان شاء الله لي عودة بخصوص الأوسام ولكن كله متوفر لمن أراده وأيضا وبدون كتابة عبر البليند
جرب ان تفتح اوسام ستجد دائرة ونص وخط وشكل بيضاوي وووو
وستجد ان خصائص كل وسم تتشابه مع الوسوم الاخرى ي بعض الأمور كالحد والطول والعرض ونقط البداية والتعبئة وووو ونختلف بأمور تخصها
لنفترض أننا اردنا أن نرسم قوس فالأمر معقد قليلا .. لذلك لا بد من استخدام البليند
لا تغلق الفيجوال استوديو
افتح البليند
اختر فتح مشروع واختر ملف المشروع من حيث انشأت مشروعك بالفيجوال استوديو
ستفاجأ الآن أن المستطيل الذي رسمته قد ظهر هنا
( المستطيل الصغير في اعلى اليسار هو الكونفاس الجذر وكان ممكن ان نكبر ابعاده ايضا )
http://khalil.in/Silver/185e68ff8/3.JPG
الان اختر القلم ( 1 )( مصممي الفوتوشوب مرتاحون لهذه النقط )
وضع نقطة 2 وثم نقطة 3 ثم اختر السهم واضغط على زر Alt من الكيبرد وانقر واسحب في نهياة الخط الأخضر وحدد فتحة القوس
اذهب الى الخصائص ( 4 ) واختر التعبئة بلا ( 5 )
قم بحفظ المشروع واغلق البليند
ستجد ان الفيجوال بيسك يطالبك بتحديث update الملف
( بالامكان تنفيذ العمل على البليند وبدون اية مشاكل )
اقبل التحديث update وستجد ايضا أن الملف فيه وسوم وخرابيط كثيرة
قم بتنفيذ العمل وستجد شكلا مشابها للشكل التالي
http://khalil.in/Silver/185e68ff8/4.JPG
.......
الاستنتاج
1- التعرف على بيئة التطوير وملحقاتها
2- ملفات مشروع السيلفر الأساسية
3- بداية العمل وكتابة وسوم الزامل
4- التنقل بين الفيجوال استوديو والبليند
آمل أن يكون قد أعجبكم الدرس مفصل المتواضع
أخوكم خليل سليم
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
