79

سواعد - مشروعي الأول على الويب

السلام عليكم

سواعد هو مشروعي الكامل الأول بعد تعلمي البرمجة بإستخدام C# مع Asp.net ليس شيئا عملاقا لكني أعتقد أنه مناسب كمشروع أول -أو لنقل مشروع تدريبي نوعا ما- ;)

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

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

رابط سواعد:

http://swaed.me

تصميم الموقع على behance:

https://www.behance.net/gal...
يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

ماشاء الله تبارك الله

عمل راااائع وجميل وانجاز أجمل

شخصياً ( اكرهـ الألوان الفاتحة جداً وتسبب قلق للعين)

نظرتي الشخصية طبعا لو لم تختلف الاذواق لبارت السلع

اراه كما بالصوره السابقة اجمل

ورؤيتي قابلة للصواب وللخطاأ اكثر من الصواب

اتمنى لك التوفيق

شكرا جزيلاً :)

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

وكما تقول سيكولوجية الألوان -التي لا أتبعها إطلاقا :'D - أن اللون الأصفر يدل على النشاط والحيوية وهو المطلوب إيصاله للمستخدم لتشجيعه على تبادل المساعدة مع الآخرين.

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

لون الموقع من أهم معايير عدم هروب الزائر من الموقع. يرجى إعادة النظر في الأمر، تحتاج إلى معرفة كيف ستضمن إستدامة الفكرة والموقع.

بالتوفيق

شكراً على الإقتراح ... سأعيد النظر في مسألة اللون ربما أصل للون أفضل.

انصحك باللون الذي قدمه الاخ @brg فهو يبدو اكثر ملائمة و مريح للعينين

بالفعل أصابني اﻹرهاق بعد 5 دقائق تصفح فقط .

أرجو أن تقوم بتغيير اللون .

فكرة جميلة ومبادرة تساهم في إثراء المحتوى العربي كبداية..

  • أعتقد أنّ الظل أضاف لمسة جميلة على التصميم، ولكن أظن لو تمّ تقليل نسبته قليلاً لتناسب أكثر مع ماتريال ديزاين

  • أما جملة "حيث أُساعد وتُساعد" أعتقد أكثر دقة لو استعملت ضمير المتكلم لشخص واحد.. فهي هكذا " أُساعِدْ وتُساعَدْ" تفهم على أننا، أنا وأنت نقدم المساعدة فقط دون أن ننتظر المساعدة من الآخر وهذا يناقض فكرة الموقع التي تقوم على المساعدة بشرط تلقي المساعدة من الآخر ... ويتناسب مع فكرة الموقع : "حيث أُســـَاعِـــدْ و أُســــَـاعـــَــدْ" أو "حيث تـــُــساعِـــدْ و تــــُـــساعــــَـــــدْ"

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

  • أما بالنسبة للجملة فأعتقد أن " أُساعِدْ وتُساعَدْ" أفضل فبعض المستخدمين قد لا يهتم بالتشكيل إذا استخدمت

"حيث أُســـَاعِـــدْ و أُســــَـاعـــَــدْ" أو "حيث تـــُــساعِـــدْ و تــــُـــساعــــَـــــدْ"

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

بالتوفيق لك

نصيحة: ابتعد عن ال webform فهي تقنية غبية واتجه لل mvc

شكرا :)

ابتعد عن ال webform فهي تقنية غبية

هذا تماماً رأيي فيها بعد استخدامها :'D

اتجه لل mvc

أجل أعتقد اني سأفعل هذا إن شاء الله ... أو ربما أتجه للغة برمجة جديدة :3

بدات مع ال webform

لكني وجدت انها تقنية سيئة و تكاد تنقرض

جربت ال asp.net mvc لكن لم اجد مراجع جيدة

اتجهت لل php و تعلمت laravel والان اصبح بامكاني انشاء المواقع بسرعة صاروخية و سهولة كبيرة بسبب اطار العمل الرائع laravel

أعتقد أن هذا بالضبط ما سيحدث معي فلم تعجبني ال Webforms

حالياً أفكر في الاتجاه إلى php مع إطار العمل laravel أو ruby on rails -فقد أعجبت بها من النظرة الأولى :'D -

