مشروع تدريبي للطلاب
منصة تجارة إلكترونية
متجر بمنتجات وسلة ومنطق إتمام شراء — من نوع المنتجات اللي الطلاب بيستخدموها أصلًا.
- ويب
- واجهة
- قاعدة بيانات
- تصميم واجهة
- إدارة الحالة
- نمذجة البيانات
مشروع تدريبي للطلاب
تطبيق موبايل
مشروع تدريبي لمنتج موبايل مركز — من الشاشات والتنقّل إلى سلوك يشتغل فعلًا.
موبايلمتوسط
المسار: تطوير الموبايل
اكتشف المسارمشروع تدريبي للطلاب
تطبيق موبايل: HOME → DETAILS → ACTION → CONFIRMATION
- HOME
- DETAILS
- ACTION
- CONFIRMATION
المستوى
متوسط
المسار
تطوير الموبايل
نوع المشروع
مشروع تدريبي للطلاب
التركيز
Mobile UI · App Logic · Navigation
عن المشروع
المشروع تمرين على التفكير بمنطق الموبايل: كل شاشة لها هدف، وكل إجراء له نتيجة، والتنقّل لازم يمسك الرحلة. الطالب مش بيعمل شاشة واحدة للعرض. هو بيبني منتجًا صغيرًا يقدر الناس يتحركوا جواه.
المشكلة
المستخدم عنده مهمة على الموبايل، لكن شاشة واحدة مش كفاية — محتاج رحلة يقدر يتبعها.
Problem
المستخدم عنده مهمة على الموبايل، لكن شاشة واحدة مش كفاية — محتاج رحلة يقدر يتبعها.
Why it matters
منتج الموبايل يفشل لما الشاشات تبقى منفصلة، أو لما التطبيق ينسى المستخدم واقف فين.
What the user needs
مسار واضح من الرئيسية، إلى التفاصيل، إلى الإجراء، إلى التأكيد.
الحل
الطالب يبني تدفق موبايل: شاشات متصلة، منطق التطبيق، وتنقّل يحافظ على الحالة بينما يتحرك المستخدم.
الحل: Input → Processing → Output
- Input
- Processing
- Output
إيه اللي هنبنيه؟
الشاشة الرئيسية
المستخدم يرى نقطة بداية وخطوة تالية واضحة.
التنقّل
الشاشات تتصل كرحلة، مش ككومة صفحات.
إجراء المستخدم
المستخدم يضغط أو يكتب أو يختار.
منطق التطبيق
التطبيق يقرر كيف يستجيب.
الحالة
التطبيق يتذكر ما حدث في الشاشة السابقة.
التأكيد
المستخدم يرى أن الإجراء نجح.
رحلة المشروع
01
Understand
لمن التطبيق، وإيه اللي بيحاول يعمله؟
02
Plan
الرحلة محتاجة أنهي شاشات؟
03
Design
الرئيسية والتفاصيل والإجراء والتأكيد بيتصلوا إزاي؟
04
Build
نفّذ الشاشات والتنقّل والمنطق.
05
Test
يقدر المستخدم يخلّص المهمة من غير ما يتوه؟
06
Improve
وضّح التدفق والـ feedback.
إزاي المشروع بيشتغل؟
صورة مبسطة لكيفية اتصال أجزاء المشروع.
صورة مبسطة لكيفية اتصال أجزاء المشروع. User → Mobile UI → App Logic → API → Backend
- User↓
- Mobile UI↓
- App Logic↓
- API↓
- Backend
أجزاء المشروع
Mobile UI
شاشات مصممة للموبايل، مش لصفحة ديسكتوب.
Navigation
المسار بين الشاشات.
App logic
كيف يستجيب التطبيق للإجراءات.
State
ما يتذكره التطبيق بينما يتحرك المستخدم.
User flow
Home → Details → Action → Confirmation.
ربط البيانات
الشاشات تشتغل مع معلومات، مش مع التخطيط فقط.
Technologies
- موبايل
- واجهة
- منتج
Concepts
- واجهة موبايل
- منطق التطبيق
- تنقّل
إيه اللي هتتعلمه من المشروع؟
- ✓
تحويل فكرة صغيرة إلى رحلة موبايل.
- ✓
ربط الشاشات بدل تصميمها منفصلة.
- ✓
الحفاظ على الحالة بينما يتحرك المستخدم.
- ✓
الاستجابة للإجراءات بمنطق التطبيق.
- ✓
اختبار إمكانية إنهاء المهمة على الموبايل.
- ✓
تحسين التنقّل والـ feedback بعد النسخة الأولى.
المهم مش إنك تخلص المشروع... المهم تعرف تبنيه.
الهدف من المشروع إن الطالب يفهم لماذا بنى كل جزء، وكيف يمكنه تغييره وتطويره، وليس فقط الوصول إلى نتيجة نهائية.
Copy
Understand → Build → Debug → Improve
- Understand
- Build
- Debug
- Improve
- ✓
ولو حبيت تطوره؟
أفكار لتطوير المشروع
Version 2
إضافة شاشة أو إجراء بعد ما التدفق الأساسي يشتغل.
Better UX
جعل العناوين والتأكيد أوضح.
More Data
التعامل مع عناصر أكثر وحالات مستخدم إضافية.
Production Thinking
التفكير في الأخطاء وحالات عدم الاتصال والإطلاق — كأفكار لاحقة.
المستوى: متوسط
مناسب للطلاب الذين لديهم أساس برمجي ويريدون تطبيقه داخل تجربة موبايل.
المشروع ده بيطبق إيه من المسار؟
من المسار
UI
داخل المشروع
شاشات الموبايل
من المسار
App logic
داخل المشروع
معالجة الإجراءات
من المسار
State
داخل المشروع
ذاكرة الشاشة إلى الشاشة
من المسار
Release basics
داخل المشروع
تدفق تطبيق قابل للاستخدام
جاهز للخطوة اللي بعدها؟
مشاريع أخرى
مشروع تدريبي للطلاب
نظام حجز
حجوزات وتوافر وتأكيد — برمجيات لازم تبقى صحيحة، مش شكل فقط.
- ويب
- منطق
- تجربة مستخدم
- مسارات
- تحقق
- منطق الجدولة
مشروع تدريبي للطلاب
مشروع ذكاء اصطناعي
خاصية عملية تستخدم بيانات ونموذج لتعمل حاجة مفيدة. من غير شرائح شعارات.
- Python
- ذكاء اصطناعي
- واجهات برمجية
- بيانات
- نماذج
- تفكير منتج
كل مشروع بيبدأ بفكرة.
اختار المسار اللي يناسبك، وابدأ تبني بدل ما تكتفي بالمشاهدة.