مدخل إلى التطبيقات

المفاهيم

1. أنواع تطبيقات الهواتف: المعلومات والتنقل والترفيه والتواصل والواقع المعززTypes of Mobile Appsالتطبيق برنامج صغير لأداء مهمة محددة على الهاتف أو الجهاز اللوحي. وتنقسم التطبيقات إلى معلومات، وتنقل وخرائط، وترفيه، وتواصل، وواقع معزز، وقد يجمع التطبيق الواحد أكثر من نوع.مقارنةاقرأ
2. فئات تطبيقات البرامج وآثارها: ألعاب وترفيه وإنتاجية وتخزين ومهام خطرة وتواصل اجتماعيApplication Software Categories and Their Impactsلكل فئة من تطبيقات البرامج حاجة تلبيها وآثار إيجابية وسلبية: الألعاب، وتطبيقات الترفيه، والإنتاجية، وتخزين المعلومات واسترجاعها، والتطبيقات التي تنفذ مهامًا متكررة أو خطرة، ووسائل التواصل الاجتماعي.مقارنةاقرأ
3. كيف نصمم تطبيقًا يلبي حاجة حقيقية؟ الهدف والمستخدم والوظائف والواجهة وخصائص الجهازDesigning an App for a Real Needالتصميم الجيد يبدأ بفهم المشكلة قبل أي سطر كود: تحديد هدف التطبيق، ثم المستخدم المستهدف، ثم الوظائف الأساسية فقط، ثم الواجهة المناسبة، ثم خصائص الجهاز التي تخدم الهدف دون إضافات ثقيلة.مقارنةاقرأ
4. مراحل تطوير التطبيق: النموذج الأولي والبرمجة والاختبار والإصلاحApp Development Stagesتمر فكرة التطبيق بأربع مراحل تتكرر: نموذج أولي (Prototype) بلا وظائف حقيقية، ثم برمجة وتطوير بأدوات مثل IDE وSDK ومكتبات وAPIs، ثم اختبار مستمر، ثم إصلاح وتحسين بحسب ملاحظات المستخدمين حتى يصبح التطبيق جاهزًا.مقارنةاقرأ
5. أنواع اختبار التطبيقات: الوحدة والأداء وسهولة الاستخدام والتوافق والأمانTypes of App Testingخمسة أنواع شائعة: اختبار الوحدة (صحة وظيفة واحدة)، والأداء (سرعة الاستجابة واستهلاك الطاقة)، وسهولة الاستخدام (هل يجد المستخدم الزر بسهولة؟)، والتوافق (عمل التطبيق على أجهزة وأنظمة مختلفة)، والأمان (كشف الثغرات).مقارنةاقرأ
6. سهولة استخدام التطبيق: عوامل الوضوح والتنقل وتقليل الخطوات والاستجابةApp Usabilityإن لم يفهم المستخدم كيف يستخدم التطبيق خلال ثوانٍ أغلقه. عوامل سهولة الاستخدام: وضوح الواجهة، وسهولة التنقل بأقل نقرات، وتقليل الخطوات، ووضوح المصطلحات، وتنظيم المحتوى، وسرعة الاستجابة، وأزرار كبيرة ونصوص واضحة.مفهوماقرأ
7. عناصر واجهة التنقل في تطبيقات الهاتف: التبويب السفلي والرجوع والقائمة الجانبية وزر الإجراء العائمMobile Navigation Elementsمن أهم عناصر التنقل: شريط التبويب السفلي (3–5 أقسام رئيسية)، وشريط التنقل العلوي مع زر الرجوع، وسهم التنقل للأعلى، وزر الشاشة الرئيسية، والقائمة الجانبية (الهامبورغر) للأقسام الثانوية، وزر الإجراء العائم FAB لأهم إجراء.مقارنةاقرأ
8. خصائص الأجهزة المحمولة التي تستغلها التطبيقات: اللمس المتعدد والكاميرا والميكروفون وGPS والتسارع والبصمةMobile Device Featuresالهواتف الذكية مليئة بأجهزة استشعار وميزات تتيح تجارب لا تقدمها صفحة ويب عادية: شاشة اللمس المتعدد والإيماءات، والكاميرا، والميكروفون، ونظام تحديد المواقع GPS، ومقياس التسارع، وبصمة الإصبع والتعرف على الوجه.مقارنةاقرأ
9. الفرق بين API وLibrary وSDK: كيف يتواصل التطبيق مع الجهاز؟API vs Library vs SDKAPI واجهة تواصل بين التطبيق ونظام التشغيل أو بين تطبيقين، والمكتبة (Library) مجموعة أكواد جاهزة، وSDK حزمة شاملة تضم الأدوات والمكتبات والوثائق والمحاكيات. التطبيق لا يعمل بمعزل عن الجهاز بل عبر طبقات منظمة تضمن الأمان.مقارنةاقرأ
10. أذونات التطبيقات والخصوصية: لماذا يطلب التطبيق إذنًا؟ ومتى نرفض؟App Permissions and Privacyكل تطبيق يحتاج إذنًا صريحًا للوصول إلى خصائص حساسة كالكاميرا والميكروفون والموقع وجهات الاتصال. والتطبيق الموثوق يشرح سبب حاجته لكل إذن قبل طلبه، ويمكن للمستخدم مراجعة الأذونات وسحبها من الإعدادات.مقارنةاقرأ
11. أنظمة تشغيل الأجهزة المحمولة: iOS وAndroid وJava ME وتطبيقات الويب وكيف تختارMobile Operating Systemsنظام التشغيل هو البرنامج الأساسي الذي يدير وظائف الجهاز. أربعة خيارات لتطوير تطبيق: iOS (أمان وتكامل لكنه حصري لـApple)، وAndroid (انتشار عالمي ومرونة لكن تجزؤ التحديثات)، وJava ME (قديم خفيف)، وتطبيقات الويب (تعمل على كل جهاز عبر المتصفح بقيود).مقارنةاقرأ
12. تطبيق الهاتف مقابل تطبيق سطح المكتب: الفروق في الشاشة والإدخال والوظائف والاستخدامMobile vs Desktop Appsتطبيق الهاتف يعمل على شاشة صغيرة باللمس والصوت وخصائص كالكاميرا وGPS ويُستخدم في جلسات قصيرة متنقلة، أما تطبيق سطح المكتب فشاشة كبيرة ولوحة مفاتيح وفأرة وأداء أعلى وقوائم أكثر ويُستخدم لجلسات طويلة.مقارنةاقرأ
13. المتطلبات الوظيفية وغير الوظيفية للتطبيق: الفرق وأمثلةFunctional vs Non-Functional Requirementsالمتطلبات الوظيفية تصف ماذا يفعل التطبيق (إنشاء حساب، تسجيل دخول، إرسال طلب)، وغير الوظيفية تصف كيف يجب أن يعمل (سرعة، وضوح، حفظ بيانات، توافق، إتاحة وصول، رسائل خطأ واضحة).مقارنةاقرأ
14. شخصية المستخدم وقصص المستخدم: كيف نترجم احتياجات الناس إلى وظائف؟User Personas and User Storiesشخصية المستخدم وصف تخيلي لمستخدم يمثل فئة حقيقية ليفكر الفريق من وجهة نظره، وقصة المستخدم جملة قصيرة بصيغة «بصفتي ... أريد ... لكي ...» تحول الحاجة إلى وظيفة داخل التطبيق.مقارنةاقرأ
15. إتاحة الوصول في تصميم التطبيقات: الرؤية والسمع والحركة والفهمAccessibility in App Designإتاحة الوصول تعني أن يكون التطبيق قابلًا للاستخدام من أكبر عدد ممكن، بمن فيهم أصحاب الصعوبات البصرية والسمعية والحركية والمعرفية: تباين جيد وتكبير نص ووصف للصور، ونص بديل للصوت والفيديو، وأزرار كبيرة ومتباعدة، ولغة واضحة وخطوات قصيرة.مقارنةاقرأ
16. وثيقة تصميم التطبيق: مكوناتها وقائمة الفحص قبل الاعتماد وأخطاء يجب تجنبهاApp Design Documentوثيقة التصميم ملف منظم يشرح فكرة التطبيق ومستخدميه ووظائفه وشكل واجهاته وطريقة عمله قبل البرمجة، فتوحّد فهم المصممين والمبرمجين وأصحاب المشروع. مكوناتها: وصف مختصر، الجمهور، المتطلبات الوظيفية وغير الوظيفية، مخططات الواجهة، وتدفق المستخدم.مقارنةاقرأ
17. اختيار المنصة المناسبة للتطبيق والتوافق مع الأجهزة المختلفةChoosing the App Platformقبل التصميم نحدد أين سيعمل التطبيق: هاتف ذكي، حاسوب، متصفح، جهاز لوحي، أو أكثر من منصة. وتحدد المنصة نوع المستخدمين وطبيعة التطبيق والاتصال بالإنترنت والميزانية وسهولة التحديث، ويجب مراعاة اختلاف أحجام الشاشات والأنظمة وسرعة الجهاز.مقارنةاقرأ
18. مبادئ تصميم الواجهة: الوضوح والثبات وتقليل الخطوات والتغذية الراجعة ومنع الأخطاءUI Design Principlesستة مبادئ لواجهة سهلة الاستخدام: الوضوح، والثبات، وتقليل الخطوات، والتغذية الراجعة، ومنع الأخطاء قدر الإمكان، ودعم إتاحة الوصول. وتُراجع جودة التصميم بأسئلة عن وضوح الشاشات والأزرار وعدد الخطوات والرسائل وسهولة القراءة والتوافق مع الهاتف.مقارنةاقرأ
19. الفرق بين تجربة المستخدم (UX) وواجهة المستخدم (UI)UX vs UIتجربة المستخدم هي شعوره أثناء استخدام التطبيق: هل وصل لهدفه بسهولة؟ هل فهم الخطوات؟ وواجهة المستخدم هي العناصر التي يراها ويتعامل معها: الأزرار والقوائم والألوان والنصوص والصور ومربعات الإدخال وشريط التنقل. واجهة مرتبة تساعد على تجربة أفضل.مقارنةاقرأ
20. خريطة التطبيق والمخطط الشبكي والنموذج الأولي ودليل النمطApp Map, Wireframe, Prototype and Style Guideخريطة التطبيق تبين الشاشات والعلاقة بينها، والمخطط الشبكي رسم أولي لأماكن العناصر دون اهتمام بالجماليات، والنموذج الأولي نسخة تجريبية توضح التنقل بين الشاشات وقد تكون بلا برمجة، ودليل النمط قواعد توحّد شكل التطبيق.مقارنةاقرأ
21. الرمز الزائف وبنى التحكم: التسلسل والشرط والتكرار في منطق التطبيقPseudocode and Control Structuresقبل كتابة الكود نمثّل منطق التطبيق بمخطط انسيابي أو رمز زائف (Pseudocode): لغة قريبة من العادية بلا قواعد لغة برمجة محددة. وتحدد بنى التحكم طريقة انتقال البرنامج بين الخطوات: التسلسل، والشرط، والتكرار.مقارنةاقرأ
22. التحقق من صحة البيانات في التطبيقات: قواعد الحقول ورسائل الخطأ الجيدةInput Validation in Appsالتحقق من صحة البيانات يتأكد أن ما أدخله المستخدم مناسب قبل استخدامه أو حفظه، فيقلل الأخطاء ويحمي التطبيق من بيانات ناقصة أو غير منطقية. ولكل حقل قاعدة (مثل: الاسم لا يترك فارغًا، الهاتف 10 أرقام) مع رسالة خطأ تساعد على التصحيح.مقارنةاقرأ

