إضافة مكون Map (الخريطة) - كتاب هندسة البرمجيات - الصف 12 - الفصل 1 - المملكة العربية السعودية

148 --- SECTION: شكل 3.31: إضافة زر Map (الخريطة) --- شكل 3.31: إضافة زر Map (الخريطة) --- SECTION: لإضافة مكون Map (الخريطة): --- لإضافة مكون Map (الخريطة): من مجموعة Maps (الخرائط)، حدد المكون Map (خريطة) 1 ، وضعه ضمن HorizontalArrangement1 (الترتيب الأفقي1) 2 . اضبط خاصية Height (الارتفاع) إلى Fill parent (تعبئة المساحة) 3 وخاصية Width (العرض) إلى Fill parent (تعبئة المساحة) 4 . ألغ تحديد خاصية Visible (مرئي) 5 . اضبط خاصية ZoomLevel (مستوى التكبير) إلى الرقم 16 6 . --- SECTION: وزارة التعليم --- وزارة التعليم Ministry of Education 2025 - 1447 --- VISUAL CONTEXT --- **FIGURE**: MIT App Inventor Interface for Visit_SA_App Description: A detailed screenshot of the MIT App Inventor development environment, showing the 'Visit_SA_App' project. The interface is structured into several panels: Palette, Viewer, Components, and Properties. Blue numbered circles (1-5) highlight specific areas within the screenshot. Top Bar: Displays 'MIT APP INVENTOR', project management options ('Projects', 'Connect', 'Build', 'Settings', 'Help', 'My Projects', 'View Trash', 'Guide', 'Report an Issue'), language selection ('English'), user email ('khaled.bl@gmail.com'), and view modes ('Designer', 'Blocks'). Project Tab: 'Visit_SA_App' with sub-tabs 'AlMasmak', 'Add Screen', 'Remove Screen', 'Publish to Gallery'. Palette (left panel): Lists various UI components and categories. Categories include 'User Interface' (containing 'Button', 'CheckBox', 'DatePicker', 'Image', 'Label', 'ListPicker', 'ListView', 'Notifier', 'PasswordTextBox', 'Slider', 'Spinner', 'Switch', 'TextBox', 'TimePicker', 'WebView'), 'Layout', 'Media', 'Drawing and Animation', 'Maps', 'Charts', 'Sensors', 'Social', 'Storage', and 'Connectivity'. Blue circle 1 points to the 'Button' component under 'User Interface'. Viewer (center panel): Displays a phone emulator showing the current state of the 'Visit_SA_App'. The phone's status bar shows '9:48'. The app screen displays 'Discover Saudi Arabia', 'Al Masmak', an image of a historical building, 'Text for Label!', and a button with a map icon. Components (right-top panel): Shows the hierarchical structure of components used in the app: 'AlMasmak', 'discover_label', 'VerticalArrangement1' (which contains 'title_label', 'image', 'description_label'), and 'HorizontalArrangement1' (which contains 'map_button'). Blue circle 2 points to 'map_button' under 'HorizontalArrangement1'. Properties (right-bottom panel): Displays the properties for the selected component, which is 'map_button'. Properties listed include 'BackgroundColor' (value: 'None'), 'Enabled' (checked), 'FontBold' (unchecked), 'FontItalic' (unchecked), 'FontSize' (value: '14.0'), 'FontTypeface' (value: 'default'), 'Height' (value: 'Automatic'), 'Width' (value: 'Automatic'), 'Image' (value: 'map_icon.png'), 'Shape' (value: 'default'), 'ShowFeedback' (checked), 'Text' (empty), 'TextAlignment' (value: 'center: 1'), 'TextColor' (value: 'Default'), and 'Visible' (checked). Blue circle 3 points to the 'BackgroundColor' property. Blue circle 4 points to the 'Text' property. Blue circle 5 points to the 'Image' property, showing 'map_icon.png'. Media (below Properties): Lists media assets: 'welcome-screen.png', 'riyadh_nav-img.png', 'jeddah_nav-img.png', 'al_masma_sized.jpg', 'map_icon.png', and an 'Upload File' button. Key Values: MIT APP INVENTOR, Projects, Connect, Build, Settings, Help, My Projects, View Trash, Guide, Report an Issue, English, khaled.bl@gmail.com, Designer, Blocks, Visit_SA_App, AlMasmak, Add Screen, Remove Screen, Publish to Gallery, Search Components, User Interface, Button, CheckBox, DatePicker, Image, Label, ListPicker, ListView, Notifier, PasswordTextBox, Slider, Spinner, Switch, TextBox, TimePicker, WebView, Layout, Media, Drawing and Animation, Maps, Charts, Sensors, Social, Storage, Connectivity, Display hidden components in Viewer, Phone size (505,320), Discover Saudi Arabia, Al Masmak, Text for Label!, 9:48, discover_label, VerticalArrangement1, title_label, description_label, HorizontalArrangement1, map_button, BackgroundColor, None, Enabled, FontBold, FontItalic, FontSize, 14.0, FontTypeface, default, Height, Automatic, Width, Image, map_icon.png, Shape, ShowFeedback, Text, TextAlignment, center: 1, TextColor, Default, Visible, welcome-screen.png, riyadh_nav-img.png, jeddah_nav-img.png, al_masma_sized.jpg, Upload File Context: This figure illustrates the user interface of MIT App Inventor, demonstrating how to select and configure components for a mobile application. It specifically highlights the process of adding and customizing a map-related button or component by pointing to relevant UI elements and property settings, which directly corresponds to the instructional text on the page. **IMAGE**: وزارة التعليم logo Description: Logo of the Ministry of Education, Saudi Arabia, featuring a stylized green design composed of multiple dots forming a larger pattern. The logo includes text in both Arabic and English. The Arabic text reads 'وزارة التعليم' (Ministry of Education) and the English text reads 'Ministry of Education 2025 - 1447'. Key Values: وزارة التعليم, Ministry of Education, 2025 - 1447 Context: This is a standard footer element indicating the publisher or endorsing body of the textbook, providing copyright or publication year information.