بالتوفيق لك أخي في مشروعك ..

لدي سؤال | كم من الوقت إستغرقت في تعلم البرمجة و كم من الوقت كلفك تكويد هذا الموقع :) ..

و شُكرا ..

شكراً وبالتوفيق لك أيضاً :)

بالنسبة لتعلم البرمجة (C#) فقد كانت دورة تعليمية مدتها 72 ساعة تقريبا تم تقسيمها على شهرين.

أما الموقع فقد استغرق العمل الفعلي عليه شهر ونصف تقريباً.

جميل جداً التصميم .. كم من الوقت أستلزمك ؟

ملاحظة : اعجبني اعتمادك على تصميم الماتيريال ديزاين لكن خفف من الظلال .. كثرتها غير جميلة ..

شكرا لك :) .... استغرق نحو إسبوع إلى عشرة أيام. تقريباً.

بالنسبة لمسألة الظلال فقد أجبت عليها في هذا التعليق

فكرة رائعة ......... بالتوفيق

شكل الموقع أعجبني صراحةً، كذلك الفكرة..

بالتوفيق

سعيد بأن الموقع أعجبك :D

شكراً @3ABDOO وبالتوفيق لك أيضا

الفكرة جميلة والتصميم ايضا

لكن الظلال مبالغ فيها نوعا ما حتى ماتريال ديزاين لا يعتمد على تلك الظلال الكبيرة

وايضا اللون الاصفر مزعج نوعا ما

بالمناسبة

ماالفريمورك المستعمل في التصميم؟

وايضا مااسم الخط المستعمل في عرض المساعدات؟

لكن الظلال مبالغ فيها نوعا ما حتى ماتريال ديزاين لا يعتمد على تلك الظلال الكبيرة

ربما يمكنك ان تلقي نظرة على إستخدام الظلال في المتريال ديزاين من هنا:

وايضا اللون الاصفر مزعج نوعا ما

ربما يكون كذلك وربما لايكون مزعجا من وجهة نظر آخرين

ماالفريمورك المستعمل في التصميم؟

Bootstrap

وايضا مااسم الخط المستعمل في عرض المساعدات؟

JF Flat -خط فلات من شركة جذور-

ممكن رابط تحميل الخط؟

تفضل رابط الخط على الموقع الرسمي لجذور

أنصحكُ باستخدام خطٍّ آخر -للضرورة، لا، أعني، حقًّا غيّره-، كما أنّ الظلال أقوى من ظلال الـMaterial Design، حاول تخفيف تعبئتها وتقليل عدد العناصر التي تملك ظلالًا.

لقد كنت بإنتظار تعليقك يا زيد منذ إضافتي للموضوع :D لكني توقعت أن يكون أطول وأن تنتقد أشياء أكثر :3

أنصحكُ باستخدام خطٍّ آخر -للضرورة، لا، أعني، حقًّا غيّره-

حقيقة لا أدري -حتى الآن- سر كراهيتك الشديدة لهذا الخط، أ فقط لأنه كثير الاستخدام؟

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

الظلال أقوى من ظلال الـMaterial Design

حسناً سأبحث قليلاً عن إستخدام الظلال مع ال Material Design وأرى.

ليس لدى اى خبرة فى تطوير المواقع او لغة C# ابدا ولكن لدى بعض التعليقات على الموقع كمستخدم محب لمثل هذه المبادرات الرائعة واللتى تساعد الكثيرين :

1- رايت التصميم الازرق للموقع واراه افضل من الاصفر لان الاصفر مرهق للعين اما الازرق فهو جذاب اكثر .

2- ارى ان يتم التعديل على الموقع حيث يستطيع الشخص ان يحدد ما يستطيع المساعدة فيه من صفحته الشخصيه وما يطلب المساعدة فيه وان تظهر له طلبات المساعدة على الرئيسية حسب اختياره فى جدول كما ان تقسيم الاقسام الرئيسية الى اقسام فرعية سيكون مفيدا جدا .

هذا راي شخصى واتمنى ان يلهمك فكرة تقوم بتنفيذها .

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

