عقل البرمجة http://dev.3ql.com تعلم البرمجة من البدائية إلي الاحترافية Fri, 20 Aug 2010 14:33:17 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 5 أخطاء شائعة بكتابة عنوان الصفحة SEO http://dev.3ql.com/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d9%88-%d8%b7%d8%b1%d9%82/5-%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-%d8%b4%d8%a7%d8%a6%d8%b9%d8%a9-%d8%a8%d9%83%d8%aa%d8%a7%d8%a8%d8%a9-%d8%b9%d9%86%d9%88%d8%a7%d9%86-%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-seo/. http://dev.3ql.com/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d9%88-%d8%b7%d8%b1%d9%82/5-%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-%d8%b4%d8%a7%d8%a6%d8%b9%d8%a9-%d8%a8%d9%83%d8%aa%d8%a7%d8%a8%d8%a9-%d8%b9%d9%86%d9%88%d8%a7%d9%86-%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-seo/.#comments Fri, 20 Aug 2010 14:33:17 +0000 dev http://dev.3ql.com/?p=150 السلام عليكم ورحمه الله وبركاته

لاشك ان جميع المبرمجين واصحاب المواقع اصبح شغالهم الأول والأخير هو صدافة محركات البحث SEO

ولقد لاحظنا وجود 5 أخطاء شائعة بكتابة عنوان الموقع وهو الأهم في عملية صداقة محركات البحث

بسم الله نبدأ

بداية ماهو عنوان الموقع Titles ؟

عنوان الموقع هو وصف مختصر لمحتوي الصفحة يتواجد بتاج <title> المتوفر برأس الصفحة <head>

يتم عرضه بمعظم المتصفحات بأعلي الصفحة أو بعنوان TAB

ويتم كتابته بهذه الطريقة

نبدأ الآن بعرض الأخطاء

الخطأ الأول : عدم وجود عنوان

من أكثر الأخطاء شيوعاً عند مطوري المواقع هو اضافه الصفحة بدون عنوان او بالعنوان الإفتراضي  ” Untitled Document ”

حاول البحث من خلال جوجل عن كلمة Untitled Document وستجد ملايين الصفحات بنفس الاسم

وهذا سيئ جداً  فعناكب محرك البحث تستخدم العنوان كدليل علي محتوي الصفحة وكون العنوان لايطابق المحتوي وبنفس الوقت هناك ملايين النتائج المشابهه فلما يظهر موقعك أولا ً ؟

الخطأ الثاني : العنوان قصير جداً أو طويل جداً

دائماً خير الأمور الوسط فصر العنوان أو طوله ربما يحرمك من صدارة محركات البحث

فالعنوان القصير سوف يحتوي علي كلمات دليلة اقل مما يؤدي الي نقص فرصتك بالظهور ولكن علي حسب ويكيبديا فان جوجل تستطيع اظهار 70 حرف بالعنوان فلمااذا لاتستغل ذلك

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

دعنا نوضح بمثال

لنفترض انك تكتب بالصفحة عنوان لموضوع خاص باصلاح مشكلة الإرسال بالايفون

مثال :

شرح : كيفية حل مشكلة الارسال بالايفون الجيل الرابع

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

حل مشكلة الارسال بالايفون

هل مشكلة الارسال متوفرة بالجيل الثالث !!!

اذن لقد استخدمت عنوان غير قصير مكون من 4 كلمات يفيد الغرض وهذا هو المطلوب

المشكلة الثالثة : عدم توافق الكلمات الافتتاحية مع العنوان

من الأخطاء شائعة الحدوث هو توحيد الكلمات الافتتاحية keyword بجميع الصفحات دون الرجوع لعنوان الصفحة وهذا خطأ كبير حيث ان العنوان لابد ان تكون معظم كلماته بالكلمات الافتتاحية حتي تتمكن من الظهور أولاً بمحركات البحث

المشكلة الرابعة : استخدام اسم الشركة / اسم المنتدي بجميع صفحات الموقع

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

مجموعة عقل العربية  كما ذكرنا سابقاً فان جوجل تظهر فقط 70 حرف من العنوان اذن انت اضغط قرابة 20 حرف او اكثر في اسم شركتك وفقدت مضمون العنوان نفسه فتخسر زائر كان يبحث عنك

المشكلة الخامسة : تكرار استخدام نفس اسم العنوان بأكثر من صفحة

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

تم بحمد الله

