مدونة خالد مسيعد

تويتر إكستندر - Twitter Extender

2011-07-23T05:32:00.000-07:00

مقدمة

تويتر اكستندر (Twitter Extender) عبارة عن اضافة لمتصفح كروم تقوم بإضافة الكثير من المميزات إلى موقع تويتر الأساسي.

قائمة الخواص

الاقتباس أو الريتويت بالطريقة القديمة.
إرسال رسالة خاصة (DM) بشكل سريع.
تغيير اتجاه نص التويته (للنصوص العربية فقط).
تقصير الروابط الطويلة.
تغيير لون التويتات التي تحتوي التي تشير إلى اسمك.
ارسال تويتات أطول من 140 حرف
إخفاء الردود في الملف الشخصي.
تحدث لتغرد!
الإعدادات

الاقتباس أو الريتويت بالطريقة القديمة

في السابق لم يكن زر الريتويت (Retweet) موجودا في تويتر فإبتكر مستخدموا تويتر طريقة لاعادة إرسال التويتات إلى متابعيهم بإستخدام من خلال كتابة RT ثم نسخ التويته مع اسم كاتبها وكان بالإمكان كتابة تعليق على التويته قبل حرفي RT. تويتر قام بإضافة زر ريتويت (Retweet) ولكن للأسف لايمكنك كتابة تعليق. في اضافة تويتر اكستندر تستطيع عمل ذلك بسهولة من خلال النقر على زر (RT) وسيقوم بفتح نافذة تويت تحتوي على التويته مسبوقة بحرفي (RT).

ملحوظة:

في تحديث جديد لتويتر أصبح يقوم بفك الروابط القصير بشكل مخصص بحيث يظهر جزء من الرابط فقط وهذا يجعل عملية نسخ الرابط يدويا مسألة صعبة ولكن تويتر اكستندر يحل تلك المشكلة :)

إرسال رسالة خاصة (DM) بشكل سريع.

إذا احتجت إلى إرسال رسالة خاصة (Direct Message) إلى صديقك بشكل سريع كل ما عليك هو النقر على زر (DM) والذي بدوره سيقوم بفتح نافذة تحتوي يمكنك من خلالها كتابة الرسالة إلى صديقك ولكن تذكر دائما أن صديقك يجب أن يكون متابعا لك كي تصله رسالتك

تغيير اتجاه نص التويته (للنصوص العربية فقط)

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

تقصير الروابط الطويلة