رايت التصميم الازرق للموقع واراه افضل من الاصفر لان الاصفر مرهق للعين اما الازرق فهو جذاب اكثر .

واضح أن الكثيرين يرهق أعينهم اللون الأصفر، سأعيد النظر في موضوع اللون ربما أجد لونا أفضل وأكثر راحة للعين أو قد أعيد توزيع اللون الأصفر بطريقة أقل إرهاقاً للعين.

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

أما

تقسيم الاقسام الرئيسية الى اقسام فرعية

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

شكراً جزيلاً على إقتراحاتك :)

فكرة جميلة وفريدة من نوعها

ملاحظات على التصميم

الالوان تحتاج الى تحسينات

الخطوط كذلك

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

هذا رايي الشخصي

وفي الختام اتمنى لك التوفيق والنجاح

شكرا جزيلا على إقتراحاتك :)

التصميم بحاجة الى تعديل بسيط على الخلفية لجعلها اكثر حيوية

هل لدىك إقتراحات أو أفكار عن كيفية تحقيق ذلك؟

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

شاهد هذه الصور مثلا

أها فهمت قصدك ... شكرا على الإقتراح :)

مشروع اكثر من رائع اخي ، وفكره جيده جداً وجديده

بالتوفيق.

فكرة رائعة جدا وجديدة

والوان الموقع جيدة

بالتوفيق إن شاء الله

سعيد بأن الموقع والفكرة أعجبوك @KarimRabie

شكرا وبالتوفيق لك أيضا :)

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

ان تبدأ بعمل دومين للموقع .com او .net

ربما مستقبلا لأن الدومين .com مملوك لموقع بالفعل وتكلفة إعادة شراءه من صاحبه كبيرة ... كما أنني لا أجد الدومين الحالي سيئاً ;)

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

إن شاء الله سأقوم بذلك لكن عند إطلاق النسخة النهائية-المستقرة- من الموقع

شكرا على إقتراحاتك :)

ما التقنية او اللغة التي استخدمتها لعمل تصميم الماتريال ديزاين

لم أفهم بالضبط، لكن عامة أقوم بتصميم صفحات الموقع أولا ك psd باإستخدام الفوتوشوب

بعدهها قمت بالتكويد -كما في أي موقع- بإستخدام html و css وقد إستخدمت في هذا الموقع إطار العمل Bootstrap

السلام عليكم اخي الكريم

نقطة مهمة انك تنقل نفسك من التدرب الى انشاء مشاريع فهي مثابة نقطة تحول

ان شاء الله تشوف الخير على وجه المشروع هاد وكل مشاريعك

اتمنى لك كل التوفيق

ماشاء الله , جدا جميل بالتوفيق .

وعليكم السلام ورحمة الله وبركاته

احييك وبكل قوة علي فكرتك الرائعة

فكرة حقا ممتازة ومفيدة للجميع

اتمني لك التوفق والنجاح

وإن شاء الله ينجح الموقع

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

شكرا جزيلا @ahmed_elhelaly يسعدني أن الفكرة أعجبتك :)

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

ربما نستحوذ نحن على حسوب :'D أمزح فقط

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

شكراً @khashabawy سعيد أن الفكرة أعجبتك :)

كان يجب ان تضيف زرا لندعمك من خلاله بالمال لتستكمل مشروعك

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

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

بعض الملحوظات على عجالة :

  • أضف زر الرئيسية فى أعلى اليمين

  • اجعل ال logo رابط للرئيسية أيضاً

  • اجعل خانات تسجيل الدخول autocomplete=on

هل أنت من قام بالتصميم كاملاً ؟

شكرا على ملحوظاتك :)

أضف زر الرئيسية فى أعلى اليمين

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

اجعل ال logo رابط للرئيسية أيضاً

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

اجعل خانات تسجيل الدخول autocomplete=on

سأفعل هذا

هل أنت من قام بالتصميم كاملاً ؟

نعم أنا من قمت بالتصميم بالكامل

بالتوفيق

يبدو مشروع جميل جدا ومن أفضل المشاريع التى رأيتها مؤخراً

-

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

