برمجة تطبيق الهاتف المحمول - هندسة البرمجيات - ثالث ثانوي

الدرس الثالث: برمجة تطبيق الهاتف المحمول

تطبيقات البرمجة في مخترع التطبيقات Programming Applications in App Inventor

شرح تطبيقات البرمجة في مخترع التطبيقات Programming Applications in App Inventor

القوائم في مخترع التطبيقات

شرح القوائم في مخترع التطبيقات

المتغيرات في مخترع التطبيقات

شرح المتغيرات في مخترع التطبيقات
الدرس الثالث: برمجة تطبيق الهاتف المحمول

مكون قائمة الخيارات The ListPicker Component

شرح مكون قائمة الخيارات The ListPicker Component

إرسال المتغيرات إلى شاشة أخرى Sending Variables to Another Screen

شرح إرسال المتغيرات إلى شاشة أخرى Sending Variables to Another Screen

العبارات الشرطية If في مخترع التطبيقات Conditional If Statements in App Inventor

شرح العبارات الشرطية If في مخترع التطبيقات Conditional If Statements in App Inventor
الدرس الثالث: برمجة تطبيق الهاتف المحمول

مكون ترتيب التمرير العمودي The VerticalScrollArrangement Component

شرح مكون ترتيب التمرير العمودي The VerticalScrollArrangement Component

مكون الترتيب الأفقي The HorizontalArrangement Component

شرح مكون الترتيب الأفقي The HorizontalArrangement Component

برمجة الشاشة الرئيسة Programming the Home Screen

شرح برمجة الشاشة الرئيسة Programming the Home Screen

برمجة أزرار دعم اللغة Programming Language Support Buttons

شرح برمجة أزرار دعم اللغة Programming Language Support Buttons
الدرس الثالث: برمجة تطبيق الهاتف المحمول

الخطوة الثانية لبرمجة أزرار دعم اللغة Programming Language Support Buttons

شرح الخطوة الثانية لبرمجة أزرار دعم اللغة Programming Language Support Buttons
الدرس الثالث: برمجة تطبيق الهاتف المحمول

برمجة أزرار الشاشة الرئيسة

شرح برمجة أزرار الشاشة الرئيسة

البرنامج بأكمله للشاشة الأولى (شاشة 1) The Complete Code for the First Screen (Screen1)

شرح البرنامج بأكمله للشاشة الأولى (شاشة 1) The Complete Code for the First Screen (Screen1)
الدرس الثالث: برمجة تطبيق الهاتف المحمول

برمجة شاشة المدن Programming the Cities Screen

شرح برمجة شاشة المدن Programming the Cities Screen

إنشاء المحتوى الخاص بقائمة الخيارات Creating the Content for the ListPicker

شرح إنشاء المحتوى الخاص بقائمة الخيارات Creating the Content for the ListPicker
الدرس الثالث: برمجة تطبيق الهاتف المحمول

إنشاء قوائم المحتوى

شرح إنشاء قوائم المحتوى

لتحديد محتوى القائمة

شرح لتحديد محتوى القائمة
الدرس الثالث: برمجة تطبيق الهاتف المحمول

الخطوة الأولى لتحديد محتوى القائمة

شرح الخطوة الأولى لتحديد محتوى القائمة
الدرس الثالث: برمجة تطبيق الهاتف المحمول

الخطوة الثانية لتحديد محتوى القائمة

شرح الخطوة الثانية لتحديد محتوى القائمة
الدرس الثالث: برمجة تطبيق الهاتف المحمول

الخطوة الثالثة لتحديد محتوى القائمة

شرح الخطوة الثالثة لتحديد محتوى القائمة
الدرس الثالث: برمجة تطبيق الهاتف المحمول

تهيئة محتوى ListPicker (قائمة الخيارات)

شرح تهيئة محتوى ListPicker (قائمة الخيارات)

فتح صفحة جديدة من قائمة الخيارات Opening a New Page from the ListPicker

شرح فتح صفحة جديدة من قائمة الخيارات Opening a New Page from the ListPicker

للحصول على اسم الصفحة الجديدة للمعلم من التحديد ListPicker (قائمة الخيارات)

الدرس الثالث: برمجة تطبيق الهاتف المحمول

الخطوة الثانية للحصول على اسم الصفحة الجديدة للمعلم من التحديد ListPicker (قائمة الخيارات)

شرح الخطوة الثانية للحصول على اسم الصفحة الجديدة للمعلم من التحديد ListPicker (قائمة الخيارات)
الدرس الثالث: برمجة تطبيق الهاتف المحمول

تحديد الصفحة من ListPicker (قائمة الخيارات)

شرح تحديد الصفحة من ListPicker (قائمة الخيارات)

فتح الصفحة المناسبة لاختيار قائمة الخيارات

شرح فتح الصفحة المناسبة لاختيار قائمة الخيارات
الدرس الثالث: برمجة تطبيق الهاتف المحمول

الخطوة الأولى فتح الصفحة المناسبة لاختيار قائمة الخيارات

شرح الخطوة الأولى فتح الصفحة المناسبة لاختيار قائمة الخيارات
الدرس الثالث: برمجة تطبيق الهاتف المحمول

فتح الصفحة المناسبة من التحديد ListPicker (قائمة الخيارات)

شرح فتح الصفحة المناسبة من التحديد ListPicker (قائمة الخيارات)
الدرس الثالث: برمجة تطبيق الهاتف المحمول

البرنامج بأكمله للشاشة الثانية (المدن) The Complete Code for the Second Screen (Cities)

شرح البرنامج بأكمله للشاشة الثانية (المدن) The Complete Code for the Second Screen (Cities)

برمجة شاشة معلم (المصمك ) Programming the Highlight Screen (Al Masmak)

