نظرة سريعة على مجريات يوم سوالف
الفائزون في المسابقة الأصغر لسوالف كاست

 

العودة   سوالف سوفت > قسم تطوير وبرمجة المواقع للمتقدمين > ASP و ASP.NET
المدوّنات البحث مشاركات اليوم اجعل كافة المشاركات مقروءة

رد  
 
LinkBack أدوات الموضوع
عضو نشيط جدا
تاريخ التسجيل: Sep 2006-
#1 (permalink)  
درس .. بيئة تطوير ال Silver Light (الدرس الثاني )


السلام عليكم

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

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

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

____________________________________________________________________
____________________________________________________________________

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

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

إذا كان هذا أول درس لك ... قد تحتاج لرؤية هذه المقدمة
http://www.swalif.net/softs/swalif46/softs215766/

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

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

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

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

http://silverlight.dlservice.microso...ilverlight.exe


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 جيجا
http://download.microsoft.com/downlo...alX1429235.iso



2- Microsoft Silverlight 1.1 Tools Alpha for Visual Studio 2008
http://download.microsoft.com/downlo...lpha_Setup.exe

3- Microsoft ASP.NET Futures (July 2007)
Download details: ASP.NET Futures

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


3- أدوات التصميم Designer Tools
1- Expression Blend 2 December Preview
http://download.microsoft.com/downlo.../Blend2.en.msi


2-Expression Encoder
لضغط الأفلام واستخدامعا بالسيلفر
http://download.microsoft.com/downlo...Encoder.en.msi

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


3- Software Development Kits SDK

1- Microsoft® Silverlight™ 1.0 SDK
تضيف تيمبليت في المشاريع فقط للسي شارب طبعا مع باقي الأمثلة والإضافات الكثيرة
http://download.microsoft.com/downlo...ghtv1.0SDK.msi

2- Microsoft Silverlight 1.1 Software Development Kit Alpha September Refresh
http://download.microsoft.com/downlo...ept%202007.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- التنقل بين الفيجوال استوديو والبليند

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

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






__________________
Response.Write
(

م. خليل سليم

مطور مواقع ASP.NET

للتواصل : khalilme@hotmail.com

)

التعديل الأخير تم بواسطة : برمودا بتاريخ 10-02-2008 الساعة 03:12 PM. سبب آخر: الصور غير ظاهرة ، بعض الكلمات خطأ
برمودا غير متواجد حالياً   قديم 10-02-2008, 11:52 AM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Jun 2006-
#2 (permalink)  

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






__________________
احنا بكل فخر واخلاص باغة باروده ورصاص
وصقور تحب المقناص بجو الأردن عاليه
وفوق الأردن عاليه ........
nothing4u غير متواجد حالياً   قديم 10-02-2008, 12:39 PM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Sep 2006-
#3 (permalink)  

السلام عليكم

أخي المشرف أحمد

شكرا لك على الإطراء وبارك الله فيك

كنت على يقين بانني سادخل المرة المقبلة وأراك مثبتا للموضوع لأنني أعرفك جيدا وأعلم حرصك على إفادة الجميع

شكرا لك على تثبيت الموضوع وإن شاء الله سلسلة الدروس تستمر ... وفكرة هذه الدروس انطلقت من سوالف والحمد لله






__________________
Response.Write
(

م. خليل سليم

مطور مواقع ASP.NET

للتواصل : khalilme@hotmail.com

)
برمودا غير متواجد حالياً   قديم 10-02-2008, 03:06 PM
رد مع اقتباس
عضو سوبر نشيط
تاريخ التسجيل: Mar 2000-
#4 (permalink)  

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

دعني اطبق ماهو موجود واعود اليك عما قريب






__________________
قمت بإغلاق مواقعي
من يريد شراء نسخه من جده طرب مراسلتي
r.-f[@]hotmail.com
الثلج غير متواجد حالياً   قديم 10-02-2008, 04:38 PM
رد مع اقتباس
عضو سوبر نشيط
تاريخ التسجيل: Mar 2000-
#5 (permalink)  

ماهي هذه النسخه هل هي افضل من professional
Visual Studio Team System 2008 Team Suite


اقتباس:
3- Software Development Kits SDK

2- Microsoft Silverlight 1.1 Software Development Kit Alpha September Refresh
لماذا ذكرت هذه مع انها موجوده هنا

اقتباس:
أدوات التطوير Developer Tools
كثرة الادوات حول نفس المجال تجعلني اشعر بالدوار



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

