إطلاق "ملهم" - منصّة الإلهام الإبداعيّ العربيّة.
- ZaidEd
- 2016-10-20T20:04:15+00:00
معلومات عن الموقع
ملهم هو منصّةٌ للإلهام العربيّ الإبداعيّ، وهي الأولى من نوعِها عربيًّا، في ملهم يُمكِن للمصمِّم نشرُ الأعمال التي ألهمته أو الاطّلاع على الأعمال المنشورة لإيجاد المحفّز الإبداعيّ لمشروعه القادم.
عملتُ و @يوسف سيد على تطوير الموقِع.
ملهم هو منصّةٌ للمصمّمين، شارك المجتمع التصميميّ العربيّ بالأعمال التي تُلهِمُك وتُحفّز الإبداع فيك.
ألن يكون من الأفضل لو تم توفير إضافة متصفح تسمح لي بإرسال الأعمال الفنية التي أصادفها مباشرة للمراجعة على الموقع؟
- حذف بواسطة المستخدم
هناك الكثير من المزايا التي قد تجعل من المنصة أكثر إفادة في المستقبل، لكن أتفق معك في إبقائها بسيطة قدر الإمكان، لكن لاتنسى أيضاً توفير أفضل تجربة استخدام (y) وبالتوفيق.
- حذف بواسطة المستخدم
أريد أن تظهر المعلومات عن العمل بمجرد hover فقط
أرى أنّ هذا سيُضِّرُ هذا بتجربة استخدام الموقع، الهدفُ من ملهم هو إلهامُ المُستخدمين وليس تعريفُهم على الأعمال أو أصحابها، لكِنّ معلومات العمل أُضيفت كُمساعدةٍ لمن يريدُ بشدّةٍ الاطّلاع على صاحب العمل ورؤية المزيد منه.
حين أضغط على الرابط، يذهب إلى لسان جديد في المتصفح، ويظل ثانية أو ثانيتين، ثم يحمل أو لا يحمل، مرة حمل وأخرى ظل هكذا حتى أعدت تحميله
سنبحثُ في حلِّ هذا إن شاء الله.
أنا لا أريد أن أضيف عملًا، أريد حساب لي، تسجيل في الموقع، أرسل منه الأعمال، ثم تابعوا سياسة النشر كما تشاؤون، ابحثوا عن طريقة أخرى لتوثيق النشر سريعًا لأن عدد الحسابات سيكثر إن شاء الله ولن تستطيعوا المتابعة.
إضافةُ عملٍ أسهلُ بكثيرٍ من تسجيل حسابٍ ثم نشرِ عملٍ منه، لكِنّنا سنعملُ قريبًا إن شاء الله على إضافة عضويّاتٍ خاصّة تسمحُ للمصمّمين بإضافة أعمالٍ مباشرةً.
أين زر الإعجاب بالعمل؟ على أي أساس سيتم ترتيب الأعمال إذًا؟
حاليًّا تُرتّبُ الأعمالُ حسبَ زمن الإضافة، سأعملُ في التحديثِ القادم على إضافة زرّ إعجاب.
دعك من هذا، أين #التصنيفات؟ كيف سأبحث عن أعمال في فئة بعينها؟
بالنسبةِ لهذا والنقطةِ السابقة، الأعمال في ملهم حاليًّا قليلة، وحتّى تزداد قليلًا لن توجدَ حاجةٌ ماسّة لطرق بحثٍ وتصنيفٍ مُتنوِّعة، لكِنّنا عمومًا نستخدِمُ حاليًّا بعض تقنيّات الفرز والتصنيف التي ستظهرُ خياراتٌ لها في التحديث القادِم، فنحنُ نفرزُ الأعمال حسب تصنيفاتِها بالفعل لكِنّ هذا الفرز لم يظهر للمستخدمين بعد.
أين التعليقات على كل عمل؟ ماذا لو لم يعجبني أمر ما في العمل نفسه؟ ماذا لو لدي تعليق عليه، خاصة لو كنت أريد إخبار صاحبه إن كان هو صاحب العمل؟
لا ارى أنّ هذا هو الهدفُ من ملهم، ليس للتقييم والنقاش والتحسين، لكِنّ ملهم يوفِّرُ روابطًا للعملِ وأسماء أصحابها مِّما يُمكِّنُك من التواصل المباشر مع أصحابِها.
بناءً على النقطة السابقة، هل يمكن أن يكون زري تقييم أفضل من زر إعجاب فقط، كي تزيح الأعمال السيئة أو التي ليست ملهمة (تسليبات) من أمامي من أمامي.
لا حاجة لزرِّ تسليبٍ برأيي، لأنّ الأعمال ستمرُّ تحت الإشرافِ أصلًا فلن يوجد على الأغلب ما يحتاجُ إلى عدم إعجابٍ لدرجة التسليب، لكِنّنا كما ذكرتُ سنضيفُ زرًّا قريبًا للإعجاب بالأعمالِ ورفعِها.
هل يمكن أن تضع خيارات أكثر؟ ناشر العمل؟ تواصل معه؟
هل ترى فائدةً لهذا؟ ما الفائدةُ من التواصل مع ناشر العمل؟ وألا يُمكِن لمن يملِكُ رابط العمل واسم صاحبه أن يتواصل معهُ من موقِعهِ مُباشرةً؟
أشكُرك أسامة على نصائحك واقتراحاتك.
- حذف بواسطة المستخدم
أهلًا أسامة، شكرًا على نصائحك،
حين أضغط على الرابط، يذهب إلى لسان جديد في المتصفح، ويظل ثانية أو ثانيتين، ثم يحمل أو لا يحمل، مرة حمل وأخرى ظل هكذا حتى أعدت تحميله
حينما تضغط على الرابط، وتتوجه إلى الرابط الجديد ينتهي عمل ملهم إطلاقًا ولا يوجد شيء يمكن فعله؛ هذه المشكلة من متصفحك ربما بسبب عدد الـThreads وصل إلى الحد الأعلى في المتصفح -أو المتصفح لا يدعم تعدد الخيوط- وجميع المعالجات فيه مشغولة في المواقع الأخرى، لذا يحدث هذا التأخير، عمومًا لو جربت إغلاق النوافذ الأخرى -بما فيها ملهم- والتأكد من أن لا عمليات في الألسنة الأخرى يحب ألا تظهر المشكلة، وهي مشكلة شائعة جربتها في IE ووريثه :)
- حذف بواسطة المستخدم
- حذف بواسطة المستخدم
أتفق معك جدا على هذه النقاط التي ذكرتها فهي مهمة حقا .. أعتقد أن الموقع سيطور أكثر في المستقبل
حسنا ماذا لو ان هناك طريقة لإنشاء حساب فعلي، وبإمكانك نشر أعمالك كاملة عن طريق هذا الحساب، وايضا هناك زر اعجاب وتقييم الأعمال المُلهمة علي أساس الإعجابات وعدد المشاهدات والمشاركات، وايضا هناك تصنيفات وفئات فرعية ومُصغرة، وباب التعليقات مفتوح للجمهور لإبداء آرائه وتعليقاته، لكن ينقصه فقط بعض الترجمات البسيطة =D .
ألقي نظرة علي هذا الموقع
ليس المطلوب نشرُ الأعمال الكاملة، بل الأعمال الإلهاميّة فقط، والطريقةُ الحاليّة أسهلُ لنشر أعمالك الكاملة من إضافة خطوتي تسجيل الحساب وتسجيل الدخول، أمّا ما تبقّى من طُرقٍ للفرز فما زالت مُبكِّرةً لعدم وجود ما يكفي من الأعمال الإلهاميّة حاليًّا، ملهم ليس للنقاش والتقييم والتحسين، بل للمشاهدة والاستلهام، إن أراد أحدٌ إعطاء رأيِهِ بعملٍ ما فيُمكِنُهُ التواصُلُ مع صاحِبِه من رابط العمل.
أشكرُ اقتراحك، مع الأسف، تخصّصُ هذا الموقع ليس الإلهام، بل التدوين.
رائع جدا .. كنظرة أولى أعجبتني الفكرة جدا ، حتى أن تصفحه لمدة دقيقة تبعث الإلهام حقا ..
أشكرُك رياض على مديحك.
أقتبِسُ لك من موقع ملهم الفقرة التالية والتي توضِّحُ بعض المعايير المساعدة لقبول العمل:
هنالك أنواعٌ محدّدةٌ من الأعمال التي يمكنك نشرها عبر «ملهم»، انشُر أعمالًا ترتكِزُ على الإلهام، تدور حول الفكرة لا الصانع، تُحفِّزُ مشاعر الإبداع عند رؤيتِها، يُمكِنك الاطّلاعُ على الأعمال المنشورة في "ملهم" لأخذ فكرةٍ أفضل عن الأعمال المُناسِبةِ للنشر.
إضافة متميزة ترتقي بمحتوى الويب العربي،
تصميم هادئ وبسيط يبعث على التأمل في راحة وسكينة، مع استغلال جيّد للمساحات البيضاء وتوزيعها بين العناصر، خطّ "بهيج Bahij" رائع جدًا انسجم كثيرا مع قابيية الإستخدام (ui).
أعتقد أنّه كان من الأفضل لو تمّ تصنيف الأعمال المضافة في الموقع (بوسترات، تصميم مواقع، أغلفة كتب، إعلانات...) لأنّ ذلك سيعمل على تحسين تجربة الإستخدام أكثر (ux). فلكلّ زائر رغبة في أن يتصفح ما يلهمه في مجال تخصصه أولاً، ثم التصميم كمجال عام ثانيًا.
لو لا حظت أخي زيد، أنّه عند الوصول إلى الأسفل تماماً (نهاية -المحتوى- الصور) فإنك ستلاحظ التصاق الصور بنهاية التصميم مباشرة، بما أنّ الموقع ليس بحاجة إلى فوتر، فربما مارجين بسيط من الأسفل ضروري، أو تعويضه بزر تحميل المزيد.
شكرًا محمّد على حسن مديحك،
أعتقد أنّه كان من الأفضل لو تمّ تصنيف الأعمال المضافة في الموقع (بوسترات، تصميم مواقع، أغلفة كتب، إعلانات...) لأنّ ذلك سيعمل على تحسين تجربة الإستخدام أكثر (ux). فلكلّ زائر رغبة في أن يتصفح ما يلهمه في مجال تخصصه أولاً، ثم التصميم كمجال عام ثانيًا.
هنالِك تصنيفاتٌ نفرزُ عبرها الأعمالَ حاليًّا، لكِنّ خيارات الفرز لم تظهر بعد للمستخدمين لقلّة الأعمال، فلا أرى حاجةً ماسّة لتصنيف أعمالٍ قليلةٍ حاليًّا.
لو لا حظت أخي زيد، أنّه عند الوصول إلى الأسفل تماماً (نهاية -المحتوى- الصور) فإنك ستلاحظ التصاق الصور بنهاية التصميم مباشرة، بما أنّ الموقع ليس بحاجة إلى فوتر، فربما مارجين بسيط من الأسفل ضروري، أو تعويضه بزر تحميل المزيد.
تمّ حلُّ هذه المشكلة، أشكرُ تنبيهك محمد.
أتساءل، ألم تذبحك الميم هذه المرة؟
أمزح، مبارك إطلاق المنصة D:
مبارك إطلاق ملهم ... ألهمتني بساطته :D
سرعة الموقع رائعة ماهي التقنيات المستخدمه في تطوير الموقع؟ وكم إستغرقكم العمل عليه؟
أهلًا عبد العزيز،
كم إستغرقكم العمل عليه؟
كما قال زيد أخذ العمل عليه قرابة الشهر، تطوير الموقع بالتحديد أخذ حوالي عشر ساعات (إن كانت متواصلة)؛ غير وقت التصميم.
سرعة الموقع رائعة ماهي التقنيات المستخدمه في تطوير الموقع؟
شكرًا لك، التقنيات التي استخدمتها أثناء تطوير الموقع:
التقنيات بدون تنظيم في الكتابة بحسب ما أتذكر:
الواجهة:
أعتمد على React في جميع عناصر الواجهة، كل عنصر هو وحدة منفصلة -كنت سأستخدم Redux لكن لم أجد لها داعٍٍ-.
أستخدم React-Router لعمل توجيه الصفحات.
للوحدات أستخدم نظام وحدات CommonJS.
جميع الواجهة مبرمجة بـTypeScript، وصياغة TSX لوحدات React.
في البناء أستخدم Gulp ولبناء الوحدات للمتصفح WebPack.
في التصميم أستخدم Sass.
شيفرة الموقع تضغط باستخدام Closure قبل نشرها.
الـBack-End:
ملهم لديه API خفيف مكتوب بـPHP (ليست أفضل لغة لهذا، لكنها المتاحة بسبب الموارد) يُتصل به على برتوكول
الـAPI يحلل الصور -معلوماتها كالحجم، اللون ..- ويضغطها بـImagick (إضافة Image Magick لـPHP) قبل حفظها.
قاعدة البيانات Mysql؛ لأنها هي فقط المتاحة.
يوّفر أشياء أخرى أساسية كجلب تلك الصور، معلوماتها، إرسال الرسائل باستخدام PHPMailer.
بارك اللهُ بك عبد العزيز، أشكرُ مروركَ عليه.
سأدعُ @يوسف سيد ليُجيبك عن هذه النقطةِ إن شاء الله، أمّا الوقت فمجملُهُ منذُ الفكرة والتصميم الأوّل هو سنةٌ ونصف إلى سنتين تقريبًا، مرّ عليه خمسةُ مبرمجين وأربعُ تصاميم، والبرمجةُ الأخيرة استغرقت حيال الشهر.
هذا رابط العمل الأصلي (الخارجي)، ولم تقل لي أين مشكلة الضغط بالضبط؟
لما لا تظهر مباشرة عند تمرير الماوس؟ مثل بعض القوالب ؟
قلتُ لك يجيبك زيد، -بالنسبة لي أرى أن تظهر بمجرد تمرير الماوس هو أمرٌ مزعج، لكني ليس لي خبرة بتجربة الاستخدام-، وللمناسبة ملهم ليس قالبًا، هو منصة عرض إلهام، ولم نستخدم قالبًا جاهزًا إن كان هذا قصدك.
واو ,, بمجرد ضغطي على الرابط ... أصباتني نوبة من الإلهام ...
مبدع يا زيد ... هنيئاََ لك .
- حذف بواسطة المستخدم
فكرة لها حظ من اسمها وجميلة .
بما انك المطور لاحظت انه عند الضغط على صورة لرؤيتها يتم ارسال طلب جديد لجلب معلومات صاحب الصورة ، فملاحظتى لما لا تجلب الجداول كلها من البداية وتظهر المعلومات بشكل اسرع وبدون طلب جديد .
مع كل ما قمتم به من اجل تجربة استخدام جيدة تبقى هذه ثغرة كبيرة .
لا، بالعكس جلب معلومات الصور كلها سيجعل تحميل الصفحة بطئيًا أكثر (بعض الـBytes الإضافية)، وليس العكس، وليس كل مستخدم سيحتاج إلى جلب معلومات كل الصور، جلب بعض الحقول (وليس الجداول) من قاعدة البيانات لا يسبب أي ضغط ولا تكلف إلا بعض الأجزاء من الثانية، مع العلم أن الأسهل برمجيًا (إن كنت لا تعرف) أن تحمل كل معلومات الصورة مع الطلب الأول وليس العكس.
شكرًا لك.
ما هو السبب فى البطئ اعنى من اين سيكون اذا اردت جلب كل الحقول من البداية من استخراجهم من قاعدة البيانات ام ال tags التى ستعرض فيها البيانات ؟
فكرتى ولو كنت مبرمج الفكرة لقمت بها ان اجلب جميع البيانات واقوم بحفظ المعلومات الغير مستعملة فى البداية فى خاصية مثلا :
data-info="json_string"
طبعا الخاصية تكون فى tag :
div.mulhim-content__image
والباقى اظنه واضحا ، لا اعرف ان كان هذا مناسبا ام انه يبطئ الصفحة اكثر ما رأيك !.
أيهما أفضل؟
تحميل كل الصور مع كل معلوماتها، مع العلم أن المستخدم قد لا يستخدمهم.
تحميل فقط روابط الصور مع بعض المعلومات الخفيفة، وعندما يضغط المستخدم على الصور تُجلب معلوماتها.
في الطريقة الأولى سيكون التحميل أطول وأكبر بدون أي داعٍ فقط أسهل في البرمجة ولا أحتاج إلى كتابة API لجلب معلومات الصورة، في الثانية فقط سيحمل المستخدم ما يريد وسيكون الموقع أسرع في التحميل، ولا فرق عملي في الأداء على الخادم.
بالنسبة لفكرتك البرمجية لا يوجد أي Render في الخلفية، وفي الواجهة أعتمد على React ولا ألوث الـDOM الخاص بالمتصفح بجافاسكريبت مباشرةً أبدًا، عمومًا شكرًا لك.
ولكن انا سألتك عن سبب البطئ الذى قصدته اخ يوسف ، احس انك مصر على ان تخبرنى كيف يعمل التطبيق الان :) لو لم اكن اعرف وفحصت كل الروابط لما كتبت التعليق لا توجد لدي كل تلك الجرءة على ان اتكلم فى شيء لا علم لى به .
بالنسبة لتلوث ال DOM بالجافا سكربت لا اعرف ربما هو سبب فى ان الفكرة ليست عملية اكثر .
على كل طابت ليلتك ارجو ان لا اكون سببت لك اجعاز الموضوع ما يستاهل .
مَوقِع رَائِع وفَرِيد مِن نَوعِه، أتَمنّى لَكُم كُلّ التَوفِيق!
مُلاحَظة: أعتَقِد بأَنّ عَليكُم عَمَل تَسوِيق مُكثّف لِلمَوقع، لِيَصل لِأكبَر عَددٍ مُمكِن.
مجتمع لمناقشة وتبادل الخبرات حول تطوير الويب. ناقش أحدث التقنيات، اللغات، والأدوات في عالم تطوير المواقع والتطبيقات. شارك مشاريعك، اسأل عن نصائح، وتعاون مع مطورين محترفين وهواة.