الدروس المصوّرة

• مدخل إلى التطبيقات (الصف العاشر) — المقدمة

  مدخل إلى التطبيقات — المقدمة · 6:12

  YouTube

• مدخل إلى التطبيقات (الصف العاشر) — الحصة الأولى

  مدخل إلى التطبيقات — الحصة الأولى · 21:21

  YouTube

• مدخل إلى التطبيقات (الصف العاشر) — الحصة الثانية

  مدخل إلى التطبيقات — الحصة الثانية · 27:36

  YouTube

• مدخل إلى التطبيقات (الصف العاشر) — الحصة الثالثة

  مدخل إلى التطبيقات — الحصة الثالثة · 22:46

  YouTube

• المهمة الرسمية في مدخل إلى التطبيقات (الصف العاشر)

  مدخل إلى التطبيقات — المهمة الرسمية · 15:32

  YouTube

الملفات التعليمية

• مدخل إلى التطبيقات — ملف الشرح (الصف العاشر)

  ملف شرح لطلبة الصف العاشر عن أنواع التطبيقات، ودورة تطويرها، وخصائص التطبيقات الجيدة.

  تحميل PDF (600 KB)

• مقدمة إلى التطبيقات: تصميم ومتطلبات — ورقة عمل (الصف العاشر)

  ورقة عمل لطلبة الصف العاشر حول المتطلبات الوظيفية وغير الوظيفية، وقصص المستخدم، والنماذج الأولية.

  تحميل PDF (1.4 MB)