عقل البرمجة

]]> http://dev.3ql.com/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d9%88-%d8%b7%d8%b1%d9%82/5-%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-%d8%b4%d8%a7%d8%a6%d8%b9%d8%a9-%d8%a8%d9%83%d8%aa%d8%a7%d8%a8%d8%a9-%d8%b9%d9%86%d9%88%d8%a7%d9%86-%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-seo/./feed 0 صفحات الأخطاء مابين اخطاء شائعه وحلول http://dev.3ql.com/%d9%85%d9%82%d8%a7%d9%84%d8%a7%d8%aa-%d9%88%d8%a2%d8%b1%d8%a7%d8%a1/%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%84%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-%d9%85%d8%a7%d8%a8%d9%8a%d9%86-%d8%a7%d8%ae%d8%b7%d8%a7%d8%a1-%d8%b4%d8%a7%d8%a6%d8%b9%d9%87-%d9%88%d8%ad%d9%84%d9%88%d9%84/. http://dev.3ql.com/%d9%85%d9%82%d8%a7%d9%84%d8%a7%d8%aa-%d9%88%d8%a2%d8%b1%d8%a7%d8%a1/%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%84%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-%d9%85%d8%a7%d8%a8%d9%8a%d9%86-%d8%a7%d8%ae%d8%b7%d8%a7%d8%a1-%d8%b4%d8%a7%d8%a6%d8%b9%d9%87-%d9%88%d8%ad%d9%84%d9%88%d9%84/.#comments Thu, 05 Aug 2010 13:49:19 +0000 dev http://dev.3ql.com/?p=132 مما لاشك فيه انه لايوجد موقع علي الويب لايوجد به صفحات اخطاء سواء كان ذلك بسبب تحديث شكل الموقع او نقله من خادم الي آخر او ربما تم حذف الرابط عن طريق الخطأ كل هذه الطرق تؤدي الي صفحة خاطئة او ماتسمي ERROR 404 سوف نقوم بمقال اليوم بطرح أفضل السبل لإنشاء صفحة خطأ مناسبة لاعضائك وزوارك

1- يجب أن يبقي نفس تصميم موقعك كما هو

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

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

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

2- اعتذر للزائر

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

3- محرك البحث

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

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

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

4- قم بكتابة روابط مفيدة

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

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

- كثرة الروابط بدون فائدة

- كتابة روابط خاطئة

5- إتصال بنا / تقرير بالخطأ

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

- 1 % من الزوار فقط هو من يقوم بذلك

- احذر طول نموزج التبليغ فالزائر لن يقوم بملئ بيانات لاداعي لها مثل اسم وسن وعنوان وتاريخ ميلاد :(

6 – التبليغ التلقائي

mail("mail@site.com", "404 report", $_SERVER['REQUEST_URI'], "From: mail@site.com\n");

كما تحدثنا سابقاً فان 1 % فقط في الغالب من الزوار هو من سيقوم بابلاغك بوجود خطأ فمن الأفضل ان تكون صفحة الخطأ نفسها تقوم بابلاغك تلقائياً لتفادي حدوث نفس المشكلة مستقبلياً

7- اضافة الفكاهه

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

8 – التحويل [خطأ]

من السيئ جداً ان تقوم بتحويل صفحة خطأ الي صفحة اخري دون إعلام الزائر بوجود خطأ مما قد يتسبب في هروبه من الموقع فاحذر ان تقوم بعمل التحويل دون تنبيه الزائر بوجود خطأ

استنتاج :

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

تم بحمد الله
شكراً لكم

]]> http://dev.3ql.com/%d9%85%d9%82%d8%a7%d9%84%d8%a7%d8%aa-%d9%88%d8%a2%d8%b1%d8%a7%d8%a1/%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%84%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-%d9%85%d8%a7%d8%a8%d9%8a%d9%86-%d8%a7%d8%ae%d8%b7%d8%a7%d8%a1-%d8%b4%d8%a7%d8%a6%d8%b9%d9%87-%d9%88%d8%ad%d9%84%d9%88%d9%84/./feed 0 اكسبلور : حل مشكلة جودة حدود الصور http://dev.3ql.com/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d9%88-%d8%b7%d8%b1%d9%82/%d8%a7%d9%83%d8%b3%d8%a8%d9%84%d9%88%d8%b1-%d8%ad%d9%84-%d9%85%d8%b4%d9%83%d9%84%d8%a9-%d8%ac%d9%88%d8%af%d8%a9-%d8%ad%d8%af%d9%88%d8%af-%d8%a7%d9%84%d8%b5%d9%88%d8%b1/. http://dev.3ql.com/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d9%88-%d8%b7%d8%b1%d9%82/%d8%a7%d9%83%d8%b3%d8%a8%d9%84%d9%88%d8%b1-%d8%ad%d9%84-%d9%85%d8%b4%d9%83%d9%84%d8%a9-%d8%ac%d9%88%d8%af%d8%a9-%d8%ad%d8%af%d9%88%d8%af-%d8%a7%d9%84%d8%b5%d9%88%d8%b1/.#comments Thu, 05 Aug 2010 12:29:52 +0000 dev http://dev.3ql.com/?p=124 السلام عليكم ورحمه الله وبركاته