ونحن بأنتظارك ولكن أروجك فليس الجميع على جراية بالـ C# انا اعلم ضرورتها وان اغلب الدروس والمواقع اللتي تتعامل مع silverlight تدعمها لكن لنتظرق لـ basic فسبب تركي لها هو صعوبة C# وعدم رغبتي في تعلمها






__________________
قمت بإغلاق مواقعي
من يريد شراء نسخه من جده طرب مراسلتي
r.-f[@]hotmail.com
الثلج غير متواجد حالياً   قديم 11-02-2008, 03:05 AM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Sep 2006-
#6 (permalink)  

السلام عليكم

أهلا وسهلا بك أخي الثلج وإن شاء الله أفيدك


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


الأولى ال sdk العنوان
والثانية البرنامج
أو مش فاهم عليك

أخي الثلج بخصوص الأدوات فبالعكس أرجو أن تمعن النظر فهما فقط أداتين لا غير

الفيجوال استوديو والبليند

ولا يخمط أخي الثلج أعلم أنني أول شخص وأن سوالف أول موقع عربي وسأضع الدروس من يوم وطالع هنا فقط

على فكرة الدرس الثاني جاهز ولكنني أنتظر أن يقرأ الأعضاء الدرس الأول

وإن شاء الله أضع كود في بي وكود سي شارب لتعم الفائدة






__________________
Response.Write
(

م. خليل سليم

مطور مواقع ASP.NET

للتواصل : khalilme@hotmail.com

)
برمودا غير متواجد حالياً   قديم 12-02-2008, 05:45 PM
رد مع اقتباس
عضو سوبر نشيط
تاريخ التسجيل: Mar 2000-
#7 (permalink)  

نحن بأنتظار باقي أبداعك معنا






__________________
قمت بإغلاق مواقعي
من يريد شراء نسخه من جده طرب مراسلتي
r.-f[@]hotmail.com
الثلج غير متواجد حالياً   قديم 14-02-2008, 01:55 AM
رد مع اقتباس
عضو جديد
تاريخ التسجيل: Feb 2008-
#8 (permalink)  

جزاك الله عنا خيرا اخي برمودا
مجهود رائع






infinite_tech غير متواجد حالياً   قديم 24-02-2008, 11:54 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Jun 2007-
#9 (permalink)  

الدرس أكثر من رائع ومتميز وقيم جداً للمبتدئين

بارك الله فيك اخوي برمودا ونفع بك

تحيتي






__________________
عالم التقنية .. موقع عربي متميز شعاره .. أخبار التقنية بين يديك

http://www.tech-wd.com

القافلة العربية ( لخدمة استضافة المواقع والتصاميم الإحترافية )

www.alqafelh.com
sales@alqafelh.com
أبو فارس غير متواجد حالياً   قديم 10-03-2008, 01:18 PM
رد مع اقتباس
عضو جديد
تاريخ التسجيل: Jan 2008-
#10 (permalink)  

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






dnet غير متواجد حالياً   قديم 11-03-2008, 02:07 AM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Jan 2008-
#11 (permalink)  

مشكوووووووررر

مملكة الدروس






__________________
مملكة الدروس
www.q6if.com غير متواجد حالياً   قديم 27-03-2008, 09:21 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Apr 2008-
#12 (permalink)  

بارك الله فيك و جزاك الله خير


تحياتي
نوكيا الشرق الاوسط






menokia غير متواجد حالياً   قديم 20-04-2008, 05:52 AM
رد مع اقتباس
رد


 

أدوات الموضوع

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

كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
ولنا في التاريخ عبرة. ولحكامنا في التاريخ عبرة. أرجو الدخول والتعرف على مراد الأول سيڨيل سوالف عامة 16 21-07-2005 01:38 AM
دروس PHP للمبتدئين.. الدرس الأول Abo_Ali PHP 5 24-02-2005 05:27 AM
هذا ماقاله الشيخ ابن عثيمين في اخر درس له في الحرم في رمضان محب سوالف عامة 0 11-01-2001 02:43 AM
مبتدئين: الدرس الأول: الألوان faleh تطوير الويب 0 05-01-2001 07:55 PM
الدرس الثالث في التعريب - القسم الأول طلالQ8 تطوير الويب 12 23-06-2000 11:11 PM


الساعة الآن: 09:27 PM بتوقيت المملكة العربية السعودية