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