حياكم الله زوار عقل البرمجة

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

كما نلاحظ بالصورة السابقة كانت هناك مشكلة بالاكسبلور بعرض حدود الصورة بطريقة صحيحة كعادة انترنت اكسبلور

الحل بكل بساطة هو اضافة

img { -ms-interpolation-mode: bicubic; }

وان شاء الله تحل المشكلة بشكل نهائي
شكراً لكم

]]> http://dev.3ql.com/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d9%88-%d8%b7%d8%b1%d9%82/%d8%a7%d9%83%d8%b3%d8%a8%d9%84%d9%88%d8%b1-%d8%ad%d9%84-%d9%85%d8%b4%d9%83%d9%84%d8%a9-%d8%ac%d9%88%d8%af%d8%a9-%d8%ad%d8%af%d9%88%d8%af-%d8%a7%d9%84%d8%b5%d9%88%d8%b1/./feed 1 عرض رائع لمصغرات الصور Jquery http://dev.3ql.com/%d8%af%d8%b1%d9%88%d8%b3-%d9%88%d8%aa%d8%b9%d9%84%d9%8a%d9%85/%d8%b9%d8%b1%d8%b6-%d8%b1%d8%a7%d8%a6%d8%b9-%d9%84%d9%85%d8%b5%d8%ba%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b5%d9%88%d8%b1-jquery/. http://dev.3ql.com/%d8%af%d8%b1%d9%88%d8%b3-%d9%88%d8%aa%d8%b9%d9%84%d9%8a%d9%85/%d8%b9%d8%b1%d8%b6-%d8%b1%d8%a7%d8%a6%d8%b9-%d9%84%d9%85%d8%b5%d8%ba%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b5%d9%88%d8%b1-jquery/.#comments Thu, 05 Aug 2010 09:30:23 +0000 dev http://dev.3ql.com/?p=108 من الممتع ان تبعد عن عروض الفلاش التي تستهلك الكثير من الوقت بالتحميل ولكن مايبعدك عن الاستغناء عنها هي تلك المميزات الرهيبة التي تدعمها اليوم سوف نعرض عرض مميز بواسطة

Jquery يجعلك تستغني عن الفلاش تستطيع استخدامه كعرض مصغرات لمعرض صور او غير ذلك

بسم الله نبدأ

1- انشاء كود XHTMl

علينا بداية ان نقوم بانشاء قائمة بواسطة xhtml

    

    • 

    • 

    • 

    • 

    • 

    • 

    • 

    • 

    •

2- انشاء كود CSS

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px; /* حجم مصغرات الصور */
	-ms-interpolation-mode: bicubic; /* حل مشكلة العرض في اكسبلور */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* الصورة المستخدمه عند مرور الماوس*/
	border: none;
}

لاحظ : بالكود السابق تجد انه تم استخدام -ms-interpolation-mode: bicubic; هذا حل مشكلة عرض الصور بمتصفح اكسبلور حيث انك تجد دوماً باكسبلور مشكلة بعرض الصور لمزيد من المعلومات حول هذه المشكلة يمكنك مراجعه الرابط التالي
http://dev.3ql.com/?p=124

3- المرحلة الاخيرة اضافة الجافا سكربت

