مشاهدة النسخة كاملة : دورة تطوير الازهر على ايدينا (1) انشئ موقع لمعهدك


أ/مصطفى محمود
28-12-2011, 11:00 PM
http://forum.mn66.com/imgcache/2/439394women.gif
هذا الموضوع بإذن الله سأحاول معكم وضع خطوات فعلية
تطويرا للازهر
ودخوله لعالم التطوير
داعين الله أن يكون هذا العمل خطوة حقيقية للتطوير
و كل ما أرجوه من حضراتكم
أولا ) ألا تقول لنفسك أن الازهر غير قابل للتغيير و لكن بأيدينا بإذن الله سيتطور الازهر وسيتغير حتى لو كان داخل معهدك فقط وبالتالي كن انت التغيير المطلوب و بيدك
ثانيا) الدعوة لي و للمسلمين بظهر الغيب أولا دعواتكم لي بانهائي رسالتي في الماجستير على خير وعقب الانتهاء منها سيكون المنتدى بإذن الله اول من سيعلم ابعادها ، و بالستر والعافية لنا جميعا .
نبدأ على بركة الله
دورة تطوير الازهـر بأيدينا

http://www.sheekh-3arb.info/islam/Library/img/3ater/divider19/WebPageContent/2324104dzqc2e2pwx.gif


أولا ( انشئ موقع لمعهدك)
تفقد الكثير من المعاهد قدرة التواصل مع الابناء والاباء ، ولأننا في عالم كل شئ يتغير و ظل المعاهد الازهرية بدون اي تطوير حقيقي وفقد التواصل بين المعلمين و الطلاب واولياء امورهم
جداول حصص معدله
تعريف بمستوى الطلاب وتقدمهم للأباء
تغيب بعض الطلاب وسؤال زملائهم عنهم
نتيجة الطلاب الالكترونية من المنزل
الاعلان عن الانشطة المختلفة " رحلات ، مسابقات ، موعد عقد الامتحانات ، و الجداول "
وغيرها وغيرها الكثير
والسؤال هنا
كيف و نحن في القرن الـ20 لا نستغل قدرات وقوة شبكة الانترنت في النهوض بمستوى وقدرات معاهدنا الازهرية
وهنا لا ننكر أن بعض الاخوة قاموا بالفعل بجهود خاصة بعمل منتديات لمعاهدهم مجانية ونشكر لهم جهدهم الكبير
لكن لا اخفيكم سرا
لا اجد موقعا قويا بمعنى موقع لمعهد احترافي متكامل
حتى مدارس التربية والتعليم حتى لا يقال عنا اننا متخلفون
بها الكثير والكثير من العيوب ..
و لأنني ومعكم سنحاول النهوض بمعاهدنا فكرت في عمل مواقع احترافية لأغلب معاهدنا
خطوة خطوة وبسهولة ويسر
المواقع عادة قد تكلفكم أمورا مادية
ولكن سنقوم معا بعمل مواقع احترافية ولكن مجانا ؟!
و حتى لا تتحيروا في هذا اللغز سأوضح لكم الفارق بين المواقع المجانية و المدفوعة الاجر اثناء رحلتنا في انشاء المواقع
و لكن ارجو ان تعذروني قد يطول الامر و ارجو الصبر لأن الشرح مصورا يتطلب جهدا كبير و وقتا اكبر
لذا سيتم تقسيم دورة انشاء المواقع لأجزاء
و سيتم غلق هذا الموضوع وعمل موضوع خاص باستفساراتكم على كل جزء وساحاول وضع جزء الى جزئين اسبوعيا حتى الانتهاء منها تماما
شمروا ايديكم و سواعدكم و لنستعد ببركة الله عز وجل

http://www.sheekh-3arb.info/islam/Library/img/3ater/divider19/WebPageContent/2324104dzqc2e2pwx.gif