أتمنى لك كل التوفيق فى مشروعك وأتمنى أن يستمر ويتطور

شكراً @abdelrahman khaled سعيد أن الموقع أعجبك :)

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

بسم الله ما شاء الله اخى

لعل اولى ملاحظاتى هى عند ضغطى على أيقونة الصورة الشخصية تم إحالتى لموقع خارجى

ثم بعد حفظ البيانات لا يوجد إعادة اوتوماتيكية للصفحة الرئيسية او زر إعادة يدوى

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

لعل اولى ملاحظاتى هى عند ضغطى على أيقونة الصورة الشخصية تم إحالتى لموقع خارجى

الموقع الخارجي هو موقع gravatar.com وهي خدمة الصور التي نستخدمها في الموقع لصور المستخدمين حيث يمكنك هناك تعديل صورتك الشخصية إن أردت

ثم بعد حفظ البيانات لا يوجد إعادة اوتوماتيكية للصفحة الرئيسية او زر إعادة يدوى

يوجد زر إعادة للرئيسية على هيئة سهم في أعلى يسار الصفحة

شكرا على ملا حظتك @MohamedEbrahimAli وبالتوفيق لك أيضاً :)

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

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

الفكرة جميلة عبد العزيز

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

متمنياتي بالتوفيق

سعيد أن الفكرة أعجبتك @abdellah.abbous

العمل على تسريع الموقع نوعا ما

بالطبع سأعمل على تسريعه في المستقل إن شاء الله

شكراً على رأيك :)

السلام عليكم ، الموقع بسيط لكنه احترافي وجميل ايضا

لكن كما قال الاخوة المشكلة في اللون ، فالأصفر مؤذي للعينين ومتعب لهما

لذلك سيأثر سلبا على الزائرين ، بينما اللون الأزرق لون مريح لهما

وما رأيك ان تضيف خاصية اللون اختياري ، بالجافاسكربت

حيث يتغير اللون دون تحميل الصفحة وهذا أفضل :)

وعليكم السلام ورحمة الله وبركاته

اللون الأزرق لون مريح لهما

لا أعرف أجده مملا لأنه مستخدم بكثرة :/

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

فكرة جميلة جدا وترضي جميع الأطراف ربما أقوم بتطبيقها :)

شكرا على إقتراحاتك

مشروع : جميل

فكرة : جميلة

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

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

أرى ان الفكرة تحتاج تحسينات قليلا، لا ادري ماهية التحسينات، لكن نحتاج الى شيء يسرع عملية الحصول على المساعدة

امم فكرت :

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

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

لو مثلا يكون هناك نظام مساعدات قابلة للنقل سأعطي مثال مختلف وأتمنى أن تصل الفكرة :

قديما مثلا كان هناك 4 أشخاص

ألف وبا وجيم ودال

الف مبرمج

با مصمم

جيم مترجم

دال يعمل في مطبعه

الف يحتاج الى مساعدة في التصميم ، ويستطيع تقديم خدمة البرمجة للمصمم !

با مصمم يستطيع تقديم المساعدة لالف، ولكنه يحتاج الى مساعدة في الترجمة وليس البرمجة !

جيم يستطيع مساعده با في الترجمة وبالمقابل لايحتاج الى مساعدة في التصميم !، وانما طباعة كتاب مترجم له

دال يستطيع مساعدة جيم في الطباعه، ولكنه لا يحتاج الى مساعدة في الترجمة، وانما مساعدة في برمجة تطبيق ادارة لمطبعته

فلن يتمكنوا من اتمام عملية المساعدة، لبعضهم البعض، الا نقل المقابل ( المساعده) معهم للشخص المناسب،

كمثال : يقوم المصمم با بتصميم ما يريده المبرمج الف، وفي المقابل يحمل مساعدة المبرمج الف الى الطابع دال

يقوم الطابع بطباعه كتاب المترجم جيم مقابل أن يترجم جيم للمصمم با ما يريده

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

العموم يكون هناك توازن، بين أنواع المساعدات

يسعدني أن الموقع أعجبك @zafar97 :)

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

شكرا جزيلا على إقتراحاتك :)

المنصة لا تعمل للاسف