واجهة مخترع التطبيقات - كتاب هندسة البرمجيات - الصف 12 - الفصل 1 - المملكة العربية السعودية

--- SECTION: واجهة مخترع التطبيقات The App Inventor Interface --- واجهة مخترع التطبيقات The App Inventor Interface يتم تقسيم واجهة مخترع التطبيقات إلى قسمين: القسم الأول خاص بالتصميم، بينما القسم الآخر مخصص للبنات البرمجية. يمكن الوصول إلى هذين القسمين بالتبديل بين خياري Designer (المصمم) و Blocks (اللبنات البرمجية) من أعلى يمين الشاشة. قسم المصمم هو المكان الذي تدرج فيه المكونات في الشاشة وتغير خصائصها الأساسية، أما قسم اللبنات البرمجية فهو المكان الذي تقوم فيه ببرمجة تلك المكونات. زر Designer (المصمم). قسم Components (المكونات) هو المكان الذي يتم فيه عرض جميع العناصر التي تستخدمها في المشروع. اسم المشروع. زر Blocks (اللبنات البرمجية). تستخدم Properties (الخصائص) لتغيير خصائص العناصر المضافة إلى شاشة التطبيق. User Interface components (مكونات واجهة المستخدم). Viewer (العارض) هو مساحة العمل لإضافة الأدوات ومعاينة مظهرها في التطبيق. --- SECTION: شكل 3.4: واجهة المصمم في مخترع التطبيقات --- شكل 3.4: واجهة المصمم في مخترع التطبيقات وزارة التعليم Ministry of Education 119 2025 - 1447 --- VISUAL CONTEXT --- **DIAGRAM**: واجهة المصمم في مخترع التطبيقات Description: A screenshot of the MIT App Inventor Designer interface, showing various panels and components for mobile application development. The interface is divided into several sections: a top menu bar, a left-hand 'Palette' panel, a central 'Viewer' panel displaying a phone emulator, a 'Components' panel, and a 'Properties' panel on the right. Data: The diagram shows the visual layout of the App Inventor Designer. The 'Palette' lists UI components (Button, CheckBox, DatePicker, Image, Label, ListView, Notifier, PasswordTextBox, Slider, Spinner, Switch, TextBox, TimePicker, WebViewer) and other categories (Layout, Media, Drawing and Animation, Maps, Charts, Sensors, Social, Storage, Connectivity, LEGO® MINDSTORMS®). The 'Viewer' displays a simulated phone screen labeled 'Screen1' with a time '9:48'. The 'Components' section lists 'Screen1' and 'AboutScreen'. The 'Properties' section shows various editable properties for 'Screen1' such as AccentColor, AboutScreen, BackgroundColor, BackgroundImage, BigDefaultText, BlocksToolkit, CloseScreenAnimation, DefaultFileScope, HighContrast, Icon, OpenScreenAnimation, PrimaryColor, PrimaryColorDark, ScreenOrientation, Scrollable. The top bar includes project management options (Projects, Connect, Build, Settings, Help, My Projects, View Trash, Guide, Report an issue, English, gkhaled.tr@gmail.com) and buttons to switch between 'Designer' and 'Blocks' views. The project name 'Visit_SA_App' is visible. Key Values: Project Name: Visit_SA_App, Palette - User Interface components: Button, CheckBox, DatePicker, Image, Label, ListView, Notifier, PasswordTextBox, Slider, Spinner, Switch, TextBox, TimePicker, WebViewer, Palette - Other categories: Layout, Media, Drawing and Animation, Maps, Charts, Sensors, Social, Storage, Connectivity, LEGO® MINDSTORMS®, Viewer - Phone size: (505,320), Viewer - Screen content: Screen1, 9:48, Components list: Screen1, AboutScreen, Properties for Screen1: AccentColor, AboutScreen, BackgroundColor, BackgroundImage, BigDefaultText, BlocksToolkit, CloseScreenAnimation, DefaultFileScope, HighContrast, Icon, OpenScreenAnimation, PrimaryColor, PrimaryColorDark, ScreenOrientation, Scrollable, Top menu options: Projects, Connect, Build, Settings, Help, My Projects, View Trash, Guide, Report an issue, English, gkhaled.tr@gmail.com, View switch buttons: Designer, Blocks, Screen management buttons: Screen1, Add Screen, Rename Screen, Publish to Gallery, Media management: Upload File, Rename, Delete Context: This diagram is central to understanding the App Inventor interface, illustrating where users can select and add user interface components, view the application's layout on a simulated device, and modify the properties of selected components. It visually supports the textual explanation of the Designer and Blocks sections.