أ/مصطفى محمود
28-12-2011, 11:01 PM
الجزء الاول
*********
في علم استضافة المواقع ان جاز تسميته بعلم
هناك شئ مهم يجب أن نسأل عنه
وهذا حتى لو فضلت انشاء موقعا مدفوعا للأجر
وهو
مواصفات هذه الاستضافة
و حتى لا اثقل على حضراتكم
ولأننا لن ندفع شيئا لذا لن يفيدنا ان نتشرط على احد
قررت أن ابحث عن افضل هذه الاستضافات
وعادة وللأسف لن تكون عربية
وبالتالي اجنبيه
قم بالدخول الان لموقع حجز الاستضافة المجانية بالضغط هنا
http://www.1freehosting.com/
هل تفقدت الموقع
اراك تفقدته
نبدأ في حجز الاستضافة
بالضغط كما بالصورة
http://store2.up-00.com/Dec11/KRj04835.jpg
وحتى أوضح ما بالصورة
هي باختصار مواصفات الاستضافة المجانية التي نريدها
وهي رائعه لعدة اسباب اهمها
مجانية - مساحتها 10 جيجا - لا يوجد اي اعلانات اجبارية اي موقعك سيكون بدون اي اعلانات لهذه الاستضافة
أما باقي المواصفات فهي خاصة بمطوري الويب وهي جيدة جدا لكونها مجانية
اذن ما الفارق بين الاستضافات المجانية والمدفوعه ؟
ستعرف هذا لاحقا
الان بعد الضغط كما بالصورة بسهوله اكمل بياناتك
http://store2.up-00.com/Dec11/MUe04835.jpg

يرجى التأكد تماما تماما من بريدك
لانه ستصل لك رسالة لتفعيل حسابك في الاستضافة
كما بالصورة
http://store2.up-00.com/Dec11/hgH05184.jpg

http://store2.up-00.com/Dec11/SlH05184.jpg

بعد الضغط على رابط التفعيل سنبدأ حجز للموقع المجاني
اكمل كما بالصورة
http://store2.up-00.com/Dec11/PBa05184.jpg

في النهاية نضغط create
وانتظر لحين اكتمال تسجيل النطاق أو اسم الموقع كما بالصورة
http://store2.up-00.com/Dec11/wnR05468.jpg
بعد الضغط سيظهر لكم كما بالصورة
http://store2.up-00.com/Dec11/PBG05468.jpg