شرح برمجة شاشة معلم (المصمك ) Programming the Highlight Screen (Al Masmak)

تغيير اللغة ديناميكيا لصفحة المعلم Dynamically Changing the Language for the Highlight Page

شرح تغيير اللغة ديناميكيا لصفحة المعلم Dynamically Changing the Language for the Highlight Page
الدرس الثالث: برمجة تطبيق الهاتف المحمول

لتغيير اللغة ديناميكيا

شرح لتغيير اللغة ديناميكيا
الدرس الثالث: برمجة تطبيق الهاتف المحمول

الخطوة الثانية لتغيير اللغة ديناميكيا

شرح الخطوة الثانية لتغيير اللغة ديناميكيا
الدرس الثالث: برمجة تطبيق الهاتف المحمول

الخطوة الرابعة لتغيير اللغة ديناميكيا

شرح الخطوة الرابعة لتغيير اللغة ديناميكيا
الدرس الثالث: برمجة تطبيق الهاتف المحمول

الخطوة السابعة لتغيير اللغة ديناميكيا

شرح الخطوة السابعة لتغيير اللغة ديناميكيا
الدرس الثالث: برمجة تطبيق الهاتف المحمول

الخطوة التاسعة لتغيير اللغة ديناميكيا

شرح الخطوة التاسعة لتغيير اللغة ديناميكيا
الدرس الثالث: برمجة تطبيق الهاتف المحمول

الخطوة العاشرة لتغيير اللغة ديناميكيا

شرح الخطوة العاشرة لتغيير اللغة ديناميكيا
الدرس الثالث: برمجة تطبيق الهاتف المحمول

برمجة الخريطة التفاعلية Programming the Interactive Map

شرح برمجة الخريطة التفاعلية Programming the Interactive Map
الدرس الثالث: برمجة تطبيق الهاتف المحمول

الخطوة الثالثة لبرمجة الخريطة التفاعلية Programming the Interactive Map

شرح الخطوة الثالثة لبرمجة الخريطة التفاعلية Programming the Interactive Map
الدرس الثالث: برمجة تطبيق الهاتف المحمول

الخطوة الخامسة لبرمجة الخريطة التفاعلية Programming the Interactive Map

شرح الخطوة الخامسة لبرمجة الخريطة التفاعلية Programming the Interactive Map
الدرس الثالث: برمجة تطبيق الهاتف المحمول

البرنامج بشكله النهائي للشاشة الثالثة (المصمك ) The Complete Code for the Third Screen (Al Masmak)

شرح البرنامج بشكله النهائي للشاشة الثالثة (المصمك ) The Complete Code for the Third Screen (Al Masmak)
الدرس الثالث: برمجة تطبيق الهاتف المحمول

اختبار التطبيق في المحاكي

شرح اختبار التطبيق في المحاكي
الدرس الثالث: برمجة تطبيق الهاتف المحمول

وضح كيف يتيح المكونان HorizontalArrangement (الترتيب الأفقي) و VerticalArrangement (الترتيب العمودي) إمكانية تشكيل تخطيط الصفحة

حل وضح كيف يتيح المكونان HorizontalArrangement (الترتيب الأفقي) و VerticalArrangement (الترتيب العمودي) إمكانية تشكيل تخطيط الصفحة

أضف زري انتقال جديدين في كل صفحة، وبرمجهما بحيث ينقل أحدهما المستخدم إلى الشاشة الرئيسة، وينقله الآخر إلى الشاشة السابقة.

حل أضف زري انتقال جديدين في كل صفحة، وبرمجهما بحيث ينقل أحدهما المستخدم إلى الشاشة الرئيسة، وينقله الآخر إلى الشاشة السابقة.

أضف صفًا إضافيًا يحتوي على أزرار لتبديل اللغة من الإنجليزية إلى العربية في كل صفحة عدل برمجة كل صفحة لتنفيذ هذه العملية

حل أضف صفًا إضافيًا يحتوي على أزرار لتبديل اللغة من الإنجليزية إلى العربية في كل صفحة عدل برمجة كل صفحة لتنفيذ هذه العملية

أضف معالم أخرى بارزة لكل مدينة في تطبيقك وأنشئ المزيد من الصفحات لكل معلم ابحث في الإنترنت عن المعلومات والصور حول كل معلم جديد.

حل أضف معالم أخرى بارزة لكل مدينة في تطبيقك وأنشئ المزيد من الصفحات لكل معلم ابحث في الإنترنت عن المعلومات والصور حول كل معلم جديد.
الدرس الثالث: برمجة تطبيق الهاتف المحمول

في الصفحة الخاصة بالمعلم أضف label تسمية جديدة تعرض الإحداثيات الخاصة بمكون الخريطة التفاعلية. يمكنك العثور على خصائص هذه الإحداثيات بالضغط على مكون map (الخريطة) من صفحة اللبنات البرمجية.

حل في الصفحة الخاصة بالمعلم أضف label تسمية جديدة تعرض الإحداثيات الخاصة بمكون الخريطة التفاعلية. يمكنك العثور على خصائص هذه الإحداثيات بالضغط على مكون map (الخريطة) من صفحة اللبنات البرمجية.

في الصفحة الخاصة بالمعلم، أضف زرين جديدين يمكنان المستخدم من اختيار نوع الخريطة التفاعلية الذي يفضله من بين النوعين: (Aerial) العرض الجوي و ( Road views) عرض الشوارع.

حل في الصفحة الخاصة بالمعلم، أضف زرين جديدين يمكنان المستخدم من اختيار نوع الخريطة التفاعلية الذي يفضله من بين النوعين: (Aerial) العرض الجوي و ( Road views) عرض الشوارع.