محاضرات تقنيات الانترنت المتقدمه T.Bedor محاضرات تقنيات الانترنت المتقدمه

إطار الدوت نت Dot Net Framework T.Bedor إطار الدوت نت Dot Net Framework هوعبارّة عن إطار برمجي تم تصميمه من شركة مايكروسوفت ويقوم بربط المعلومات والأجهزة والمستخدمين بالإضافة إلى التطبيقات بواسطة web services) وذلك من خلال ترجمة هذه الأكواد الى لغّة الآله بحيث تعمل على أي جهاز، ووجود مجموعة فئات تساعد المطوّر لإنشاء التطبيقات، ويحتوى على مكوّنين هما: Common Language Runtime واختصارها (CLR مكتبة فئات الـ Dot Net Class Library.

انتاج مواقع وب ديناميكية أ/منيرة الخنفري انتاج مواقع وب ديناميكية File  New Web Sit…

سيتم انشاء موقع جديد وتظهر لنا النافذة التالية.. أ/منيرة الخنفري سيتم انشاء موقع جديد وتظهر لنا النافذة التالية..

1 - نافذة الكود (HTML). 2 , 4- نافذة التصميم. أ/منيرة الخنفري حيث تشير الارقام الى : 1 - نافذة الكود (HTML). 2 , 4- نافذة التصميم. 3 - صندوق الادوات. 5 - نافذة الكود ( VB.Net). 6 - موقع الوب وملفاته. 7 - نافذة الخصائص. داخل نافذة التصميم نستطيع اضافة الادوات (button, label, …). كود HTML الناتج عن اضافة الادوات: <asp: Label ID="Label1" runat="server" Text="Label"></asp: Label> <br /> <asp: Button ID="Button1" runat="server" Text="Button" /></div> id: يوضح الاسم البرمجي للأداة (المستخدم في الكود). (server) : يوضح ان هذه الاداة هي اداة خادم وب runat

أ/منيرة الخنفري تمرين تغيير الخاصية text الى Hello ,this is my test من مربع الخصائص او من خلال الكود: <asp:Label ID="Label1" runat="server" Text="Hello ,this is my test“ > </asp:Label> تمرين اضافة مربع نص , زر , عنوان. عند الضغط على الزر يطبع الرسالة الموجودة في مربع النص داخل العنوان. L1.TEXT=T1.TEXT

أ/منيرة الخنفري اكواد الصفحة السابقة عند الضغط R-CLICK على صفحة التنفيذ سيتم تصدير الادوات على هيئة ادوات HTML.

أ/منيرة الخنفري

اضافة صفحة جديدة للموقع أ/منيرة الخنفري اضافة صفحة جديدة للموقع

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

ما هي أنواع قواعد البيانات التي بإمكاني استخدامها مع ASP.NET : T.Bedor  ما هي أنواع قواعد البيانات التي بإمكاني استخدامها مع ASP.NET : جميع الأنواع التي تحلم بها Mysql MS SQL SERVER : MSDE , 2000, 2005, 2008 MS Access Oracle XML كقاعدة بسيطة والتي لم اذكرها يمكن استخدامها أيضا

Master Pages التي تقدمها ASP.NET T.Bedor Master Pages التي تقدمها ASP.NET إحدى المزيات الفريدة من نوعها، والتي ستجعل مطوري الويب Web في راحة نفسية هي صفحات الأدوات الرئيسية Master Pages التي تقدمها ASP.NET ، ان كنت أحد مطوري الويب، و الذين تتعب من تصميم واجهة المستخدم و بالأخص من تكرار بعض الأجزاء لتوحيد جميع صفحات الموقع فأقدم لك Master Pages، بشكل عام Master Page تمكنك قادرا على انشاء قالباً واحداً لجميع صفحات الموقع بكل يسر و سهولة هي صفحة تستطيع ان تورث التصميم العام لها لباقي الصفحات مع امكانية اضافة محتويات مختلفة لكل صفحة

T.Bedor Master Pages من الجدير بالذكر هنا أنه يمكنك استخدام أداة ContentPlaceHolder في أكثر من موضع في صفحة الـ Master و ذلك كي تحجز مكان في الصفحة يمكنك ملأه بالبيانات المطلوبه في صفحات الموقع وذلك عن طريق ادراج ContentPlaceHolder . على سبيل المثال فليكن لدينا صفحة Master تحوي على ContentPlaceholder1 و ContentPlaceholder2 ملاحظه : و بعد انشاء أدوات المحتوى يمكنك ادراج النصوص، الصور أو حتى بيانات قادمة من مصدر للبيانات Data Source .. داخلها، وكل ما خارج أدوات المحتوى فهو مرفوض ( لن يظهر بالصفحة ). 

T.Bedor ألية عمل الماستر بيج قبل أن نبدء شرح ألية عمل الماستر بيج دعوني أذكر لكم بعض النقاط المهمة إمتداد الماستر بيج هو (master.) على عكس صفحات ال ASP.NET الذي هو (aspx.) على سبيل المثال (main.master) لايمكن بأي حال من الأحوال عرض صفحة الماستر بيح في المستعرض (Browser) أي لا نعمل runtime لا يمكن لصفحة الواحدة (aspx) أن يكون لديها أكثر من ماستر بيج بإمكانك أن تضيف أكثر من ماستر بيج في الموقع الواحد بمعنى أخر أن لديك صفحة لديها ماستر بيج مختلف عن الصفحة الأخر

T.Bedoor

T.Bedoor

T.Bedoor

T.Bedoor

T.Bedoor

T.Bedoor

T.Bedoor

T.Bedoor

T.Bedoor

T.Bedoor

T.Bedoor

T.Bedoor

T.Bedor استخدام cookies الكوكيس تخزن في جهاز الكلينت عن طريق الويب براوسير , لوضع كوكي نضع المعلومات المراد تخزينها في HttpResponse التي تعطي بدورها أمر إلي الويب براوسير لتسجيل الكوكي في جهاز الكلينت . هذا هو الكود الأساسي لتسجيل الكوكي في ال asp.net . Using System.Web; Response.Cookies["BackgroundColor"].Value = "Red";

T.Bedor و لقرائة الكوكي بعد تخزينها. لاحظ لغرض ا لحماية أنت لا تستطيع قرائة الكوكيس إلا للدومين الذي سجلت فيه الكوكيس. Response.Write (Request.Cookies["BackgroundColor"].Value);

T.Bedor استخدام sessions تمكنك الـ Session  في ASP.NET من تخزين متغيرات في صفحة معينة ومن ثم استرجاعها في صفحة أخرى أي أنها تسمح لك بتخزين متغيرات عند الانتقال بين الصفحات. تخزن المتغيرات في الغرض SessionStateItemCollection في الخاصية HttpContext.Session في صحفة ASP.Net ند تخزين المتغيرات في session نعطي لكل متغير مفتاح key وهو الذي سنقوم باسترجاع المتغير عن طريقه مثال لنقم بتخزين الاسم والأول والاسم الثاني من الحقلين FirstNameTextBox و LastNameTextBox:

T.Bedor

T.Bedor Ajaxاستخدام ما هي AJAX ؟ مصطلح AJAX هو إختصار لعبارة : Asynchronous JavaScript and XML أو ما يمكن ترجمته الجافا سكربت و الـ XML الغير تزامنية ! في حقيقة الأمر AJAX ليست تقنية جديدة ، بمعنى أنها لا تستخدم شيء جديد بإختراع جديد ، و لكنها تعتبر إستخدام ذكي لخصائص معينة موجودة مسبقاً في تقنيات معروفة مثل Javas Script و XML ! إذا ما الجديد الذي أتت به هذه التقنية ؟ كما أسلفنا ذكراً هذه التقنية (إن صح تسميتها بتقنية) هي عبارة عن إستخدام متكامل لخصائص لغتين من اللغات المستخدمة في تطوير المواقع ، الجافا سكربت و الـ XML . ببساطة تتيح AJAX عملية إرسال البيانات للسيرفر و إستقبالها منه دون أن يكون هناك إعادة تحميل للصفحة ، على سبيل المثال ، لأن موقع قاعة المطورين حالياً لا يستخدم هذه التقنية ، فإنك عند إستخدامك مربع البحث بكتابة عبارة لتبحث عنها و النقر على زر بحث فإن صفحة جديدة كليا ستظهر لك فيها نتائج البحث ، عن طريق ajax بإمكاننا توفير عملية إعادة التحميل لكامل الصفحة ليكون الجزء المتغير فقط هو جزء نتائج البحث ، هذا على سبيل المثال ، و على سبيل المثال أيضاً ، عند تسجيلك في خدمة البريد الإلكتروني من أي شركة و كتابتك لإسم مستخدم محجوز مسبقاً فإنك لا تريد من الموقع أن يرسل الطلب كاملاً ثم يعيد تحميل نموذج الإشتراك و يشير اليك بمكان الخطأ ، أنت تريد فقط أن تبقى الصفحة على ما هي عليها و تظهر رسالة تخبرك بمكان هذ الخطأ ! هذا ما تتيحه لك AJAX ، تفاعل كامل بين جهاز الخادم (السيرفر) و المستخدم النهائي دون وجود ضرورة لإعادة تحميل عناصر الصفحة بأكملها للإنتقال إلى نتيجة الطلب الذي تم ارساله !

T.Bedor المزايا و المساوئ المزايا : على الرغم من أن تقنية AJAX من الوهلة الأولى تبدو مفيدة جدا ، الا ان لها بعض المساوئ التي قد تجعل البعض يمتنع عن إستخدامها ، سنبدأ بذكر مزايا هذه التقنية أولاً : 1- التفاعلية : لا شك في أن إرسال البيانات من و إلى السيرفر بطريقة سريعة تزيد من التفاعلية و الديناميكية للتطبيقات ، هذا الأمر جعل التفاعلية من أهم خصائص AJAX ، تسمح هذه الميزه للمستخدمين بتوفير الكثير من وقتهم ، فبدلاً من إعادة تحميل صفحة نموذح الإشتراك في خدمة البريد الإلكتروني بكامل الصور و النصوص اذا كان هناك خطأ في أحد الحقول سيتم فقط إظهار رسالة في مكان الخطأ ! 2- قابلية النقل : هذه ميزة رائعة ايضاً إفتقرت لها تقنيات الـ Remote Scripting من مايكروسوفت ، بإمكانك تشغيل و نقل الجزئيات المكتوب بإستخدام تقنية AJAX من تطبيق الى آخر و من بيئة إلى أخرى و ستعمل دون أي تعديلات ، السبب في ذلك يعود الى ان هذه التقنية تستخدم كما أسلفنا ذكراً الجافا سكربت و الـ XML و هما تقنيتان مدعومتان من كافة المتصفحات و في كافة منصات التشغيل !

T.Bedor المساوئ 1- التقليل من قابلية الإستخدام رائع ما تقوم به هذه التقنية من إختصار للوقت و تقديم المزيد من التفاعلية في التطبيقات ، و لكن قد تكون هذه النقطة سلاح ذو حدين ، فعلى سبيل المثال عند النقر على زر "الخلف" في المتصفح بعد إرسال طلب بتقنية AJAX سيتوقع المستخدم انه سيعود على وضع الصفحه قبل ارسال الطلب ، ولكن يتفاجأ انه يعود الى الصفحة التي تسبق الصفحة التي الصفحة التي يتوقعها ، بمعنى أن هذه الصفحات و الأجزاء المتغيرة بواسطة النداءات من هذه التقنية لا تؤثر في زر الخلف و تضاف هذه الصفحات في مسلسل الصفحات التي إستعرضتها لكي تعود اليها ! هذا الأمر قد يجعل الموقع غير قابل للإستخدام بالأسلوب الأمثل ! 2- التأخر في الرد من السيرفر لأن تقنية AJAX ستختصر على المستخدم مسألة إعادة تحميل الصفحة من جديد ، فإن حدوث أي تأخير في الرد من قبل السيرفر للطلب الذي أرسل عن طريق تقنية AJAX سيجعل المستخدم في حيرة من أمره ، فهو لا يرى أي تفاعل من النظام ، نقصد هنا التفاعل الذي إعتاد على رؤيته و هو أن الصفحة يعاد تحميلها في إشارة يفهم منها المستخدم بأن المتصفح قد أرسل طلبه و هو على وشك إستقبال الرد من السيرفر ، ببساطة نستطيع أن نقول AJAX تخفي عن المستخدم أمر مهم جداً وهو الأحساس بوجود إرسال و إستقبال بين العميل و السيرفر ! 3- دعم الجافا سكربت و الـ Active X رغم أن هذه قد لا تعتبر مشكلة في أيامنا هذه مع تطور المتصفحات ، الا ان بعض الأجهزة القديمة و الأجهزة الكفية قد لا يتوفر فيها دعم متكامل للجافا سكربت و الـ Active X ، إن وجود دعم لهاتين التقنيتين أمر مهم جدا لكي يستفيد العميل النهائي من الموقع المصمم بتقنية AJAX ، الجافا سكربت لأن الطلب أصلاً يرسل من خلال الجافا سكربت ، اما الـ Active X في متصفحات الإنترنت إكسبلورر 6 و ما سبقها فهي لأن الـ XMLHttpRequest تأتي في المتصفح ضمن حزمة الـ Active X .

الخادم IIS ؟ إن IISهو إختصار ل Internet Information Service T.Bedor الخادم IIS ؟ إن IISهو إختصار ل Internet Information Service وال IIS هو file server وايضا هو application server تستخدم خدمة ال http وخدمة ftp وذلك بغرض نشر المعلومات. HTTP:تستخدم لانشاء واستعراض برامج ووثائق الويب. FTP:خدمة تستخدم لنقل الملفات بين جهازي حاسب في شبكة TCP/IP متصفح الإنترنت مثل الإنترنت اكسبلورر أو الموزيلا فايرفوكس أو النت سكايب لا يفهم إلا HTML بمعنى آخر لو كتبنا كود ASP.NET في الفرونت بيج أو في المفكرة وحاولنا أن ننفذه.... لن يعمل والسبب كما ذكرت بالسطر الأعلى .

T.Bedor استخدام ssl (SSL (Secure Sockets Layer الأكثر استخداماً واقوى مقياس في تكنولوجيا الأمن لإنشاء وصلة مشفرة بين Web Server ومتصفح الإنترنت . إذا كانت الوصلة مشفرة ، فإنها تستخدم بروتوكول https كيف يعمل SSL ؟ كل شهادة SSL تتكون من المفتاح العام والمفتاح الخاص. ويستخدم المفتاح العام لتشفير المعلومات ويستخدم المفتاح الخاص لفك تشفيرها . عندما يتصل المتصفح الخاص بك بموقع آمن ، يقوم الخادم Server بإرسال المفتاح العام للمتصفح لتنفيذ عملية التشفير. المفتاح العام متاح للكل ولكن المفتاح الخاص (الذي يستخدم لفك التشفير) هو سري . لذلك خلال الإتصال الآمن ، سيقوم المتصفح بتشفير الرسالة باستخدام المفتاح العام وإرساله إلى الخادم Server . الرسالة سيتم فك تشفيرها من جهة الخادم Server باستخدام المفتاح الخاص (المفتاح السري).