سواعد - مشروعي الأول على الويب
- zezo_mohamed
- 2016-08-08T12:42:43+00:00
السلام عليكم
سواعد هو مشروعي الكامل الأول بعد تعلمي البرمجة بإستخدام C# مع Asp.net ليس شيئا عملاقا لكني أعتقد أنه مناسب كمشروع أول -أو لنقل مشروع تدريبي نوعا ما- ;)
سواعد هو موقع يمكن المستخدمين من تبادل المساعدات مجاناً أي تقديم المساعدة في مقابل الحصول على مساعدة من الطرف الآخر.
سواعد ما زال في النسخة التجريبية فالأغلب أنه يوجد به بعض أو -الكثير- من الأخطاء والأشياء الناقصة ... لذلك فإن أي انتقادات، ملاحظات أو إقتراحات مرحب بها ولصاحبها مني الشكر :)
رابط سواعد:
http://swaed.meتصميم الموقع على behance:
https://www.behance.net/gal...شكرا جزيلاً :)
كنت متأكدا أن أحداً سيعلق على اللون الأصفر للموقع ... لقد فكرت في عدة ألوان أخرى لكن هذا ما أعجبني أكثر وأجده أجمل -من وجهة نظري طبعاً-
وكما تقول سيكولوجية الألوان -التي لا أتبعها إطلاقا :'D - أن اللون الأصفر يدل على النشاط والحيوية وهو المطلوب إيصاله للمستخدم لتشجيعه على تبادل المساعدة مع الآخرين.
شكراً على الإقتراح ... سأعيد النظر في مسألة اللون ربما أصل للون أفضل.
انصحك باللون الذي قدمه الاخ @brg فهو يبدو اكثر ملائمة و مريح للعينين
فكرة جميلة ومبادرة تساهم في إثراء المحتوى العربي كبداية..
أعتقد أنّ الظل أضاف لمسة جميلة على التصميم، ولكن أظن لو تمّ تقليل نسبته قليلاً لتناسب أكثر مع ماتريال ديزاين
أما جملة "حيث أُساعد وتُساعد" أعتقد أكثر دقة لو استعملت ضمير المتكلم لشخص واحد.. فهي هكذا " أُساعِدْ وتُساعَدْ" تفهم على أننا، أنا وأنت نقدم المساعدة فقط دون أن ننتظر المساعدة من الآخر وهذا يناقض فكرة الموقع التي تقوم على المساعدة بشرط تلقي المساعدة من الآخر ... ويتناسب مع فكرة الموقع : "حيث أُســـَاعِـــدْ و أُســــَـاعـــَــدْ" أو "حيث تـــُــساعِـــدْ و تــــُـــساعــــَـــــدْ"
الظل في الموقع تدرجات أي أن ظل ال Intro الموجود في أعلى الموقع -الذي يحتوي الشعار- أقل من ظل نموذج البحث الموجود فوقه حتى تظهر العناصر على هيئة طبقات وكذلك مثلا زر "طلب المساعدة" وزر "عن سواعد" الظل فيهما أكبر من ظل أي عنصر آخر في الصفحة ليظهرا وكأنهما في طبقة أعلى من باقي العناصر وذلك لتوجيه المستخدم وجذب انتباهه إليه وهو ما يتفق مع الماتريال ديزاين.
أما بالنسبة للجملة فأعتقد أن " أُساعِدْ وتُساعَدْ" أفضل فبعض المستخدمين قد لا يهتم بالتشكيل إذا استخدمت
"حيث أُســـَاعِـــدْ و أُســــَـاعـــَــدْ" أو "حيث تـــُــساعِـــدْ و تــــُـــساعــــَـــــدْ"
وبذلك لن يصل له المعنى كما يجب، كما أنها تتسق مع الروح العامة للموقع وهي تقديم المساعدة ففي بعض الأحيان مثلا قد لايكون المقابل مكافئا تماما لذلك فإن الموقع ورسائله ورسائل الخطأ حتى أحاول جعلها إيجابية -قدر الإمكان- لتعكس روح الموقع وتشجع المستخدمين على مساعدة بعضهم البعض.
شكرا :)
ابتعد عن ال webform فهي تقنية غبية
هذا تماماً رأيي فيها بعد استخدامها :'D
اتجه لل mvc
أجل أعتقد اني سأفعل هذا إن شاء الله ... أو ربما أتجه للغة برمجة جديدة :3
أعتقد أن هذا بالضبط ما سيحدث معي فلم تعجبني ال Webforms
حالياً أفكر في الاتجاه إلى php مع إطار العمل laravel أو ruby on rails -فقد أعجبت بها من النظرة الأولى :'D -
بالتوفيق لك أخي في مشروعك ..
لدي سؤال | كم من الوقت إستغرقت في تعلم البرمجة و كم من الوقت كلفك تكويد هذا الموقع :) ..
و شُكرا ..
شكراً وبالتوفيق لك أيضاً :)
بالنسبة لتعلم البرمجة (C#) فقد كانت دورة تعليمية مدتها 72 ساعة تقريبا تم تقسيمها على شهرين.
أما الموقع فقد استغرق العمل الفعلي عليه شهر ونصف تقريباً.
جميل جداً التصميم .. كم من الوقت أستلزمك ؟
ملاحظة : اعجبني اعتمادك على تصميم الماتيريال ديزاين لكن خفف من الظلال .. كثرتها غير جميلة ..
شكرا لك :) .... استغرق نحو إسبوع إلى عشرة أيام. تقريباً.
بالنسبة لمسألة الظلال فقد أجبت عليها في هذا التعليق
سعيد بأن الموقع أعجبك :D
شكراً @3ABDOO وبالتوفيق لك أيضا
لكن الظلال مبالغ فيها نوعا ما حتى ماتريال ديزاين لا يعتمد على تلك الظلال الكبيرة
ربما يمكنك ان تلقي نظرة على إستخدام الظلال في المتريال ديزاين من هنا:
وايضا اللون الاصفر مزعج نوعا ما
ربما يكون كذلك وربما لايكون مزعجا من وجهة نظر آخرين
ماالفريمورك المستعمل في التصميم؟
Bootstrap
وايضا مااسم الخط المستعمل في عرض المساعدات؟
JF Flat -خط فلات من شركة جذور-
تفضل رابط الخط على الموقع الرسمي لجذور
لقد كنت بإنتظار تعليقك يا زيد منذ إضافتي للموضوع :D لكني توقعت أن يكون أطول وأن تنتقد أشياء أكثر :3
أنصحكُ باستخدام خطٍّ آخر -للضرورة، لا، أعني، حقًّا غيّره-
حقيقة لا أدري -حتى الآن- سر كراهيتك الشديدة لهذا الخط، أ فقط لأنه كثير الاستخدام؟
عامة أنا ليس لدي مشكلة مع تغيير الخط وأنوي فعل هذا مستقبلاً لكن حالياً لا أجد خطاً أنسب إلا بأسعار مرتفعة وليس لدي إمكانية شرائها حالياً. أو ربما تقترح علي بعض الخطوط!
الظلال أقوى من ظلال الـMaterial Design
حسناً سأبحث قليلاً عن إستخدام الظلال مع ال Material Design وأرى.
ليس لدى اى خبرة فى تطوير المواقع او لغة C# ابدا ولكن لدى بعض التعليقات على الموقع كمستخدم محب لمثل هذه المبادرات الرائعة واللتى تساعد الكثيرين :
1- رايت التصميم الازرق للموقع واراه افضل من الاصفر لان الاصفر مرهق للعين اما الازرق فهو جذاب اكثر .
2- ارى ان يتم التعديل على الموقع حيث يستطيع الشخص ان يحدد ما يستطيع المساعدة فيه من صفحته الشخصيه وما يطلب المساعدة فيه وان تظهر له طلبات المساعدة على الرئيسية حسب اختياره فى جدول كما ان تقسيم الاقسام الرئيسية الى اقسام فرعية سيكون مفيدا جدا .
هذا راي شخصى واتمنى ان يلهمك فكرة تقوم بتنفيذها .
طبعا اعرف ان البرمجة مرهقة ولكن عاشق هذا المجال دائما يبحث عن الجديد كما ان عملك رائع و مبادرتك ستساعد الكثيرين بان الله ممن لا يتوقفون عن طرح الاسئلة ولبحث عن المعرفه .
رايت التصميم الازرق للموقع واراه افضل من الاصفر لان الاصفر مرهق للعين اما الازرق فهو جذاب اكثر .
واضح أن الكثيرين يرهق أعينهم اللون الأصفر، سأعيد النظر في موضوع اللون ربما أجد لونا أفضل وأكثر راحة للعين أو قد أعيد توزيع اللون الأصفر بطريقة أقل إرهاقاً للعين.
2- أعتقد أن عرض المساعدات الحالي أفضل فربما يكون المستخدم بحاجة للمساعدة في أكثر أو تقديمها في أكثر من مجال كذلك فلا يكون بحاجة إلى الذهاب إلى صفحته الشخصية كل مرة يبحث فيها عن مساعدة.
أما
تقسيم الاقسام الرئيسية الى اقسام فرعية
فهي فكرة جميلة قد أنفذها في المستقبل عند زيادة عدد المستخدمين وبالتالي زيادة المجالات
شكراً جزيلاً على إقتراحاتك :)
شكرا جزيلا على إقتراحاتك :)
التصميم بحاجة الى تعديل بسيط على الخلفية لجعلها اكثر حيوية
هل لدىك إقتراحات أو أفكار عن كيفية تحقيق ذلك؟
أها فهمت قصدك ... شكرا على الإقتراح :)
فكرة رائعة جدا وجديدة
والوان الموقع جيدة
بالتوفيق إن شاء الله
سعيد بأن الموقع والفكرة أعجبوك @KarimRabie
شكرا وبالتوفيق لك أيضا :)
ما شاء الله الصراحة الموقع جميل جدا والتصميم رهيب والفكرة جديدة وجميلة واعتقد اذا قمت بالاهتمام به وتطويره فربما يصبح من المواقع المشهورة كحسوب و مستقل وخمسات وانا اري ان تبدأ بعمل دومين للموقع .com او .net وتقوم بعمل اعلانات للموقع علي جوجل وفيس بوك والمواقع المشهورة لكي يشتهر الموقع واقترح لك ايضا ان تقوم بعمل نسخة من الموقع كتطبيق للاندرويد ونشره علي جوجل بلاي لكي يتلقي عدد مستخدمين كبير ...نعم قد الاعلانات تكلفك بعض المال..لكن يجب ان تصرف علي مشروعك القليل لكي يكبر و ينجح ويجني لك الكثير......ولدي لك سؤال اخي ما التقنية او اللغة التي استخدمتها لعمل تصميم الماتريال ديزاين
ان تبدأ بعمل دومين للموقع .com او .net
ربما مستقبلا لأن الدومين .com مملوك لموقع بالفعل وتكلفة إعادة شراءه من صاحبه كبيرة ... كما أنني لا أجد الدومين الحالي سيئاً ;)
اعلانات للموقع علي جوجل وفيس بوك والمواقع المشهورة
إن شاء الله سأقوم بذلك لكن عند إطلاق النسخة النهائية-المستقرة- من الموقع
شكرا على إقتراحاتك :)
ما التقنية او اللغة التي استخدمتها لعمل تصميم الماتريال ديزاين
لم أفهم بالضبط، لكن عامة أقوم بتصميم صفحات الموقع أولا ك psd باإستخدام الفوتوشوب
بعدهها قمت بالتكويد -كما في أي موقع- بإستخدام html و css وقد إستخدمت في هذا الموقع إطار العمل Bootstrap
السلام عليكم اخي الكريم
نقطة مهمة انك تنقل نفسك من التدرب الى انشاء مشاريع فهي مثابة نقطة تحول
ان شاء الله تشوف الخير على وجه المشروع هاد وكل مشاريعك
اتمنى لك كل التوفيق
شكراً @amalkh :)
وعليكم السلام ورحمة الله وبركاته
احييك وبكل قوة علي فكرتك الرائعة
فكرة حقا ممتازة ومفيدة للجميع
اتمني لك التوفق والنجاح
وإن شاء الله ينجح الموقع
ولا استبعد في حال نجاحه - بمشيئة الله - وانتشاره بين المستخدمين بالوطن العربي ان تقوم حسوب بالاستحواذ عليه
شكرا جزيلا @ahmed_elhelaly يسعدني أن الفكرة أعجبتك :)
ولا استبعد في حال نجاحه - بمشيئة الله - وانتشاره بين المستخدمين بالوطن العربي ان تقوم حسوب بالاستحواذ عليه
ربما نستحوذ نحن على حسوب :'D أمزح فقط
فكرة متميزة جدا . كان يجب ان تضيف زرا لندعمك من خلاله بالمال لتستكمل مشروعك
شكراً @khashabawy سعيد أن الفكرة أعجبتك :)
كان يجب ان تضيف زرا لندعمك من خلاله بالمال لتستكمل مشروعك
حالياً تكاليف الموقع ليست كبيرة والحمد لله يوجد ميزانية تكفي لابقائه حياً عدة شهور أخرى...
بعدها يوجد نموذج ربحي للمشروع سيتم تنفيذه بعد إطلاق النسخة النهائية من الموقع إن شاء الله
بعض الملحوظات على عجالة :
أضف زر الرئيسية فى أعلى اليمين
اجعل ال logo رابط للرئيسية أيضاً
اجعل خانات تسجيل الدخول autocomplete=on
هل أنت من قام بالتصميم كاملاً ؟
شكرا على ملحوظاتك :)
أضف زر الرئيسية فى أعلى اليمين
إذا كنت تقصد في الرئيسية فلا اعتقد أن له فائدة أما صفحات ال forms فهي تحتوي على زر عودة للرئيسية والصفحات الداخلية التي تحتوي على navbar يوجد بها اللوجو أعلى اليمين وهو يقود إلى الرئيسية
اجعل ال logo رابط للرئيسية أيضاً
لو تقصد اللوجو الموجود في الرئيسية فلا أعتقد أنها فكرة جيدة حيث أن حجمه كبير وسيقوم بإعادة تحميل الصفحة لا أكثر، لكن في الصفحات الداخلية التي تحتوي Navbar فهو يقود للرئيسية
اجعل خانات تسجيل الدخول autocomplete=on
سأفعل هذا
هل أنت من قام بالتصميم كاملاً ؟
نعم أنا من قمت بالتصميم بالكامل
بالتوفيق
يبدو مشروع جميل جدا ومن أفضل المشاريع التى رأيتها مؤخراً
-
واجهتنى مشكلة عند التسجيل وجهنى لصفحة إعدادات الحساب لأضع رابط أعمالى ونبذه عنى بعد النقر على حفظ المفروض ينقلنى الى الرئيسية او اى شىء ولكنه يظل على نفس الصفحة
أتمنى لك كل التوفيق فى مشروعك وأتمنى أن يستمر ويتطور
شكراً @abdelrahman khaled سعيد أن الموقع أعجبك :)
بالنسبة للمشكلة فمن المفترض أنه يظهر رسالة نجاح بعد حفظ معلوماتك وقد راجعت الصفحة وهي تعمل ربما لم يكن قد اكتمل تحميلها عندك يمكنك تجربته مرة أخرى وسنعمل إن شاء الله.
بسم الله ما شاء الله اخى
لعل اولى ملاحظاتى هى عند ضغطى على أيقونة الصورة الشخصية تم إحالتى لموقع خارجى
ثم بعد حفظ البيانات لا يوجد إعادة اوتوماتيكية للصفحة الرئيسية او زر إعادة يدوى
اتمنى لك التوفيق لعلها تكون بداية طيبة لمشروع كبير
لعل اولى ملاحظاتى هى عند ضغطى على أيقونة الصورة الشخصية تم إحالتى لموقع خارجى
الموقع الخارجي هو موقع gravatar.com وهي خدمة الصور التي نستخدمها في الموقع لصور المستخدمين حيث يمكنك هناك تعديل صورتك الشخصية إن أردت
ثم بعد حفظ البيانات لا يوجد إعادة اوتوماتيكية للصفحة الرئيسية او زر إعادة يدوى
يوجد زر إعادة للرئيسية على هيئة سهم في أعلى يسار الصفحة
شكرا على ملا حظتك @MohamedEbrahimAli وبالتوفيق لك أيضاً :)
فكرة جميلة و مبادرة رائعه و التصميم جميل جدا" كشكل خارجي سهل و بسيط بدون تكلف او دخول في تعقيدات الهوفر إفكت
لكن كم أسلف الإخوه اللون الأصفر غير مناسب حبذا لو نوعت بين الأزرق و الفضي
الفكرة جميلة عبد العزيز
ممتاز كبداية، هناك حاجة لتعديل الألوان و التصميم و العمل على تسريع الموقع نوعا ما
متمنياتي بالتوفيق
سعيد أن الفكرة أعجبتك @abdellah.abbous
العمل على تسريع الموقع نوعا ما
بالطبع سأعمل على تسريعه في المستقل إن شاء الله
شكراً على رأيك :)
السلام عليكم ، الموقع بسيط لكنه احترافي وجميل ايضا
لكن كما قال الاخوة المشكلة في اللون ، فالأصفر مؤذي للعينين ومتعب لهما
لذلك سيأثر سلبا على الزائرين ، بينما اللون الأزرق لون مريح لهما
وما رأيك ان تضيف خاصية اللون اختياري ، بالجافاسكربت
حيث يتغير اللون دون تحميل الصفحة وهذا أفضل :)
وعليكم السلام ورحمة الله وبركاته
اللون الأزرق لون مريح لهما
لا أعرف أجده مملا لأنه مستخدم بكثرة :/
وما رأيك ان تضيف خاصية اللون اختياري ، بالجافاسكربت حيث يتغير اللون دون تحميل الصفحة وهذا أفضل :)
فكرة جميلة جدا وترضي جميع الأطراف ربما أقوم بتطبيقها :)
شكرا على إقتراحاتك
مشروع : جميل
فكرة : جميلة
تصميم : جميل إلا انه أصفر، وطبعا أكثر من يعاني أصحاب الشاشات المسكينة، اجعله أخضر / ازرق سيكون أجمل كثيرا
تطبيق ممتاز جدا جدا لما تعلمته، وان شاء الله تتطور الفكرة وتصل إلى العالمية
أرى ان الفكرة تحتاج تحسينات قليلا، لا ادري ماهية التحسينات، لكن نحتاج الى شيء يسرع عملية الحصول على المساعدة
امم فكرت :
مثلا تقول في طلبك : أحتاج إلى مساعدة في تصميم واجهة أندرويد مقابل ( أكثر من مساعدة ) مثلا في البرمجة ووو الخ...
مثلا : أحتاج إلى مساعدة من مصمم وفي المقابل أستطيع مساعدته بكذا وكذا
لو مثلا يكون هناك نظام مساعدات قابلة للنقل سأعطي مثال مختلف وأتمنى أن تصل الفكرة :
قديما مثلا كان هناك 4 أشخاص
ألف وبا وجيم ودال
الف مبرمج
با مصمم
جيم مترجم
دال يعمل في مطبعه
الف يحتاج الى مساعدة في التصميم ، ويستطيع تقديم خدمة البرمجة للمصمم !
با مصمم يستطيع تقديم المساعدة لالف، ولكنه يحتاج الى مساعدة في الترجمة وليس البرمجة !
جيم يستطيع مساعده با في الترجمة وبالمقابل لايحتاج الى مساعدة في التصميم !، وانما طباعة كتاب مترجم له
دال يستطيع مساعدة جيم في الطباعه، ولكنه لا يحتاج الى مساعدة في الترجمة، وانما مساعدة في برمجة تطبيق ادارة لمطبعته
فلن يتمكنوا من اتمام عملية المساعدة، لبعضهم البعض، الا نقل المقابل ( المساعده) معهم للشخص المناسب،
كمثال : يقوم المصمم با بتصميم ما يريده المبرمج الف، وفي المقابل يحمل مساعدة المبرمج الف الى الطابع دال
يقوم الطابع بطباعه كتاب المترجم جيم مقابل أن يترجم جيم للمصمم با ما يريده
الفكرة : يستطيع أحدهم حمل المساعدة المقدم له ودفعها مقابل مساعدة من نوع مختلف
العموم يكون هناك توازن، بين أنواع المساعدات
يسعدني أن الموقع أعجبك @zafar97 :)
بالنسبة لفكرة حضرتك فهي رائعة كنت قد فكرت بشيء مشابه لكن بنظام النقاط أي يحصل الأعضاء عند مساعدتهم بعضهم على نقاط سمعة أو شيء مشابه يمكنهم إستخدامها داخل الموقع -المشكلة أن هذا يجعل الأمر به بعض المادية وانتظار المقابل دوما :3 - لكن عامة لم أصل للشكل النهائي بعد ... حاليا أولي إهتماما أكبر للوصول إلى النسخة الثابتة للموقع مع إضافة بعض الأشياء الضرورية للموقع ... وبإذن الله هناك تطويرات وتحسينات وإضافات أخرى للموقع مستقبلا
شكرا جزيلا على إقتراحاتك :)
مجتمع للمبرمجين من جميع المستويات لتبادل المعرفة والخبرات. ناقش لغات البرمجة المختلفة، الحلول البرمجية، والمشاريع.