اذهب إلى المحتوى
  • 0

هل تصميم واجهة التطبيق التفاعلية تحتاج مبرمج؟

ناصر الحميد

السؤال

هل برمجة الواجهة الامامية تختلف عن تصميم واجهة فعلية تحاكي تنقلات المستخدم؟

هل يمكن اعداد واجهة للتطبيق تدعم التنقلات بين الشاشات والعناصر بأدوات غير الأدوات المستخدمة في البرمجة html/css/java؟؟؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

أهلًا بك،

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

بخصوص لغات Frontend؛ فهي HML CSS ولغة JS أو أحد إطارات عملها.. لا يوجد غيرها لأن المتصفحات تتعامل مع تلك اللغات أو التقنيات بشكل أساسي

بعد أن يقوم مبرمج frontend بعمل الواجهات.. يعطي الكود لمبرمج backend أو مبرمج الخلفيات، فيقوم بكتابة كود أخر للربط مع قواعد البيانات وإنشاء لوحات تحكم وهكذا يجهز الموقع..

بخصوص تصميم الواجهات.. فإنه يختلف عن برمجة الواجهات.. هناك مصممين مختصين بغرض تصميم واجهات الموقع بانتقالات الصفحات باستخدام برامج تصميم مثل X D و برامج التصميم الاخرى (يمكنك معرفة الفرق بين UI و UX وأهميتهم في هذا المجال) المشهورة مع فوتوشوب.. لكن مرحلة تصميم الواجهات تأتي قبل مرحلة برمجة الواجهات.. يعني يقوم خبير UI/UX designer أو Graphic Designer بتصميم الواجهات وتحديد الانتقالات حتى يسهل على مبرمج الواجهات إنشاءها وعندما ينهي frontend developer إنشائها يسلمها لل backend developer .. هكذا تتم المهمة

بتاريخ 42 دقائق مضت قال NASSER ALHUMAID:

الأدوات المستخدمة في البرمجة html/css/java

هي ليست java إذن وإنما javascript

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

هناك نوعان من تطبيقات الجوال:

الأصلية: يتم برمجة واجهاتها باستخدام لغة Java مع XML 

الهجينة: يتم برمجة واجهاتها باستخدام HML CSS ولغة JS أو أحد إطارات عملها

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1

 مرحبا ناصر،

اقتباس

هل برمجة الواجهة الامامية تختلف عن تصميم واجهة فعلية تحاكي تنقلات المستخدم؟

 

نعم هناك اختلاف.

البرمجة تكون باستخدام لغات HTML, CSS, JS. 

التصميم يكون باستخدام برامج مثل Adobe XD, Sketch, Figma. 

اقتباس

هل يمكن اعداد واجهة للتطبيق تدعم التنقلات بين الشاشات والعناصر بأدوات غير الأدوات المستخدمة في البرمجة html/css/java؟؟؟

نعم يمكن استخدام برامج التصميم لاعداد واجهة تطبيق مع دعم التنقل بين الشاشات. لكنها ليست منتج نهائي، بل تعتبر Mock-up للمواقع المراد برمجته. تحتاج إلى استخدام لغات البرمجة ليصبح عندك موقع جهاز للنشر على الويب.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ منذ ساعة مضت قال Entesar ElBanna:

أهلًا بك،

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

بخصوص لغات Frontend؛ فهي HML CSS ولغة JS أو أحد إطارات عملها.. لا يوجد غيرها لأن المتصفحات تتعامل مع تلك اللغات أو التقنيات بشكل أساسي

بعد أن يقوم مبرمج frontend بعمل الواجهات.. يعطي الكود لمبرمج backend أو مبرمج الخلفيات، فيقوم بكتابة كود أخر للربط مع قواعد البيانات وإنشاء لوحات تحكم وهكذا يجهز الموقع..

بخصوص تصميم الواجهات.. فإنه يختلف عن برمجة الواجهات.. هناك مصممين مختصين بغرض تصميم واجهات الموقع بانتقالات الصفحات باستخدام برامج تصميم مثل X D و برامج التصميم الاخرى (يمكنك معرفة الفرق بين UI و UX وأهميتهم في هذا المجال) المشهورة مع فوتوشوب.. لكن مرحلة تصميم الواجهات تأتي قبل مرحلة برمجة الواجهات.. يعني يقوم خبير UI/UX designer أو Graphic Designer بتصميم الواجهات وتحديد الانتقالات حتى يسهل على مبرمج الواجهات إنشاءها وعندما ينهي frontend developer إنشائها يسلمها لل backend developer .. هكذا تتم المهمة

هي ليست java إذن وإنما javascript

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

هناك نوعان من تطبيقات الجوال:

الأصلية: يتم برمجة واجهاتها باستخدام لغة Java مع XML 

الهجينة: يتم برمجة واجهاتها باستخدام HML CSS ولغة JS أو أحد إطارات عملها

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...