لاحظ اسم موقعك
وليسأل أحد لماذا لا يظهر كما يظهر اسم بوابة الثانوية
www.thanwya.com (http://www.thanwya.com)
ببساطة هذا أول فارق بين الاستضافة المجانية و المدفوعه
اما المجانية
بها 2 دوت
allalla . com.
اما الشئ الثاني فسأتركه للنهاية
اذهب الان لبريدك لتجد جميع البيانات الخاصة بموقع
احتفظ بها جيدا
http://store2.up-00.com/Dec11/G6Y05468.jpg
http://store2.up-00.com/Dec11/UJq05468.jpgحمل شرح الجزء الاول (http://www.thanwya.com/vb/attachment.php?attachmentid=72775&d=1325109337)


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

أ/مصطفى محمود
01-01-2012, 09:31 PM
بسم الله الرحمن الرحيم
نعود الان مع الجزء الثاني لانشاء موقع لمعهدك
الجزء الثاني
*********
حتى لا اطيل عليكم
بناء اي موقع يعتمد على شيئين :
1) التصميم وهو يعتمد على استخدام برامج الصور و الحركة و اهمها الفوتوشوب ، والفلاش و السويتش .
2) برمجة الموقع او الهيكل الذي سيبنى عليه التصميم.
و هذا بدوره يتم اما عن طريق لغة خفيفة كلغة html وما تبعها من لغات وتقنيات أخرى css
لكن المشكلة في اللغات السابقة هي عدم الفاعلية ويقصد بها هنا هو انه لا يوجد تفاعل بين الموقع و الزائر له
كما ترى هنا في بوابة الثانوية العامة يمكنك الرد على موضوع او كتابة موضوع أو موقع مثل الفيس بوك أو تويتر و غيرها
كلها تعتمد على تفاعل المستخدم مع الموقع والتحكم به بقدر يحدده مبرمج الموقع
وعادة تبرمج المواقع بلغة اجدها معقدة بالنسبة لنا نحن المبتدئين و أشهرها لغات
php و asp
وتم دمج تقنيات التصميم لتجعل الموقع بشكل أجمل مثل تقنية الجافا سكربت ، css3 و مؤخرا جي كويري
، ولكن تم تسهيل هذا التعقيد فقام المبرمجون بعمل برمجيات
مدمج بها هذه التقنيات اغلبها مبرمج بلغة php مثل منتدى الثانوية العامة هذا ، فضلا على ان هذه البرمجيات يمكن تطويعها وتغيير شكلها بأشكال سهلت على المصممين التعامل معها
فضلا على ان هذه البرمجيات تتصل بقاعدة بيانات مكونة من جداول عديدة وكل جدول له فائدة يخزن فيها كل شئ و الذي يظهر امام زوار الموقع
ومثال بسيط هذا الموضوع الذي تقرأه حتما قد خزن في قاعدة بيانات المنتدى ، ليظهر امامكم
تعرف هذه البرمجيات التفاعلية الجاهزة باسم الاسكربت
و كل مبرمج يطلق اسم على الاسكربت تبعا للغرض منه او باسمه
فمثلا بوابة الثانوية العامة يعرف الاسكربت المبرمج لها باسم
منتديات vbulletin
و الاسكربت له اصدارات و تطويرات لها عدة اغراض اهمها الاغراض الامنية حتى تقف حائلا ضد هجمات المخترقين ( الهاكرز ) ، واغراض تيسيرية كاضافات او افكار جديدة.
فإذا سمعت هذا الاسم فاعلم انه تفاعلي
و هذا التفاعل مع الشكل له امكانيات ودرجات تختلف تبعا لقدرات مبرمج الاسكربت
لماذا قلت كل هذا ؟
لما كنا غير مبرمجين محترفين فاننا سنتعمل برمجية جاهزة
او سكربت يسمى بسكربت
المكتبة الاسلامية الذهبية
وسيتم تطويعها بإذن الله لتكون موقعا لمعهد ازهري ، فضلا على انه سندمج معها سكربت آخر خاص بنتائج الطلاب ليكون بإذن الله بقدر الامكان متكاملا
فضلا على أن اي رأي أو فكرة سنحاول معا تطبيقها بإذن الله