$("ul.thumb li").hover(function() {
	$(this).css({'z-index' : '10'}); /*جعل الصورة دائما بالأعلي*/
	$(this).find('img').addClass("hover").stop() /* اضافة الكلاس اوفر وايقاف الحركة*/
		.animate({
			marginTop: '-110px',
			marginLeft: '-110px',
			top: '50%',
			left: '50%',
			width: '174px', /* تكبير الصورة مع مرور الماوس */
			height: '174px', /* تكبير الصورة مع مرور الماوس */
			padding: '20px'
		}, 200); /* رقم 200 يعبر عن سرعه الحركة يمكنك تغييره */

	} , function() {
	$(this).css({'z-index' : '0'}); /* ارجاع الصورة  */
	$(this).find('img').removeClass("hover").stop()  /* حذف الكلاس اوفر*/
		.animate({
			marginTop: '0',
			marginLeft: '0',
			top: '0',
			left: '0',
			width: '100px', /* استعادة مقاس الصورة الافتراضي */
			height: '100px', /* استعادة مقاس الصورة الافتراضي */
			padding: '5px'
		}, 400);
});

استنتاج :

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

تم بحمد الله

نشكركم علي سعة صدركم
واتمني التوفيق
مدونة عقل البرمجة

]]> http://dev.3ql.com/%d8%af%d8%b1%d9%88%d8%b3-%d9%88%d8%aa%d8%b9%d9%84%d9%8a%d9%85/%d8%b9%d8%b1%d8%b6-%d8%b1%d8%a7%d8%a6%d8%b9-%d9%84%d9%85%d8%b5%d8%ba%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b5%d9%88%d8%b1-jquery/./feed 0 استخدام منصة الفيس بوك لانتساب الأعضاء http://dev.3ql.com/php-2/%d8%af%d8%b1%d8%b3-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%85%d9%86%d8%b5%d8%a9-%d8%a7%d9%84%d9%81%d9%8a%d8%b3-%d8%a8%d9%88%d9%83-%d9%84%d8%aa%d8%b3%d8%ac%d9%8a%d9%84-%d8%af%d8%ae%d9%88%d9%84/. http://dev.3ql.com/php-2/%d8%af%d8%b1%d8%b3-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%85%d9%86%d8%b5%d8%a9-%d8%a7%d9%84%d9%81%d9%8a%d8%b3-%d8%a8%d9%88%d9%83-%d9%84%d8%aa%d8%b3%d8%ac%d9%8a%d9%84-%d8%af%d8%ae%d9%88%d9%84/.#comments Thu, 05 Aug 2010 07:31:21 +0000 dev http://dev.3ql.com/?p=55 السلام عليكم ورحمه الله وبركاته

زوار عقل البرمجة حياكم الله

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

الخطوة الأولي : الإعداد

- إنشاء قاعده البيانات