يمكنك تقصير الروابط الطويلة من خلال تويتر اكستندر النقر على (Add Url) وادخال الرابط الطويل وسوف يتم تحويله إلى رابط صغير بإستخدام خدمة بت.لي (http://bit.ly) الشهيرة ويمكنك ربطها مع حسابك في بت.لي من خلال الاعدادات.

تغيير لون التويتات التي تحتوي التي تشير إلى اسمك

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

ارسال تويتات أطول من 140 حرف

قد تحتاج أحيانا لارسال تويت أطول من 140 حرف وفي هذه الحالة لن تحتاج إلى الذهاب بعيد فعند كتابتك لتويته طولها أكثر من 140 حرف سيظهر لك زر جديد بجانب زر (Twee) واسمه (Tweet via LTS) ومن خلاله يمكنك استخدام خدمة http://LongTweetSplitter.com واختيار اما تقسيم التويت أو ارسال بدايتها واتباعها برابط.

إخفاء الردود في الملف الشخصي

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

تحدث لتغرد!

هل مللت من الكتابة ولكن لا زلت تريد التغريد يمكنك استخدام خدمة Speak to Tweet من خلال النقر على صورة المايكرفون والتحدث (باللغة الانجليزية حاليا) وسيقوم تويتر إكستندر بتحويل الصوت إلى تويته.

الاعدادات

كما ذكرنا سابقا أنه يمكنك ربط حسابك في بت.لي (http://bit.ly) مع تويتر اكستندر من خلال الإعدادات وأيضا يمكنك تغيير لون التويتات التي تحتوي على اسمك من خلال الاعدادات .

خدمة مقسم التويتات الطويلة Long Tweet Splitter

2011-04-24T02:18:00.000-07:00

من المعلوم أن موقع تويتر لا يسمح لك بأن تكتب تويتات أكثر من 140 حرف ويحاول غالبية مستخدمي تويتر يحاولون أن يكيفوا تويتاتهم على هذا المبدأ ولكن هذا لا يعني أنهم قادرون دائما على أن يقصّروا تغريداتهم الى 140 حرف لذلك خرجت بعض المواقع التي تقدم لك خدمة كتابة تويته أكثر من 140 حرف بحيث تقوم بكتابة التويتة الطويلة في الموقع بعد تسجيل الدخول بمعرف تويتر ويقوم هذا الموقع بنشر أول جزء من التويتة على تويتر ويتبعها برابط كي تنقر عليه لقراءة التويته كاملة في الموقع الخاص بنشر تلك التويتات الطويلة ومن أشهر المواقع التي تقدم هذه الخدمة هو موقع تويت لونقر (Twit Longer).

في الواقع أن كثير من المستخدمين لا يريد فعلا كتابة تويتات طويلة جدا تتعدى 500 حرف فتجد أن المستخدم يكتب تويته 160 حرف أو 200 حرف لأنه يعلم أنه يكتب في موقع أسس على اختصار الكلام ولكن غُلب على أمره واحتاج إلى كتابة تويتة أطول من 140 حرف. ففي هذه الحالة لديه أكثر من حل وأحد هذه الحلول أن يقوم بتقسيم التويته وارسالها على دفعات ولكن المشكلة أن من يتابعه لن يجد التويتات متتابعة ولكن سيجدها متفرقة وهذا أمر يشوش على المتابع.

مقسم التويتات Long Tweet Splitter :

لحل هذه المشكلة قمت ببناء خدمة مقسم التويتات الطويلة بإستخدام (ASP.NET MVC) ليقوم بإستقبال التويته الطويلة بالاضافة إلى الوسوم (الهاشتاغات) ثم تقوم الأداة بتقسيم التويته والحاق الوسوم بها بحيث أن كل تويته مع الوسوم لا تتجاوز 140 حرف ومن ثم يقوم بإرسال التويتات المقسمة دفعة واحدة إلى موقع تويتر.

لماذا الوسوم #hashtags:

قد يتسائل البعض ما المقصود من فصل الوسوم (الهاشتاقات) في مربع نص منفصل والاجابة هي أن الوسوم ستتكرر في كل تويته من التويتات بعد التقسيم ويمكن الاستفادة أيضا الاستفادة منه مربع النص الخاص بالوسوم بأن تقوم بإضافة وسم مميز للتويتة الطويل بحيث يمكن لمتابعيك النقر على هذ الوسم لإستعراض التويتات المقسمة فقط. فعلى سبيل المثال لو كانت التويته الطويلة تتكلم عن الرياضة يمكنك اضافة الوسم #sport001 بحيث أن أي مستخدم يقوم بالنقر على الوسم ستتظهر له فقط التويتات المقسمة للتويته الأصلية.

#sport001

العلامة المرجعية الخاصة (Bookmarklet):

قد يستصعب بعض المستخدمين أن يقوموا بنسخ تويتاتهم ونقلها إلى موقع مقسم التويتات لذلك قمت بإضافة البوكماركلت(Bookmarklet) وهي عبارة عن علامة مرجعية خاصة للمتصفحات تقوم بنسخ التويتة من مربع النص في موقع تويتر وتنقلها لك إلى موقع مقسم التويتات بنقرة واحدة فقط.

شرح الطريقة

التكامل مع تويتر إكستندر:

إذا كنت تستخدم الاصدار الأخير من الاضافة الخاصة بالمتصفح كروم تويتر إكستندر (Twitter Extender) فقد تكون قد لاحظت ظهور زر جديد "Tweet via LTS" بجانب زر "Tweet" حينما يتعدى طول التويتة التي تكتبها 140 حرف. وهذا الزر يقوم بنقل التويتة من موقع تويتر إلى موقع مقسم التويتات.

Tweet via LTS

خصائص جديدة مضافة إلى الموقع:

خدمة ارسال تويته واحدة طويلة برابط تمام مثل تويت لونقر.
خدمة تقطيع التويتات بشكل يدوي ثم ارسالها دفعة واحدة إلى تويتر.
خدمة ارسال رسائل خاصة (DM) طويلة.
خدمة تقصير الروابط تلقائيا.
خدمة استعرض التويتات الطويلة المرسلة من قبل المستخدم.
دعم الحسابات المحمية عند ارسال تويتات طويلة برابط

أداة تحكم - تحويل صنف المعلومات الى نموذج - Model2Form

2010-12-21T03:52:00.000-08:00

قمت -قبل سنتين تقريبا- بعمل أداة تحكم (Web Control) للـASP.NET بإستخدام لغة السي شارب (#C) أسميتها "صنف الى نموذج" (Model2Form) لتوفير الوقت على المبرمجين بحيث لا يحتاج المبرمج الى بناء نموذج (Form) خاص بكل صنف معلومات (Model Class). تقوم اداة التحكم بإستقبال كائن من نوع صنف المعلومات ومن ثم تقوم بتحويله الى نموذج (Form).

كما يمكنك تخصيص النموذج (تغيير العناوين - التحقق - تغيير التنسيق - ...) من خلال اضافة بعض السمات (Attributes) الى صنف المعلومات (Model Class) وايضا يمكنك تعديل بعض الخصائص (Properties) في أداة التحكم بالإضافة الى القدرة على معالجة الأحداث (Event Handling).

يمكنك تحميل الأدة مع الأمثلة وقراءة التوثيق من على موقع CodePlex.com.

للمعلومية الأداة مفتوحة المصدر ;)

تحديث:
يمكنك الأن تحميل الأداة من موقع NuGet.

إدراة الإصدارات للتطبيقات

2010-11-21T13:18:00.000-08:00

إن طبيعة تطوير التطبيقات (Application Development) تتطلب التطوير المستمر فمن الوارد ظهور الأخطاء (Errors) وتغيير المتطلبات (Change Request) أو طلب واقتراح مميزات جديدة (New Feature). وهنا تبرز أهمية ادارة الاصدارات لتطبيقك (Software Version Release Control).

ما هو الإصدار (Release)؟
في عالم البرمجيات (Software) كل نسخة من التطبيق تقوم بنشرها (Publish) أو تركيبها (Deployment) على الخادم تعتبر اصدارا.

ما هو رقم الاصدار؟
رقم الاصدار هو عبارة عن رقم فريد (Unique Number) يعبر عن مرحلة من مراحل تطوير أونشر التطبيق. يوجد أكثر من شكل أرقم الإصدار (Schema) فمنها ما هو رقم تسلسلي مثل (1.0.0.0) وهو الأكثر استخداما ومنها ما هو غير ذلك.

تفرعات الرقم التسلسلي:
يتفرع الرقم التسلسلي بشكل أساسي إلى ثلاثة أفرع:
[Major Sequence].[Minor Sequence].[Revision Sequence]
التوضيح:

فرع الرقم الأساس (Major Sequence):
يمثل رقم تسلسلي للإصدار الأساسي الذي لا يزيد إلا إذا تمت كتابة الشيفرة مرة أخرى أو تم التعديل على جزء كبير منها.
فرع الرقم الثانوي (Minor Sequence):
يمثل رقم تسلسلي ثانوي يزيد في حالة تمت اضافة وظيفة جديدة أو تغيير كبير في ميزة معينة أو تغيير كبير في واجهة المستخدم.
فرع رقم المراجعة (Revision Sequence):
يمثل رقم تسلسلي للمراجعة ويزيد في حالة اصلاح مشكلة وتعديل بسيط في واجهة المستخدم للتطبيق.

ما هي ادارة الاصدارت؟

هي طريقة للتحكم في الشيفرة المصدرية (Source Code) للتطبيقات وهيكلة قاعدة البيانات بعد نشر (Publish) أوتركيب (Deployment) يمكن من خلالها معرفة تاريخ التطبيق والتغييرات التي تمت عليه وكذالك ماهي التغييرات المخطط لتنفيذها في المستقبل -إن وجدت-.

ما أهمية ادارة الاصدارات؟

تكمن أهمية ادارة الاصدارات -كما ذكرنا سابقا- في كون طبيعة تطوير التطبيقات غير ثابته وتحتاج الى التعديل والتطوير بإستمرار. وإدارة الإصدارات ما هي إلى طريق لتنظيم وإدارة لتوولتوضيح أهمية ادراة الاصدارات.

1- تنظيم نشر التطبيق:

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

2- تنظيم تطوير التطبيق:

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

3- تنظيم صيانة للتطبيق:

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

لو افترضنا أنك قمت بنشر الاصدار رقم 1.0.0 من تطبيقك

ثم بدأت بالعمل على الاصدار رقم 1.1.0 والذي يحتوي على مزايا جديدة.

وبعد وفتره ظهرت مشكلة في الاصدار المنشور رقم 1.0.0

ففي هذه الحالة ستتوقف عن العمل على الاصدار رقم 1.1.0

وسترجع الى الاصدار رقم 1.0.0 لتقوم بإصلاح المشكلة

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

وستعود مجددا للعمل على الاصدار الجديد 1.1.0

تم بحمد الله ,,,

المراجع:

http://en.wikipedia.org/wiki/Revision_control

http://en.wikipedia.org/wiki/Software_release_life_cycle

http://en.wikipedia.org/wiki/Software_versioning

الربط مع الفيس بوك - Facebook Connect

2010-11-07T14:07:00.000-08:00

فيس بوك أكبر شبكة اجتماعية على مستوى الانترنت فقد وصل عدد المستخدمين الفاعلين الى أكثر من نصف مليار مستخدم 50% منهم يقومون بالدخول على فيس بوك يوميا. معدل الأصدقاء لكل مستخدم هو 130 صديق ويقضي المستخدمون 700 مليار دقيقة شهريا على الفيس بوك معظم مستخدمي الفيس بوك (70%) هم من خارج الولايات المتحدة الأمريكية ولذلك يوفر فيس بوك خيارات ترجمة الواجهة الى أكثر من 70 لغة. اضف الى ذلك أن عدد كبير من المستخدمين (70%) يقومون بإستخدام حساباتهم في الفيس بوك لاستخدام مواقع وتطبيقات مرتبطة بالفيس بوك حيث أنه يقدر عدد المواقع المرتبطة بالفيس بوك أكثرمن مليون موقع. (المرجع)

لماذا نرتبط مع فيس بوك:

نظرا للعدد الهائل من المستخدمين لموقع الفيس بوك وقابليتهم لاستخدام حساباتهم للدخول على المواقع والتطبيقات الأخرى أصبح من الأفضل الاستفادة من هذا البيانات المتاحة من خلال واجهات الموقع البرمجية (APIs) عند بناء تطبيقاتك.

أشكال الارتباط بالفيس بوك:
هنالك الكثير من أشكال الارتباط بالفيس بوك وكل تطبيق يمكنه الارتباط بالفيس بوك بالشكل المناسب له ولكل شكل من أشكال الارتباط ميزاته وعيوبه وسنقوم بعرض الطرق الأكثر رواجا:

1- التسجيل بإستخدام الفيس بوك (Register using Facebook):

بإمكانك إلغاء نموذج التسجيل الجديد في الموقع واستبداله بزر "تسجيل أو دخول بإستخدام الفيس بوك" وعند دخول المستخدم باستخدام حسابه في الفيس بوك تقوم "داخليا" بجلب البيانات الخاصة بنموذج التسجيل من حساب المستخدم في الفيس بوك وتقوم بتخزينها في نظامك وبذلك تكون قد وفرت على المستخدم الوقت والجهد وجعلت استخدام موقعك سهلا للغاية.

مثال:
لنفترض أن نموذج التسجيل الخاص بموقعك يطلب البيانات التالية:
الاسم الأول - الاسم الأخير - الجنس - تاريخ الميلاد
نلاحظ أن البيانات المطلوبة في نموذج التسجيل يمكن الحصول عليها من حساب المستخدم في الفيس بوك ولذلك بمجرد نقر المستخدم على زر "تسجيل أو الدخول بإستخدام الفيس بوك" سنقوم بإستخدام الواجهة البرمجية للفيس بوك (Facebook APIs) للاستعلام عن البيانات المطلوبة ومن ثم حفظها وتخزينها في قاعدة البيانات الخاصة بنظامك.

مخطط توضيحي:

عملية التسجيل بإستخدام الفيس بوك

"خطوة (تحديث بيانات المستخدم) اختيارية"

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

العيوب:
1- حصر الموقع على مستخدمي الفيس بوك.
2- عدم القدرة على تعديل البيانات يدويا ( قد تكون البيانات المدخلة في الفيس بوك غير حقيقية).
3- اعتمادية كبيرة على الفيس بوك فلو حصلت مشكلة في الفيس بوك لن يستطيع مستخدمي موقعك الدخول.

2- جلب جزء من بيانات التسجيل (Data Fetching) :

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

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

المميزات:
1- توفير الوقت على المستخدم.
2- القدرة على تعديل البيانات القادمة من الفيس بوك.
3- عدم الاعتماد على الفيس بوك بشكل كامل (بحيث يمكن لمن لا يملك حساب في الفيس بوك أن يقوم بالتسجيل في موقعك)

العيوب:
1- العملية تأخذ وقتا أطول.
2- امكانية التلاعب بالبيانات.

3- المعرف الثانوي (Linked Accounts):
يمكنك بناء تطبيقك بشكل منفصل عن الفيس وبعد الانتهاء من بناء تطبيقك تعطي المستخدم القدرة على ربط حسابه على موقعك بحسابه على الفيس بوك.

مثال:
لو افترضنا أنك قمت ببناء تطبيق (نادر الاستخدام) يقوم بتحويل الملفات الصوتية الى صيغة مختلفة وكان تطبيقك يطالب المستخدم بالتسجيل لكي تتمكن من ربط الملفات الصوتية المرفوعة والمحولة مع حساب المستخدم. يمكنك أن تعطي للمستخدم الخيار بأن يقوم بربط حسابه في موقعك مع حسابه في الفيس بوك بحيث أن يستطيع تسجيل الدخول الى موقعك عن طريق حسابه أو عن طريق حسابه في الفيس بوك. ففي هذه الحالة لو نسي المستخدم معرفه أو كلمة المرور لحسابه في موقعك يمكنه الدخول بإستخدام الفيس بوك.

المميزات:
1- تطبيق قائمة بذاته (Stand Alone Application).
2- امكانية الدخول بأكثر من طريقة.
3- امكانية الوصول الى بيانات المستخدم عن طريق الفيس بوك في حال قام بربط حسابه.
4- سهل التطبيق في حال أن قمت ببناء تطبيقك بدون الارتباط مع فيس بوك.

العيوب:
1- تحتاج الى بناء التطيبق كاملا بجميع وظائفه وخدماته.

4- نشر تطبيقك (Post on User Wall):

بإمكانك أن تقوم بالكتابة عن تطبيقك على جدار العضو (Facebook User Wall) -بعد موافقته على ذلك- وفي هذه الحالة سينتشر موقعك بين أصدقاء المستخدم.

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

المميزات:
1- امكانية نشر موقعك مجانا لمستخدمين حقيقيين.
2- اعطاء موقعك صبغة اجتماعية.

العيوب:
1- البعض يعتبر ذلك اختراقا للخصوصية.

إذن متى نستخدم الربط مع الفيس بوك؟
استخدم الربط مع الفيس بوك إذا:
1- كان موقعك مفتوحا لشريحة واسعة من المستخدمين.
2- كانت تريد الوصول الى بيانات كثيرة للمستخدم.
3- كنت تريد أن تنشر موقعك.

ملحق:
لمعرفة مستويات الصلاحيات (Permissions) للمستخدم يمكن راجع الرابط التالي:
http://developers.facebook.com/docs/authentication/permissions
لمعرفة البيانات التي يمكن الوصول إليها للمستخدام راجع الرابط التالي:
http://developers.facebook.com/docs/reference/api/user
لمعرفة البيانات التي يمكن الوصول لبقية العناصر راجع الرابط التالي:
http://developers.facebook.com/docs/reference/api/
عرض تقديمي للمقارنة بين مختلف أنواع طرق الربط مع الشبكات الاجتماعية:
http://www.slideshare.net/drock/openid-vs-facebook-connect-vs-friendconnect

تم بحمد الله

كيف تبني اضافة للجي كويري - jQuery Plugin

2010-10-30T07:14:00.000-07:00

أصبحت الجي كويري (jQuery) من أكثر مكتبات الجافا سكريبت (Javascript) انتشارا والأوسع استخداما حيث صارت تستخدم في 31% من أكثر عشرة آلاف موقع زيارة في الانترنت رغم أن عمرها صغير نسبيا حيث انها من مواليد 2006.

احدى أهم خصائص الجي كويري هو أنها قابلة للتوسع أي أنها توفر قاعدة للمبرمجين الذي يريدون تكوين مكتبات أخرى تعتمد على مكتبة الجي كويري الأساسية وهذا ما يسمى بالاضافة (Plug-in).

سنقوم بعمل اضافة بسيطة تقوم بالتحقق من محتوى مربعات النصوص (Text Boxs) لتوضيح مباديء عمل الاضافات (Plugins) على الجي كويري (jQuery):

الخطوة الأولى: التجهيز

قم بتكوين ملف انترنت (HTML) جديد وليكن اسمه "jQueryPluginTest.html".

ثم قم بإضافة ملف جافا سكريبت ولكن اسمه "jQuery.validate.js".

الخطوة الثانية: الكود الأساسي

اكتب الكود التالي والذي يمثل الكود الأساسي لأي ملف اضافة جي كويري:

الخطوة الثالثة: الكود

سنقوم بإضافة كود بسيط للتحقق من محتوى مربعات النصوص كما في الكود التالي:

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

الخطوة الرابعة: الاختبار

لنقوم بتجربة الاضافة من خلال كتابة الكود التالي لصفحة "jQueryPluginTest.html":

والآن قم بتشغيل الصفحة:

عند النقر على زر "دخول" دون ادخال اي شيء في مربعات النصوص أن لون الحدود والخلفية تحول الى اللون الأحمر.

الخطوة الخامسة: الخيارات

عندما تريد أن تنشر اضافتك يفضل أن يكون فيها شيء من المرونة فعلى سبيل المثل ماذا لو احتاج شخص ليستخدم اضافتك ولكنه يريد أن يغير بعض الألوان ففي هذه الحالة يجب أن تستخدم الخيارات (options) لكي تجعل المستخدم يقوم بتمرير اسم نمط شكلي(Css Class) الى مكتبتك.

بتعديلات بسيطة على المكتبة يمكننا فعل ذلك , انظر الى التغير في الكود التالي:

اصبح الآن بالإمكان تمرير اسم الكلاس (Css Class) الى الاضافة كما في الصورة التالية:

رابط تحميل النسخة النهائية من الاضافة

تم بحمد الله تعالى ..

ASP.NET MVC سؤال وجواب

2010-10-27T04:56:00.000-07:00

مقدمة توضيحية.
ما هي ASP.NET MVC؟
لماذا ظهرت ASP.NET MVC؟
ما الذي يميز ASP.NET MVC؟
هل ASP.NET MVC بديل للـ ASP.NET Web Forms؟
هل يمكنني أن أستخدم أدوات التحكم (Controls) في ASP.NET MVC؟

مقدمة توضيحية:

في البداية أود توضيح بعض المصطلحات التي سأستخدماها في هذه المقالة. وهي كالتالي:

- ASP.NET MVC: الطريقة الجديدة لإنشاء تطبيقات الويب بإستخدام تقنيات مايكروسوفت.

- ASP.NET Web Forms: الطريقة المعروفة لانشاء تطبيقات الويب من خلال استخدام ادوات التحكم (Web Controls).
- MVC: نمط تصميم (Design Pattern) يتكون من ثلاثة أجزاء:

حامل البيانات (Model): صنف (Class) يقابل جدول في قاعدة البيانات (في الغالب) لحمل البيانات من وإلى الصفحة (View).
الصفحة (View): تجاوزا سميتها الصفحة وهي منطقة العرض.
التحكم (Controller): صنف (Class) الأوامر (Actions) أي أنه الحلقة الوسيطة بين (Model) و (View).

ما هي ASP.NET MVC؟

هي مكتبة مبنية بإستخدام منصة دوت نت (.NET Framework) تساعد لانشاء تطبيقات الويب (Web Application) بالطريقة التقليدية! نعم بالطريقة التقليدة التي تستخدم في لغات برمجة الويب الأخرى مثل PHP و Pathon و Perl وغيرها من لغات البرمجة حيث يغلب استخدام نمط MVC في بناء التطبيقات.

لماذا ظهرت ASP.NET MVC؟
ظهرت ASP.NET MVC لردم الفجوة بين مطوري الويب بإستخدام تقنيات مايكروسوفت ومطوري الويب بإستخدام التقنيات واللغات الأخرى. عندما نرجع الى الماضي وبالتحديد في عام 2002 مع أول اصدار لتقنيات Microsoft.NET ومن ضمنها ASP.NET ظهرت فجوة بين مستخدمي ASP.NET Web Forms ومستخدمي اللغات الأخرى حيث أن ASP.NET كانت تعتبر ثورة في عالم برمجة تطبيقات الويب ولكنها كانت موجهة بشكل كبير لمبرمجي تطبيقات الويندوز فصار من السهل لأي مبرمج لديه خبرة في برمجة تطبيقات الويندوز أن ينتقل إلى عمل تطبيقات الويب بإستخدام ASP.NET Web Forms لأنها كانت تستخدم واجهة قريبة جدا من واجعة الفيجوال بسيك (Visual Basic) لعمل التطبيقات من خلال سحب أدوات التحكم (Controls) وترتيبها على النموذج وكتابة الكود بإستخدام فيجوال بيسك دوت نت (Visual Basic.NET) أو سي شارب (C#.NET) ومع كل إصدار جديد لمنصة الدوت نت (.NET Framework) تتسع تلك الفجوة التي تتمثل بأن طريقة تطوير تطبيقات الويب أصبحت أقرب إلى طريقة تطوير تطبيقات الويندوز فصار من الصعب على مطوري الويب بإستخدام لغات أخرى الانتقال إلى ASP.NET. فجاءت ASP.NET MVC في عام 2007 لردم تلك الفجوة ولتسهيل انتقال مطوري الويب بإستخدام اللغات الأخرى الى تقنيات مايكروسوفت.

ما الذي يميز ASP.NET MVC؟
كما ذكرنا سابقا أن ASP.NET MVC صممت للبناء تطبيقات الويب بالطريقة التقليدة لذلك فإن أهم ما يميزها هو التالي:

استخدام نمط التصميم MVC بشكل واضح.
القدرة على التحكم الكامل بالـHTML:
السرعة (Fast)
الروابط المعبرة (SEO URL's)
قابلية الإختبار.
نمط تطوير الويب التقليدي.
التكامل مع بيئة الدوت نت (Visual Studio.NET).

هل ASP.NET MVC بديل للـ ASP.NET Web Forms؟

لا ليست بديل عن ASP.NET Web Forms لأن كلا منهما له استخدامه ومميزاته. فـASP.NET Web Forms مفيدة في بناء التطبيقات التي لا تحتاج الى تخصيص كبير في الواجهات من خلال الاستفادة من أدوات التحكم (Controls) بالاضافة الى امكانية انجاز المشاريع بسرعة أكبر وفي وقت أقل. بينما ASP.NET MVC يمكن استخدامها في في المشاريع التي تحتاج الى تخصيص أكبر للواجهات ولبناء تطبيقات الـ Web 2.0.

هل يمكنني أن أستخدم أدوات التحكم (Controls) في ASP.NET MVC؟
نعم يمكنك ولكن لا ينصح بذلك لأن ASP.NET MVC مصممة لبناء تطبيقات الويب بالشكل التقليدي وادوات التحكم هي تتبع لـASP.NET Web Forms لذلك لا يجب أن الخلط بينهما.

للاستزادة يمكنك الاطلاع على العرض التقديمي عن ASP.NET MVC

لديك سؤال .. تفضل بكتابته هنا..

تلميحات في 140 حرف - DevTips

2010-10-26T11:25:00.000-07:00

هذه مجموعة من التلميحات السريعة في 140 حرف كحد أقصى (سيتم تحديثها بإستمرار):

عند بنائك موقع يحتاج الى التسجيل من قبل الزوار فكر بإستخدام Facebook Connect.
اجعل ادخال بيانات حقيقية الى قاعدة البيانات جديدة تقوم بنائها آخر خطوة قبل اعتمادها.
إذا كان تطبيق الويب الذي تريد بنائه سيستضاف على أكثر من خادم تجنب الإعتماد على الملفات (قدر الإمكان).
فكّر في استخدام التخزين المؤقت (Cache) بعد الانتهاء من برمجة المشروع!.
كل مرة تقوم بتركيب نسخة محدثة من الموقع على السيرفر اعط النسخة رقما (version) واحفظ منها نسخة احتياطية للرجوع إليها عند الحاجة.
تحقق من جميع ادخالات المستخدمين ولا تثق بها أبدأ.
عند استخدامك للجافا سكريبت تحقق من أن التطبيق يعمل (كحد أدنى) على المتصفحات الأساسية IE , FireFox ,Chrome.
عند بنائك لقاعدة بيانات يجب أن تضع في الحسبان الحد الأقصى للبيانات في كل جدول وعليها تحدد نوع البيانات لكل حقل.
استخدم ASP.NET MVC في حال أن التطبيق يحتاج كم كبير من التخصيص في الشكل الخارجي.
استخدم ASP.NET Web Forms لانجاز المشاريع في وقت أقل.
لا تجعل تصميم نظامك الهيكلي (Architectural Design) يمنعك من التوسع في العتاد (Hardware) في المستقبل.
عند البدء في مشروع جديد اجعل بناء التطبيق من الصفر آخر الخيارات وابحث عن خيارات أخرى.
في تطبيقات الويب حاول أن يكون استخدامك لذاكرة الخادم العشوائية (RAM) أقل ما يمكن.
لا تقم بتخزين الملفات الكبيرة في قاعدة البيانات.
استخدم برنامج لادارة الشيفرة المصدرية (Source Control) حتى وان كنت تعمل على التطبيق منفردا.
استخدم الحد الأدنى من الصلاحيات للوصول إلى الموارد.
قم بتشفير الكود (Source Code) قبل تركيب التطبيق على الخادم.
لا يوجد لغة برمجة أفضل من أخرى بشكل مطلق ولكن كل لغة برمجة معينة مناسبة لمتطلبات معينة.

هل لديك تلميح تود أن يضاف .. تفضل بكتابته في التعليقات :)

كيف تجعل الكود أكثر أمنا؟ - Code Security

2010-10-23T04:41:00.000-07:00

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

الحد الأدنى من الصلاحيات (Least Privileges)

عندما تحتاج الى الوصول الى موارد (Resources) مثل الملفات (File System) أو الاتصال بقواعد البيانات (Databases) لا تستخدم صلاحيات المدير (Administrator) بل انشىء مستخدما بصلاحيات محددة بما يخدمك للوصول الى المورد المطلوب. فعلى سبيل المثال إذا كان برنامج يتصل بقاعدة بيانات (Database) وبرنامجك لا يحتاج الى إنشاء أوتعديل أوحذف كائنات جديدة ( Tables- View - Procedure-...) إنما المطلوب هو الاتصال بقاعدة البيانات وقراءة سجلات وحذفها والتعديل عليها, فبالتالي يفترض أن تنشيء مستخدما بالصلاحيات المطلوبة فقط بدون القدرة على التعديل على الكانئات الموجودة.

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

لا تثق بمدخلات المستخدمين (Don't Trust User Inputs)

يجب أن تتحقق من جميع مدخلات المستخدم بدقة وتتأكد من أن شكل المدخلات (Input Format) هو الشكل المطلوب فعلا. وفي حالة تطبقات الويب فإن الأمر يتطلب التحقق على مستويين; مستوى المتصفح (Web Browser) بإستخدام الجافا سكريبت (JavaScript) والأجاكس (Ajax) وعلى مستوى الخادم (Server) بإستخدام لغة برمجة الخادم (Server Scripting Language). والسبب في ذلك أنه بالإمكان تجاوز التحقق في المتصفح (Client Validation) بسهولة وبالتالي يجب أن يكون هنالك مستوى حماية ثاني يصعب تجاوزه وهو التحقق في في السيرفر (Server Validation).

تتبع الأخطاء الغيرمتوقعة (Manage Unexpected Errors)

قد تقوم ببناء نظام متكامل وتختبر نظامك ولا تجد فيه أي خطأ ولكن هل هذا يعني أنه من المستحيل أن تظهر الأخطاء في المستقبل؟ بالطبع لا وحدوث الأخطاء أمر متوقع لذلك يجب أن تتبع الأخطاء غير المتوقعة من خلال إلتقاطها وقت حدوثها (Catch Error) وتخزين رسالة الخطأ ( Log Error) وبيانات عنه مثل اسم المستخدم والتاريخ والوقت والصفحة واسم الجهاز وغيرها , وبعد أن تخزن معلومات عن الخطأ قم بنقل المستخدم الى شاشة أو صفحة تبين له أن حصل خطأ ما غير متوقع أو أي رسالة أخرى. إن عدم تتبع الأخطاء ومعالجتها قد يعرض تطبيقك للخطر حيث أن رسائل الخطأ الافتراضية (Default Error Messages) قد تحمل معلومات حساسة ومفيدة لمن يتربص بتطبيقك.

اضافات المتصفح كروم - Chrome Extensions

2010-10-22T05:35:00.000-07:00

الاضافات التي قمت بعملها على متصفح كروم:

1- تويتر إكستندر (Twitter Extender):

تويتر اكستندر تضيف مميزات أكثر إلى موقع تويتر مثل الرد على الجميع وتغييراتجاه التويتر والريتويت مع التعديل وغيرها الكثير من المميزات.

2- تخصيص يوتيوب (Customize YouTube Teater):

هل تزعجك قوائم الفيديو الاضافية (Related,Featured,Channel) في يوتيوب؟

هل تريد أن تتحكم في ظهور واخفاء خذه القوائم بشكل مستمر؟

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

3- المترجم البسيط (Simple Translate):

اضافة ترجمة بسيطة لجوجل كروم

4- أنا أشاهد (I am Viewing):

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

أمنياتي للعام الجديد 2010

2009-12-31T11:55:00.000-08:00

هذه امنياتي لعام 2010:

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

قبل أن ُيسرق جهازك ,,, كن مستعدا!

2009-09-07T15:55:00.000-07:00

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

المشكلة:

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

ولعل الكثير من الحريصين يقومون بأخذ نسخة احتياطية في قرص صلب خارجي ولكن يضعون القرص الصلب في نفس حقيبة المحمول وإذا سرق المحمول سرقت النسخ الاحتياطية :(. حتى وإن احتفظ بالقرص الصلب الخارجي في مكان ما آخر فإن العملية نفسها - أي أخذ نسخة احتياطية في قرص صلب خارجي- ثقيلة نوعا ما فلا بد لها من وقت وجهد مخصص لهذه العملية أي أنه يجب تخصيص مثلا ساعة اسبوعيا لاخذ نسخة احتياطية وتخزينها على القرص الصلب الخارجي .... ألا يوجد طريقة أفضل من هذه نحن في عام 2009!!

البعض الآخر يستخدم البريد الالكتروني فيرسل لنفسه رسالة ويرفق فيها النسخة الاحتياطية أو يستخدم خدمات التخزين على الانترنت مثل: Sky Drive أو Media Fire وغيرها الكثير التي تعطيك القدرة على رفع ملفات إلى خوادمها والاحتفاظ بها هنالك ولكن لا زلنا واقعين في نفس المشكلة فلا بد لها من وقت وجهد مخصص لرفع النسخ الاحتياطية على الانترنت.

الحل:

لقد وقعت يدي -أثناء متابعتي لـمدونة نثار(متوقفه حاليا)- على موقعين يقدمان خدمة النسخ الاحتياطي للملفات على الانترنت (Online Backup Service) الأول هو SpiderOAK والثاني هو SugarSync. ولكن ماهي خدمة مزامنة الملفات؟ تتلخص الخدمة في أن تقوم بتثبيت برنامج مقدم من مزود الخدمة يقوم هذا البرنامج بمزامنة محتويات مجلدات معينة مهمة لديك ونسخها إلى حسابك عند مزود الخدمة. فيمكنك على سبيل المثال مزامنة مجلد المستندات الذي يحوي أعمالك ويمكنك تحديد عدة مجلدات بالاضافة الى ميزة الاحتفاظ بالاصدارات القديمة (Versions) وامكانية الوصول الى ملفاتك عن طريق الانترنت.

بالطبع يوجد أكثر من مزود للخدمة ويمكن الاستزادة من المقارنة بين مزودي الخدمة من خلال هذا الموقع وعن نفسي فقد قمت بتجربة SpiderOAK و SugarSync وفي الواقع استفدت كثيرا من استخدام هذا الخدمة , صحيح أنه لم يُسرق محمولي والحمد لله ولكني أحس براحة نفسية من هذه الناحية.

واذا سُئلت عن الأفضل بينهما فهو SugarSync وذلك لأنه أخف وأجمل بالاضافة الى أنه يعطيك مساحة إضافية كلما أتيت له بأصدقاء جدد. فعلى سبيل المثال إذا قمت بالتسجيل في الموقع عن طريق هذا الرابط:https://www.sugarsync.com/referral?rf=dzh0eq5ca4qx8 فسيضاف الى حسابي 500 ميجا بايت اضافية وإذا لم ترغب في ذلك فما عليك إلا أن تسجل عن طريق الرابط التالي:http://www.sugarsync.com

ملحوظة:

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

وفي هذه الحالة يجب عليك أن توازن بين الايجابيات والسلبيات وتتخذ القرار بناءً على ذلك.

أتمنى أن يكون يكون الموضوع قد أضاف شيئا جديدا لك ,,, تحياتي.

يا عالم أنا مبرمج ولست فني صيانة!

2009-05-15T08:43:00.000-07:00

إذا كنت مبرمجا فأنا متأكد أنك قد مررت بالكثير من المواقف التي تضيع وقتك بإعتبار أنك "متخصص في مجال الكمبيوتر".

كثيرا ما كان يأتي إلي بعض الأصحاب والأقارب يسألوني: ما هي أفضل مواصفات كمبيوتر؟ ما رأيك في مواصفات هذا الكمبيوتر؟ ما رأيك في بنتيوم فور؟ إلخ... فأضطر للاجابة عن تلك التسألات بجواب دبلوماسي ... أممم ... "الكمبيوتر مثل الثوب تفصله حسب حاجتك وعليك أن تعرف ما الذي تريد استخدام الكمبيوتر فيه لنحدد المواصفات المناسبة" كان هذا الجواب مقنعا نوعا ما ولكن المصيبة عندما يطلب مني أن أقوم بصيانة كمبيوتر عطلان ... يالها من مشكلة -بالنسبة لي طبعا- لأني تركت هذا العمل من أيام الثانوية وحاليا من يقوم به لي هم الفنيون في الشركة التي أعمل فيها.

الذي دفعني لكتابة هذا الموضوع هو أني في الليلة الماضية طلب مني أحد الجيران اصلاح كمبيوتر ابنه فقبلت -وياليتني لم أقبل-. فتحت الكمبيوتر فإذا هو Sony Vaio وهو يعمل بشكل صحيح ولكني فوجئت أن الانترنت هو الذي لا يعمل. قمت بمحاولة الاتصال بالشبكة اللاسلكية التي في البيت وبعد محاولات مضنية اتصل ولكنه حتى الآن لا يقوم باستعراض أي موقع ويب,,, امممم ,,, ما العمل؟؟ قلت في نفسي: "من المؤكد أن هذا الجهاز مليء بالفيروسات الضارة" فقمت بتحميل برنامج Mcafee ولسوء الحظ فإنه عندما يصل الى المنتصف في التحميل يتوقف. ,,, فقلت في نفسي: "لابد أن أستطيع تحميل البرنامج في الوضع الآمن". وبالفعل تم التحميل بنجاح في الوضع الآمن فقمت بإعادة التشغيل للدخول في الوضع الطبيعي ولكن فوجئت أنه عندما يدخل الى الوضع الطبيعي يتوقف الجهاز عن الاستجابة؟؟؟؟؟!!! قمت بالرجوع الى الوضع الآمن وحاولت استخدام خدمة استعادة النظام "System Restore" أكثر من مرة ولكن بلا فائدة. بصراحة في ذلك الوقت عرفت معني المثل القائل "جا يكحلها عماها!"

لا حول ولا قوة الا بالله ,, تمنيت أني أو أستطيع رمي الجهاز من أقرب نافذة ,,,,.

طيب الآن لم يتبقى لي من الحلول إلا البتر (الفورمات) أقسى الحلول وأكثرها إيلاما ولكن ليس باليد حيلة فقد تقطعت جميع السبل أمامي.

اتجهت الى مكتبي واخذت نسخة من فستا وقمت بتحميلها على الفور ,,, تم التثبيت بنجاح ,,, ولكن ,,, الشاشة لا تظهر بالشكل المناسب!! نعم تذكرت أني أحتاج إلى تعريف Drivers يالها من ورطة ,,, بحثت في الجهاز فوجبت أنه على القرص D موجود ملف مضغوط مكتوب عليه Drivers فقلت الحمد لله فرجت ,,,, ولكن للأسف ,,, غالبية الDrivers لوبندوز XP وانا قمت بتثبيت ويندوز Vista ,,, إمممممممممممممممممممممم ,,,, لا يمكنني الاتصال بالانترنت عبر اللاسلكي لأنه غير معرف ,,, ما هو الحل إذن ,,, وجدت أن لدي كيبل فوصلته بالمودم من طرف والطرف الآخر في الجهاز,,, الحمد لله ,,, اتصلنا بالانترنت ,,, ذهبت الى موقع سوني لتحميل الDrivers ولكن للأسف لم أجد رقم الموديل على موقع سوني -طبعا رقم الموديل دائما يكون في الخلف- وبعد البحث المضني وجدت أن رقم الموديل الحقيقي موجود بجانب TouchPad وهو مختلف تماما عن الرقم الموجود في الملصق خلف الجهاز !!!!. عموما ذهبت الى الموقع ووجدت الDrivers حاولت تنزيلها من هنالك ولكن كانت بطيئة جدا جدا -أتوقع لوجود مشكلة في السيرفر- ,,, فقمت بتحميل Download Manager لتسريع التنزيل وفعلا استطعت تنزيل الملفات بسرعة أكبر وقمت بتثبيتها على الجهاز ومن ثم بدأت بكتابة هذا البوست :).

الخلاصة:

انتهت القصة المأساوية ولم استمتع بنهاية الاسبوع لأن هذا العمل أخذ مني يوم ونص تقريبا -أسأل الله أن لا يحرمني الأجر-. وأريد أيضا أن أقول شيء آخر وهو الأهم ,,, "يا عالم أنا مبرمج ولست فني صيانة.!!"

طريقة استخدام SQL Helper للتعامل مع SQL Server

2009-05-03T12:10:00.000-07:00

إذا كنت من الذين يكتبون برامج باستخدام لغة الدوت نت (.NET) تتعامل مع قواعد بيانات SQL Server قد يكون هذا الموضوع مفيد لك.

- ما هي SQL Helper؟

هي عبارة عن مكتبة للتعامل مع قواعد بيانات SQL Server من خلال الاجراءات المخزنة (Stored Proceders) بسرعة وفعالية أكبر وأيضا بسهولة أكبر.

- كيفية استخدام SQL Helper؟

أولا يجب تنزيل نسخة من Microsoft Data Access Block من خلال هذا الربط

من ثم قم بتثبيت البرنامج على جهازك وستجد في البرامج Microsoft Application Blocks for .NET ضمن البرامج قم بتشغيل Quick Start Samples للاطلاع على الأمثلة بالاضافة الى ملفات المساعدة.

- بعض الأمثلة التي تسخدم كثيرا:

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

string connectionString = ConfigurationManager.ConnectionStrings["ConnectionStringKey1"].ConnectionString;
SqlConnection sqlConnection = new SqlConnection(connectionString);
SqlCommand sqlCommand = sqlConnection.CreateCommand();
sqlCommand.CommandType = CommandType.Text;
sqlCommand.CommandText = "Select column1,column2 from Table1";
IDataReader reader = sqlCommand.ExecuteReader();

الكود باستخدامSQL Helper:

string connectionString = ConfigurationManager.ConnectionStrings["ConnectionStringKey1"].ConnectionString;
IDataReader reader = SqlHelper.ExecuteReader(connectionString, CommandType.Text, "Select column1,column2 from Table1");

كود قراءة سجلات متعددة باستخدام الاجراءات المخزنة (ٍَStored Procedure)

string connectionString = ConfigurationManager.ConnectionStrings["ConnectionStringKey1"].ConnectionString;
SqlConnection sqlConnection = new SqlConnection(connectionString);
SqlCommand sqlCommand = sqlConnection.CreateCommand();
sqlCommand.CommandType = CommandType.StoredProcedure;
sqlCommand.CommandText = "sp_GetProducts";
sqlCommand.Parameters.Add(new SqlParameter("@p1", "value1"));
sqlCommand.Parameters.Add(new SqlParameter("@p2", "value1"));
IDataReader reader = sqlCommand.ExecuteReader();

الكود باستخدام SQL Helper:

string connectionString = ConfigurationManager.ConnectionStrings["ConnectionStringKey1"].ConnectionString;
IDataReader reader = SqlHelper.ExecuteReader(connectionString, "sp_GetProducts", "value1", "value2");

حيث يتم تمرير قيم المتغيرات (Paramerters) بنفس ترتيبها في الاجراء المخزن (Stored Procedure)

لعلك لاحظت أخي الكريم كيف أن التعامل مع قاعدة البيانات صار أسهل وأسرع ,,,

تحياتي ,,,

انسخ وإلصق الكود

2009-04-27T13:24:00.000-07:00

"الكود عندي جاهز بس نسخ ولصق وبعض تعديلات وانتهى الموضوع"

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

لدي قناعة راسخة أن ما الكود الذي تنسخه وتلصقه في مكان آخر من النظام أو حتي في نظام أوتطبيق آخر هو تصرف خاطئ وبالتأكيد هنالك طريقة أفضل لعمل ذلك.

وفيما يلي بعض الأمثلة:

نص الاتصال مع قاعدة البيانات (Connection String ): يمكن وضعه في قسم ConnectionStrings في ملف Web.Config واستدعاؤه من هنالك.

كود التعامل مع قاعدة البيانات:

SqlConnection connection = new SqlConnection(connectionString);
SqlCommand command = new SqlCommand();
command.Connection = connection;
command.CommandText = "Select * from Table1";
command.ExecuteReader();

يمكن وضعه في دالة يتم استدعائها في كل مرة بسطر واحد مثل:

public IDataReader GetReader(string sql){
SqlConnection connection = new SqlConnection(connectionString);
SqlCommand command = new SqlCommand();
command.Connection = connection;
command.CommandText = sql;
command.ExecuteReader();
}

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

تأكد من أنك تملك الاساسيات

2009-04-25T18:07:00.002-07:00

كل صنعة لها أساسيات وكذلك البرمجة لها اساسيات وأنا في هذا المقال أتكلم عن برمجة الويب بالتحديد نظرا لأن المستقبل ها - في الغالب-.

نحن يا معشر مبرمجي ASP.NET متقوقعون على أنفسنا مع أنه يوجد الكثير من لغات برمجة الويب الأخرى مثل PHP, Paython, JSP,… وغيرها وهؤلاء يعيشون معنا في عالم الانترنت والفرق بيننا وبينهم هو في Server Side Scripting Language فنحن نكتب بلغة C# أو VB وهم يكتبون بلغات أخرى أما باقي الاشياء فنح نشترك معهم فيها. على سبيل المثال لوافترضنا أن هنالك نجار يعمل على نوع من أنواع الخشب فيجب أن يكون عنده فكرة عن باقي أنواع الأخشاب وأن يكون لديه خبرة عميقة في باقي أدوات النجارة.

حقيقة ما يؤلمني أن كثير من مبرمجي ASP.NET لا يملكون اساسيات برمجة الويب وهي كالتالي:

HTML.

لغة برمجة للسيرفر Server Side Scripting Language

CSS

لغة لبرمجة المتصفح Client Side Scripting Language

دعونا الآن نتكلم عن هذا نفصل قليلا…

أولا: لغة HTML:

ومن لا يعرف هذه اللغة الجميلة والبسيطة ولكن معرفتنا بها سطحية فالكثير لا يعرف الفرق بن DIV و SPAN ولا ما هي XHTML.

للاستزادة في لغة HTML يمكنك استخدام الموقع التالي:

http://www.w3schools.com/html/default.asp

وللاستزادة في لغة XHTML :

http://www.w3schools.com/xhtml/default.asp

ثانيا: لغة برمجة السيرفرServer Side Scripting Language

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

ثالثا: CSS(Cascading Style Sheets)

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

للمزيد عن CSS:

http://www.w3schools.com/css/default.asp

رابعا: لغة برمجة المتصفح Client Side Scripting Language

بالطبع لدينا لغتين في هذا الجزء الأولى هي Java Script والغة الثانية هي VB Script , قد تكون لغة الجافا سكربت غير مهمة أو ثانوية في السابق ولكنها في الوقت الحاضر تعتبر أساسية خصوصا عندما نتكلم عن بناء تطيبقات ويب تطبق مفاهيم Web 2.0 لذلك يجب تعلم هذه اللغة الرائعة.

للاستزادة في الجافا سكربت:

http://www.w3schools.com/js/default.asp

أنت في عالم كبير وأيضا سريع الاتساع

2009-04-25T18:07:00.001-07:00

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

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

أولا وقبل شيء استعن بالله وابدأ التحدي بعزم.

حاول أن لا تكرر ما تعمله وأت تستفيد من اخطاءك السابقة.

ضع لك خطة شهرية لتعلم شيء محدد خلال شهر أو أكثر.

شارك في مشروع مفتوح المصدر في احد المواقع التي تستضيف المشاريع المفتوحة المصدر مثل Code Plex

أستخدم قارئ الخلاصات RSS Reader لمتابعة جديد المجال: هنالك الكثير والكثير من المدونات المفيدة والمواقع المتخصصة وعلى سبيل المثال وليس الحصر

4GuysFromRolla.com

ASPAlliance.com - Articles, reviews, and samples for .NET Developers

C-Sharpcorner Latest Articles

ASP.NET Blogs

The Code Project Latest Articles

.NET slave

Will Asrari

هذا غيض من فيض ,,,,

تحياتي ,,,

بسم الله ,, نبدأ

2009-04-25T18:05:00.000-07:00

سم الله الرحمن الرحيم هذه هي أول تدوينة لي في مدونتي الجديدة “~~نصائح وتلميحات لمبرمجي الدوت نت~~” "مدونة خالد مسيعد" ~~وكما هو واضح من اسم المدونة -الطويل نسبيا:) - أن~~ الهدف من هذه المدونة هو توجيه ومساعدة مبرمجي الدوت نت .NET Developers ومبرمجي ASP.NET بشكل أخص لبناء تطبيقات انترنت Web Applications بطريقة صحيحة وعملية. هذه المدونة موجهة للمبرمجين المبتدئين والمتوسطين الذين سنوات خبرتهم أقل من ثلاث سنوات.