****************
وحتى لا يكون الشرح غير واضح قررت ان يكون الشرح تطبيقيا أو بشكل حي من جهازي
سنحتاج أولا لعدة برامج أهمها
برنامج للاتصال بين الاستضافة و جهازك
ليتم تحميل ملفات موقعك أو ما شابه
ويعرف ببرنامج اف تي بي
اليكم احدى هذه البرامج والذي استخدمه
حمله من هنا
http://mobarkazhari.allalla.com/CuteFTP.zip
رابط من اهداء همام القسم
step by step
برنامج cute FTP (http://www.mediafire.com/?h6994scg74475u6)
*********
و اليكم الاسكربت الذي سنتسخدمه بإذن الله
http://mobarkazhari.allalla.com/azhar.zip (http://mobarkazhari.allalla.com/azhar.zip)

رابط من اهداء همام القسم
step by step
سكربت الازهر (http://www.mediafire.com/?s8r5zh9k8iwwzjz)
******************
أما عن الشرح الحي
فتفضل على جزئين بإذن الله
http://mobarkazhari.allalla.com/shar7/moustafa.zip (http://mobarkazhari.allalla.com/shar7/moustafa.zip)

رابط من اهداء همام القسم
step by step
الشرح الحي الجزء الاول (http://www.mediafire.com/?1fakxau5f49iyou)
الشرح الحي الجزء الثاني (http://www.mediafire.com/?bhtn65c174r7doj)


************************************************** ***
يرجى من احد الزملاء اعادة تحميل المجلدات السابقة على عدة مراكز رفع حفاظا عليها من الضياع

تم ارفاق نسخة من الشرح

و الى هنا ينتهي الجزء الثاني من
دورة انشئ موقع لمعهدك
و الى الملتقى مرة أخرى

كالعادة سيتم عمل موضوع خاص باستفساراتكم على هذا الجزء
الف تحية معتادة ،،

أ/مصطفى محمود
07-01-2012, 12:40 PM
بسم الله الرحمن الرحيم
نعود الان مع الجزء الثالث لانشاء موقع لمعهدك
الجزء الثالث
*********
حتى لا اطيل عليكم
اليكم الشرح
حمله لجهازك وفك الضغط
http://www.megaupload.com/?d=6VX3VSJ9

************************************************** ***
يرجى من احد الزملاء اعادة تحميل المجلد السابق على عدة مراكز رفع حفاظا عليها من الضياع

**********
حمل ايضا الملفات المرفقة
رابط تثبيت الاسكربت
شرح اعادة التوجيه لتلافي الخطأ الذي حدث معي في نهاية الشرح
روابط اخرى اهداء من همام القسم الف شكر لتعاونه لتعيميم الفائدة
step by step
جزاه الله خيرا
الشرح الحي (http://www.mediafire.com/?xkhbrkuiesg8aor)
رابط التثبيت (http://www.mediafire.com/?c5fn95n4w43d4p3)
ملف التوجيه (http://www.mediafire.com/?2gzlwc5z3d0t5bt)

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

موقع معهد ازهري
الرابط
http://mobarkazhari.allalla.com/

الف تحية معتادة ،،

أ/مصطفى محمود
12-01-2012, 03:07 AM
بسم الله الرحمن الرحيم
على الرغم أني اعاني من ضيق وقت
فضلا على عملي بالكنترول ولكن
لا استطع التأخر على زملائي و احبتي بالقسم
و ارجو من الله ان يعم النفع على الجميع

نعود الان مع الجزء الرابع لانشاء موقع لمعهدك
الجزء الرابع
*********
اليكم الشرح
حمله لجهازك وفك الضغط
الشرح على قسمين
اليكم روابط تحميل عدة اختر ما تراه مناسبا لك
القسم الاول
http://www.multiupload.com/JUN7VKRG0Y






القسم الثاني
http://www.multiupload.com/Y1O8XUY8KF

الملفات التي ستحتاجها للتعديل ستجدها بهذا المجلد
فك الضغط عنه واتبع الشرح
http://www.multiupload.com/6U40F4EZWE

وحتى احمسكم للعمل اليكم
ناتج الجزء الرابع بإذن الله
http://mobarkazhari.allalla.com
واي تساؤل سيكون عبر موضوع
استفسارات الجزء الرابع بإذن الله
***************************
الف تحية معتادة
و رجاءا دعواتكم

أ/مصطفى محمود
24-01-2012, 01:43 AM
بسم الله الرحمن الرحيم
نعود الان مع الجزء الخامس لانشاء موقع لمعهدك
الجزء الخامس
*********
اليكم الشرح
حمله لجهازك وفك الضغط
الشرح على قسمين
القسم الاول
خاص بدمج النتيجة الخاصة بالطلاب
مثال لما سينتج لمزيد من الحماس للعمل
اضغط هنا (http://mobarkazhari.allalla.com/azhar/pageother.php?catsmktba=41)
اكتب في رقم الجلوس
111
أو
اكتب اسم الطالب ثلاثيا
محمد حسين محمد

حمل شرح القسم الاول
من هنا (http://www.mediafire.com/?6ckz3zbcgbbzk5w)

مجلد سكربت النتيجة لكل صف على حدى
من هنا (http://www.mediafire.com/?bp806zyoc6p26oz)

و في المرفقات كل من
1- معلومات مدير سكربت النتيجة
2- أكواد دمج النتيجة مع سكربت الموقع الحالي


و انتظر بالطبع من المثالي
step by step
روابط اضافيه للروابط السابقة
كعهده بالموضوع
جزاه الله عنا كل الخير

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

و ارجو منكم عدم نسياني من صالح دعائكم
***************************
الف تحية معتادة

الاستاذ عوض على
27-03-2012, 10:41 AM
تم اضافة الموضوع الى ارشيف المواضيع الهامة والغاء التثبيت لتجديد مظهر القسم
وجزاك الله خيرا