CREATE TABLE `users` (
    `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
    `oauth_provider` varchar(10),
    `oauth_uid` text,
    `username` text,
    PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1;

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

الجدول يتضمن حقلين هامين وهما oauth_provider و oauth_uid
 وذلك لتعريف ان المنصة المستخدمه هي facebook تخيل انك بعد ايام اردت اضافة توتير الي جانب الفيس بوك بالطبع غير المنطقي ان تقوم باضافة جدول جديد للاعضاء ولكن كل ماعليك فقط هو استخدام provider الي twitter

- انشاء تطبيق الفيس بوك

الآن بعد ان قمنا بانشاء قاعده البيانات نأتي الي الخطوة الثانية بالإعداد وهي انشاء تطبيق علي موقع الفيس بوك قم باتباع الرابط التالي

http://www.facebook.com/developers/createapp.php

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

بعد ذلك قم بالذهاب الي اعدادت البرنامج ستجد الصورة التالية

لاحظ وجود بالصورة السابقة كل من API Key Secret هذا ماسوف نحتاجه لنتمكن من التواصل مع الفييس بوك من خلال برنامجنا الآن بالقائمة قم بالذهاب الي

Canvas لنقوم من خلالها بتعديل الروابط الخاصة بالبرنامج

1- الرابط الخاص بالحساب ” اختر اسم للحساب ”

2- قم بوضع الرابط الخاص بك من خلال اللوكال هوست localhost او قم بوضعه برابط نطاقك اذا كنت تمتلك النطاق قم بتكرار الرابط بالخياراين

بعد ذللك قم بالذهاب الي قسم Connect من القائمة ايضاً قم بتعديل الرابط الي نفس الرابط السابق مثال كما بالصورة التالية

الي هنا تم انشاء البرنامج بنجاح عليك فقط بحفظ الاعدادت

الآن عليك بحفظ مكتبة الفيس بوك الخاص بالتعامل مع PHP من هنا

http://github.com/facebook/php-sdk/downloads

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

2- الإتصال مع الفيس بوك

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

قبل ان نقوم بانشاء الملفات دعني اوضح كيف تتم عملية التواصل تعتمد عملية التواصل علي ثلاث خطوات

1- البرنامج الخاص بك script يقوم بانشاء رابط مع الفيس بوك يساله عن الصلاحيات المتاحة
2- الفيس بوك يقوم بالرد عليك عن طريق الرابط الذي تم كتابته في Canvas بمتغيرات في GET
3- تقوم بالتحقق من المدخلات الناتجة من الفيس بوك واضافه الجلسة

دعنا نقوم بجولة سريعة لانشاء نموزج انتساب وتسجيل الدخول

بداية نقوم بانشاء ملف facebook_login.php

بداية نقوم بجلب مكتبة الفيس بوك

# جلب مكتبة الفيس بوك
require("facebook.php");

الآن نقوم بانشاء الكائن باستدعاء الكلاس

# طلب الكلاس
$facebook = new Facebook(array(
	'appId'  => 'الرقم الناتج من انشاء البرنامج بالفيس بوك',
	'secret' => 'كذلك مثل السابق',
	'cookie' => true
));

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

الآن دعنا ان نقوم بالتحقق من وجود جلسه بالفعل أم لا

$session = $facebook->getSession();

if(!empty($session)) {
    # اذا كانت هناك جلسه بالفعل قم بتجربة جلب رقم العضوية
    try{
        $uid = $facebook->getUser();
        $user = $facebook->api('/me');
    } catch (Exception $e){}

    if(!empty($user)){
        # اذا كان عضو بالفعل قم بطباعه المعلومات
        print_r($user);
    } else {
        # للتجربة فقط في حالة كانت هناك مشكلة قم بطباعه رسالة
        die("عفواً هناك خطأ");
    }
} else {
    # لايوجد جلسه قم بانشاء جلسة جديدة
    $login_url = $facebook->getLoginUrl();
    header("Location: ".$login_url);
}

الآن دعنا نقوم بتجربة العمل قم بالذهاب الي عنوان الملف مثال لدينا

http://localhost/facebook/facebook_login.php

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

الخطوة الثالثة : الإنتساب والتحقق

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

بداية قم بانشاء تواصل بقاعده البيانات بالطريقة المعروفة

mysql_connect('localhost', 'root', '');
mysql_select_db('facebook');

الآن سوف نقوم بالتعامل مع $session اي الجلسة التي تم انشائها بالخطوة السابقة

# في حالة اننا لدينا جلسة بالفعل
// نقوم بالتحقق اذا كان العضو متوفر لدينا بقاعده البيانات من قبل أم لا
$query = mysql_query("SELECT * FROM users WHERE oauth_provider = 'facebook' AND oauth_uid = ". $user['id']);
$result = mysql_fetch_array($query);

# اذا كان غير متوفر من قبل فقط نقوم باضافته الي قاعده البيانات
if(empty($result)){
    $query = mysql_query("INSERT INTO users (oauth_provider, oauth_uid, username) VALUES ('facebook', {$user['id']}, '{$user['name']}')");
    $query = mysql_query("SELECT * FROM users WHERE id = " . mysql_insert_id());
    $result = mysql_fetch_array($query);
}

لاحظ عندما قمت بالبحث بقاعده البيانات قمت بالبحث عن البروفايدر provider فيس بوك facebook وذلك فكرة جيدة اذا اردت تطبيق اخر مثال تويتر وغيرهم فكل ماعليك هو تغيير البروفيدر فقط
الآن الناتج من العملية السابقة هو المتغير $result وهو متغير يحتوي علي كافة معلومات العضو المطلوبة لدينا

بالخطوة السابقة كان لدينا

if(!empty($user)){

كل ماعلينا فعله حالياً هو اضافة حالة if جديدة

   if(empty($result)){

ونقوم بداخلها باضافة قيم المتغيرات الي الجلسة

    $_SESSION['id'] = $result['id'];
    $_SESSION['oauth_uid'] = $result['oauth_uid'];
    $_SESSION['oauth_provider'] = $result['oauth_provider'];
    $_SESSION['username'] = $result['username'];

الآن اذا اردت طباعه اسم المستخدم بأي صفحة اخري فلتكتب

echo 'Welcome ' . $_SESSION['username'];

الخطوة الرابعه : صلاحيات أكثر وطرق اخري

بعد ان قمنا باضافة العضو بقاعده البيانات وتمت عملية الانتساب وتسجيل الدخول
الآن علينا ان نري ما الذي يمكننا فعله ايضاً فمثلا ماذا اذا اردت جلب اسم المستخدم وبريده وتاريخ ميلاده والصورة الرمزية وغيرها !

اذا اردت بالفعل هذه المعلومات فانت بحاجة للتعامل مع users.getInfo method دعنا نري مثال

    $uid = $facebook->getUser();
    $api_call = array(
        'method' => 'users.getinfo',
        'uids' => $uid,
        'fields' => 'uid, first_name, last_name, pic_square, pic_big, sex'
    );
    $users_getinfo = $facebook->api($api_call);

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

http://wiki.developers.facebook.com/index.php/Users.getInfo#Response

هل لم تحقق لك هذه المعلومات المطلوب بشكل صحيح !! اذن انت تحتاج للمزيد كمثال اخر فيديو وغيرها اذن علينا باستخدام تقنيه FQl
هذه التقنيه قام بابتكارها مسؤولي فيس بوك وهي تمكنك من البحث بقاعده البيانات بطريقة SQl اذن انت سوف تتحكم بقاعده بيانات فيس بوك فيما يختص بالعضو وكلنا كمبرمجين يعلم ان هذا سوف يصل بك الي كافة المعلومات فأنت الآن تمتلك قاعده البيانات

 $uid = $facebook->getUser();
    $fql_query  =   array(
        'method' => 'fql.query',
        'query' => 'SELECT uid, first_name, last_name, pic_square, pic_big, sex FROM user WHERE uid = ' . $uid
    );
    $fql_info = $facebook->api($fql_query);

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

http://developers.facebook.com/docs/reference/fql/

الأمر ممتع أليس كذلك !

صلاحيات أكثر

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

$uid = $facebook->getUser();

$url = $facebook->getLoginUrl(array(
    'req_perms' => 'email,user_birthday,status_update,publish_stream,user_photos,user_videos'
));
header("Location: {$url} ");

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

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

$url = $facebook->getLoginUrl(array(
    'req_perms' => 'email',
    'next' => 'http://localhost.com/facebook/thanks.php',
    'cancel_url' => 'http://localhost.com/facebook/sorry.php'
));

في هذه الحالة سوف تظهر لك رسالة من فيس بوك تطلب منك السماح بالصلاحية

معلومات هامة يجب ان تعلمها

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

استنتاج

الاتصال مع الشبكات الإجتماعية امر مميز حقاً ان تضيفة الي برنامجك وخاصة مع وجود ملايين المستخدمين بالفيس بوك ولكن مالذي سيحدث عندما لايمتلك الزائر عضوية بالفيس بوك
اذن عليك ان لا تستغني عن نموزج التسجيل بموقعك ولتجعل اضافة الفيس بوك او اي شبكة اجتماعية اخري مجرد اضافة لك وليس اكثر

تم بحمد الله

مصدر الدرس

تمت الترجمة بواسطة فريق عقل البرمجة

http://dev.3ql.com

شكراً لكم

]]> http://dev.3ql.com/php-2/%d8%af%d8%b1%d8%b3-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%85%d9%86%d8%b5%d8%a9-%d8%a7%d9%84%d9%81%d9%8a%d8%b3-%d8%a8%d9%88%d9%83-%d9%84%d8%aa%d8%b3%d8%ac%d9%8a%d9%84-%d8%af%d8%ae%d9%88%d9%84/./feed 2 كيفية أختيار المستضيف المناسب http://dev.3ql.com/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d9%88-%d8%b7%d8%b1%d9%82/13-%d9%85%d9%8a%d8%b2%d9%87-%d9%8a%d8%ac%d8%a8-%d8%a7%d9%86-%d8%aa%d8%b6%d8%b9%d9%87%d8%a7-%d8%a8%d8%a7%d9%84%d8%a5%d8%b9%d8%aa%d8%a8%d8%a7%d8%b1-%d8%b9%d9%86%d8%af-%d8%a7%d8%ae%d8%aa%d9%8a%d8%a7/. http://dev.3ql.com/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d9%88-%d8%b7%d8%b1%d9%82/13-%d9%85%d9%8a%d8%b2%d9%87-%d9%8a%d8%ac%d8%a8-%d8%a7%d9%86-%d8%aa%d8%b6%d8%b9%d9%87%d8%a7-%d8%a8%d8%a7%d9%84%d8%a5%d8%b9%d8%aa%d8%a8%d8%a7%d8%b1-%d8%b9%d9%86%d8%af-%d8%a7%d8%ae%d8%aa%d9%8a%d8%a7/.#comments Mon, 02 Aug 2010 22:32:13 +0000 dev http://dev.3ql.com/?p=29 السلام عليكم ورحمه الله وبركاته

حياكم الله زوار عقل البرمجة درسنا اليوم ليس درس تعليمي ولكنه من النصائح والطرق

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

13 ميزه يجب أن تضعها بالاعتبار عند اختيارك لمزود خدمة الإستضافة

1- المساحة التخزينية :

المساحة التخزينية هو أول مايقع عليه نظرك وفكرك عند اختيارك مستضيف جديد ويتوقف حجم المساحة التخزينية الخاص بك علي حسب المشروع او نوعية الموقع اذا كان الموقع صغير او متوسط فربما تحتاج الي مساحة تخزينية صغيرة من 1 : 9 جيجا علي سبيل المثال ستجد بعض الأحيان بعض الشركات تقدم مساحات خيالية كمثال مساحة تخزينية غير محدودة ولعل حسن ظنك بهم قد توافقك علي هذا العرض المغري بدون تفكير ولكن للاسف يجب عليك قراءة شروط الاستخدام فهناك نظام يسمي over sale وهو ماجعلني اذكر هذه الميزه حالياً فهذا النظام يسمح للمستضيف الذي يملك هارد ديسك 500 جيجا بايت ان يقوم ببيع اكثر من 20000 جيجا بايت وهو يقوم بذكر هذا الشرط فيجب عليك قراءة قوانين الاستخدام لديهم جيداً

2- : كمية الترافيك ( الباندوتث )

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

الباندوتث هو كمية نقل البيانات المستخدمه بين موقعك والسيرفر سواء ان كانت تحميل أو تنزيل Download / Upload  تعالي معي لنعرف كيف يتم احتساب الترافيك / الباندوتث

تخيل معي ان لديك ملف حجمه 1 ميجا بايت وهو ملف index.php  قمت برفع الملف عن طريق الاف تي بي انت الآن استهلتك مساحة 1 ميجا بايت من الباندوتث ثم جاء زائر للموقع ليتصفحه فقام بتحميل الملف او زيارته فاستخدم هو ايضاً 1 ميجا اذن فانك الآن استخدمت 2 ميجا بايت تخيل انه جاء اليك 100 زائر اذن انت قمت بالاستهلاك 102 ميجا بايت وهكذا يمكنك قياس علي ذلك اذا كان لديك مقطع فيديو او صورة او برنامج للتحميل وهكذا

ملاحظة هامة : الباندوتث / الترافيك يحسب شهرياً بمعني الحجم الذي ستجده لدي الشركات هو حجم شهري وليس سنوي

3- عدد النطاقات و النطاقات الفرعية Domains ,sub-domains

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

لماذا ذلك ؟ : عندما تنشأ استضافة لنطاق google.com ربما بعد تطور الموقع تفاجئ بأنك تريد ان تقوم باضافة google.net فهل يجب عليك الذهاب لشراء استضافة جديدة لذلك !! بالطبع لا فاذا قمت باختيار الخطة الصحيحة من البداية فسوف تتمتع باضافة اكثر من نطاق وتحويله لمجلد فرعي علي سبيل المثال وايضا نفس الحال علي النطاقات الفرعية وهي مثال

mail.google.com

4- حسابات ومميزات البريد

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

- كم عدد البريد المسموح به ؟

هل هو عدد غير محدود اي انني استطيع انشاء me , info , admin , abuse @domain.com  ام ان هناك عدد معين من البريد متقيد به !

- ماهي واجهه البريد المستخدمه وهل هي متعددة اللغات ؟

يجب عليك السؤال عن واجهه البريد وهل هي مناسبة لك أم لا ايضا السؤال هل واجهه البريد تدعم اللغات التي تجيدها مثل العربية والانجليزية ام هي انجليزية فقط ؟

- هل يمكنك ربط بريدك مع خدمات خارجيه مثال Google App و Windows Live ام انه لايمكن ذلك ؟

الكثير منا يفضل ان يكون بريده اكثر امانا فيختار ان يستضيفه جوجل فيجب عليك السؤال هل يسمح لك مستضيفك بذلك أم لا !

5- قواعد البيانات

اليوم أو غداً انت تحتاج للكثير من قواعد البيانات وربما عدد محدود فاليوم لديك منتدي يحتاج الي قاعده بيانات وغداً انت بحاجة لاضافة مدونة فتحتاج قاعده بيانات اخري اذن يجب عليك السؤال علي ماذا كانت استضافتك بالفعل تدعم الكثير من قواعد البيانات أم انها قاعده واحدة فقط أو انه عدد محدود يجب عليك السؤال عن ذلك وايضا مايمكنك السؤال عنه هو ماهو نوع قواعد البيانات المطلوبة الكثير من الاستضافة تدعم حاليا MySql ولكن اذا كنت بحاجة الي نوع اخر مثال sql server اذن يجب عليك السؤال عنه أولا ً .

6- محرك لتنصيب البرامج بضعطه زر

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

7- طرق الدعم الفني

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

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

ماذا عن الدعم الفني المباشر ! كل هذه النقاط يجب ان تعرفها وتدرسها جيداً قبل اختيارك للمستضيف فهي أولي من أي نقطه سابقة ويجب  عليك معرفتها جيداً لتكن سعيد مستقبلياً ثق بي :)

8- خصائص الشل SSH ACCESS

هل تريد المزيد من الاحترافية بالتعامل !! هل انت تعرف جيداً امور ادارة السيرفرات اذن هذه الميزه سوف تساعدك كثيراً وتوفر عليك الكثير من الوقت علي الرغم من ان الاستضافات العربية نادراً ماتقوم بدعمها ولكن هناك استضافات اجنبيه تسمح بذلك هذه الميزه تمنحك حرية التحكم بالموقع بشكل أكثر احترافية من تغيير صلاحيات ملفات او مجموعه الملفات وغير ذلك

9- ملفات الهوست أكسس .htaccess

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

10 – نظام جدولة المهام CornJob

اذا كنت قد حصلت بالفعل علي SHH access بالخطوة رقم 8 فلاداعي للسؤال عن هذه الخطوة فصلاحيات الشل سوف تمنحك ايضا التحكم بالكورن جوب أما انه في حالة عدم توفره فيجب عليك السؤال

بداية ماهي الكورن جوب : هو نظام جدولة المهام !! ماذا يعني ! بمعني اذا كنت علي سبيل المثال تود القيام من نومك يومياً الساعه 8 صباحاً فلابد ان تجلب بجانبك “المنبه” آلة التنبيه لتيقظك بالموعد الذي قمت بتحديده سابقاً هذا هو بالفعل حال الكورن جوب تقوم بعمل مهمه معينه باوقات تقوم بتحديدها انت علي سبيل المثال مراسلة قائمتك البريديه اسبوعياً يوم السبت في العاشرة مساء وهكذا .

11 – النسخ الإحتياطي

هل من أهم المميزات التي توفرها لك شركات الاستضافة فيمكن انه عن طريق الخطأ قمت بتركيب شيئ معين قام بتخريب قاعده البيانات أو تمت عملية قرصنه “اختراق” الموقع فلايوجد لديك حل حينها إلا النسخ الاحتياطي “الباك اب ” يجب عليك السؤال عن توفره وهل يتوفر بصورة يومية ام اسبوعيه أم شهرية ام كلاهما معاً

12 – وقت بقاء السيرفر UP Time

من أهم الخطوات التي يجب السؤال عنها كم المدة التي يتوقع مدير السيرفر بقاء موقعي يعمل لعل من أهم مميزات نجاح أي موقع هو عندما يقوم بطلبه الزائر يجده يعمل فلايعقل ابداً ان الزائر سوف يقوم بزيارة الموقع مرة اخري بعد 10 محاولات فاشلة في الوصول للموقع اذن احرص ان تسأل عن فترة بقاء الموقع ويفضل ان لا تقل عن 99 % ولاتصدق ابداً اي مستضيف في هذه النقطة يجب عليك سؤال العملاء عن هذه النقطة تحديداً

13- النطاق المجاني

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

استنتاج :

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

شكراً لكم

]]> http://dev.3ql.com/%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d9%88-%d8%b7%d8%b1%d9%82/13-%d9%85%d9%8a%d8%b2%d9%87-%d9%8a%d8%ac%d8%a8-%d8%a7%d9%86-%d8%aa%d8%b6%d8%b9%d9%87%d8%a7-%d8%a8%d8%a7%d9%84%d8%a5%d8%b9%d8%aa%d8%a8%d8%a7%d8%b1-%d8%b9%d9%86%d8%af-%d8%a7%d8%ae%d8%aa%d9%8a%d8%a7/./feed 0