- App Inventor немесе Thunkable бағдарламасында пайдалануға болатын әр түрлі компоненттерді қарап шығу
- Бағдарламаға көмектесетін бір компонентті табу
- Бағдарламаға кемінде бір компонентті оқулық пен кодты зерттеу
Бұл сабаққа арналған іс-шаралар:
СМАРТФОН КОМПОНЕНТТЕРІ
Қолданбаңыз пайдаланғыңыз келетін кейбір сенсорларды қамтитын құрамдастарды таңдау және кодтау уақыты келді. Қол жетімді әртүрлі құрамдас бөліктер қолданбаңызға әртүрлі әрекеттерді орындауға мүмкіндік береді – өзіңізге сәйкес келетінін таңдағаныңызға сенімді болыңыз!
Бұл сабақ бағдарламаңызда пайдалануға болатын көптеген компоненттер туралы білуге арналған сілтеме болып табылады.
Сіз платформаңызды қазір таңдаған шығарсыз, бірақ қол жетімді компоненттерді білу үшін App Inventor және Thunkable үшін барлық компоненттерді тізімдейміз.
Бағдарлама үшін жоспарлаған мүмкіндіктерді іске асыру үшін пайдалануға болатын компоненттерді іздеңіз.

САНАТТАР БОЙЫНША КОМПОНЕНТТЕР ТІЗІМІ
Одан кейінгі компоненттер пайдаланушыға бағдарламамен өзара әрекеттесуге мүмкіндік беретін стандартты User Interface компоненттерінен тыс болып табылады.
Бұл толық тізім емес, қазіргі қол жетімді компоненттердің көпшілігін қамтиды. Thunkable және App Inventor қосымша мүмкіндіктер мен компоненттерді үнемі қосуды жалғастыруда.
Төмендегі ақпарат осы құжатта да бар.
Мүмкіндік сипаттамасы | Қолданба өнертапқышы | Thunkable |
---|---|---|
Пайдаланушыға бейнелерді түсіруге мүмкіндік береді. Оны әлеуметтік бағдарламаларға, бейнені ортақ пайдалану бағдарламаларына немесе пайдаланушыңыз бейнені жазып алғыңыз келетін кез келген уақытта пайдалануға болады. | Бейнекамера | Камера |
Пайдаланушыға суретке түсуге мүмкіндік береді. Бұл пайдаланушыларға профиль суреттерін орнатуға немесе ортақ пайдалану немесе галереяға сақтау үшін суреттерді түсіруге мүмкіндік беретін бағдарламалар үшін пайдалы болуы мүмкін. | Камера | Камера |
Пайдаланушыға суретті өздерінің фотокітапханасынан таңдауға мүмкіндік береді. Бұл пайдаланушыларға бағдарламаңызды пайдаланудан тыс түсірілген фотосуреттерді таңдауға мүмкіндік береді. | ImagePicker | Файлдар (фотокітапхана) |
Пайдаланушы баса алатын бағдарламаға бейнені ендіруге мүмкіндік береді. Бейне .wmv, .3gp немесе .mp4 болуы және 1Мб-тан үлкен болмауы тиіс. | VideoPlayer | Бейне |
Мәтінді басқа тілге аударуға мүмкіндік береді. Ол бағдарламаңыз сыртқы аударма қызметтеріне сүйенетіндіктен интернетке қатынасу мүмкіндігінің болуын талап етеді. | Аудармашы | Сөйлеу |
Пайдаланушыға дыбысты немесе шуды жазуға мүмкіндік береді. | SoundRecorder | Дыбыс |
Бұл аудио компонент дыбысты ойнайды. Бұл ән, сөз, не өлең сияқты «ұзын» дыбыстар үшін жақсы жұмыс істейді. Thunkable бір ғана компоненті бар, Дыбыс, кез келген ұзындық дыбысы үшін. | Ойыншы | Дыбыс |
Player компонентіне өте ұқсас, бірақ «dings» хабарламасы сияқты қысқа дыбыстар үшін жақсы. | Дыбыс | Дыбыс |
Пайдаланушының сөзін мәтінге аударады. Бұл әсіресе дауыссыз қоңырау шалу мүмкіндіктерін қажет ететін қолданбалар үшін пайдалы. | SpeechRecognizer | Сөйлеу |
Бұл компонент SpeechRecorder реверс жасайды; ол пайдаланушыларға мәтінді енгізуге мүмкіндік береді және бағдарлама оны дауыстап оқиды. | TextToSpeech | Сөйлеу |
Бағдарламаңызда JSON анимациясын ойнатуды жасауға болады. | Қол жетімді емес | Анимация |
Мүмкіндік сипаттамасы | Қолданба өнертапқышы | Thunkable |
---|---|---|
Пайдаланушы контактілерін көрсетеді және пайдаланушыларға сол тізімнен біреуді таңдауға мүмкіндік береді. | ContactPicker | Қол жетімді емес |
Пайдаланушының контактілер тізімінен электрондық пошта мекенжайын енгізуге мүмкіндік береді. | EmailPicker | Қол жетімді емес |
Пайдаланушыға телефонның контактілер тізімінен телефон нөмірін таңдауға мүмкіндік береді. | PhoneNumberPicker | Қол жетімді емес |
Пайдаланушы баса алатын бағдарламаға бейнені ендіруге мүмкіндік береді. Бейне .wmv, .3gp немесе .mp4 болуы және 1Мб-тан үлкен болмауы тиіс. | VideoPlayer | Бейне |
Пайдаланушыға бағдарламадан телефон қоңырауын шалуға мүмкіндік береді. | PhoneCall | Бөлісу |
Пайдаланушыға бағдарлама арқылы басқа пайдаланушының телефонына мәтіндік хабарлама жіберуге мүмкіндік береді. | Мәтін жазу | Бөлісу |
Бұл аудио компонент дыбысты ойнайды. Бұл ән, сөз, не өлең сияқты «ұзын» дыбыстар үшін жақсы жұмыс істейді. Thunkable бір ғана компоненті бар, Дыбыс, кез келген ұзындық дыбысы үшін. | Ойыншы | Дыбыс |
Пайдаланушыларға бағдарламадағы хабарларды, суреттерді немесе басқа мазмұнды электрондық пошта және хабар алмасу сияқты пайдаланушы телефонындағы басқа бағдарламалармен ортақ пайдалану мүмкіндігін береді. | Ортақ пайдалану | Бөлісу |
Бағдарлама мен Twitter арасында байланыс орнатуға мүмкіндік береді. Пайдаланушылар твиттерді іздеп, хабарларды жіберіп, қабылдай алады, ізбасарларының тізімін және т.б. ала алады. | Қол жетімді емес | |
Thunkable қолданбаңызға жарнамалар қосуға мүмкіндік береді. Барлық қолданбаларды жүктеп алу немесе жариялау үшін алдымен Thunkable мақұлдау керек. | Қол жетімді емес | Жарнамалар |
Мүмкіндік сипаттамасы | Қолданба өнертапқышы | Thunkable |
---|---|---|
Бағдарламаңызға Камера немесе Google Maps сияқты басқа бағдарламаларды немесе телефонда орнатылған пайдаланушы жасаған бағдарламаларды іске қосуға мүмкіндік беріңіз. | БелсенділікЖұлдызы | Сілтемені ашу (Басқару блогы) |
Картаны бағдарламаға енгізуге мүмкіндік береді. Бағдарлама өнертапқышы картаға қосуға болатын Маркерлер мен кескіндер сияқты компоненттерді қамтиды. Бұл мүмкіндіктер Thunkable бағдарламасында кодпен қосылады. | Карталар | Карталар |
Пайдаланушыларға веб-беттерді бағдарлама ішінде көруге мүмкіндік береді. | WebViewer | Web Viewer |
Бағдарламаңызға сыртқы веб-сайттарға және кері ақпарат жіберуге және алуға мүмкіндік береді. | Web | Web API |
Пайдаланушыға бағдарламадан телефон қоңырауын шалуға мүмкіндік береді. | PhoneCall | Бөлісу |
Бұл компоненттер бағдарламаңызды Bluetooth құрылғыларымен қосуға мүмкіндік береді. | Bluetooth клиенті, Bluetooth сервері, BlueToothLE (кеңейтім) | Bluetooth төмен энергиясы |
Бұл аудио компонент дыбысты ойнайды. Бұл ән, сөз, не өлең сияқты «ұзын» дыбыстар үшін жақсы жұмыс істейді. Thunkable бір ғана компоненті бар, Дыбыс, кез келген ұзындық дыбысы үшін. | Ойыншы | Дыбыс |
Сыртқы көздерден (датчиктер, веб, деректер файлдары) деректерді жинау және оларды диаграмма түрінде көрсету үшін қолданылады. | Chart, ChartData2D | Қол жетімді емес |
Ардуино сияқты сериялық құрылғыларға қосылу үшін пайдалануға болады. | Сериялық | Қол жетімді емес |
Бағдарлама пайдаланушыларына пайдаланушы атымен және құпия сөзбен тіркелуге мүмкіндік береді. Бұл үшін алдымен Firebase тіркелгісін орнату қажет. | Қол жетімді емес | Кіру |
PDF файлын бағдарламаға ендіруге рұқсат беру | Қол жетімді емес | PDF оқу құралы |
Мүмкіндік сипаттамасы | Қолданба өнертапқышы | Thunkable |
---|---|---|
Телефонның дірілдеп тұрғанын және оның тік немесе төңкеріліп тұрғанын анықтай алады. Бұл мүмкіндік телефонның қалай ұстап тұрғанына жауап ретінде экранның бағытын өзгертуді қаласаңыз немесе қолданбаның дірілдегенге әрекет етуін қаласаңыз өте пайдалы. | AccelerometerSensor | Акселерометр |
Телефонды ұстап тұрған пайдаланушының қанша қадам жасайтынын өлшеу үшін акселерометр датчигін пайдаланады, сондай-ақ жүріп өткен қашықтықты бағалай алады. | Педометр | Қол жетімді емес |
Телефон еңкейіп жатқанын сезінуге болады. Ол акселерометрге қарағанда дәлірек және телефон бағдарының қаншалықты өзгергенін өлшей алады. | ГироскопСенсор | Гироскоп |
Магниттік флюс тығыздығын өлшеу үшін қолданылады. Барлық телефондар бұл мүмкіндікті қолдамайды. | MagneticFieldSensor | Магнитометр |
Бағдарламаға ағымдағы уақытты алуға немесе таймерді пайдалануға мүмкіндік береді. Бұл уақыт сигнализациясын орнату немесе таймерді пайдалану үшін пайдалы болуы мүмкін. | Сағат | Таймер |
Телефон орналасқан жердің ендігі мен ұзындығын жинайды. Бұл датчик пайдаланушының жанында қызықтыратын нүктелерді іздеу қажет болған кез келген уақытта пайдалы болуы мүмкін. | LocationSensor | Орын датчигі |
Телефон объектіге тікелей жақын екенін хабарлайды. Көбіне қолданушының құлағына жақын телефоны бар-жоқ екенін айту үшін қолданылады. Барлық телефондар бұл мүмкіндікті қолдай алмайды. | ЖақындықСенсор | Қол жетімді емес |
Бағдарламаға штрих-кодты оқуға мүмкіндік береді. | ШтрихкодСканнер | Камера |
Қоршаған ортаның ауа қысымын өлшейді. | Барометр | Қол жетімді емес |
Қоршаған ауаның салыстырмалы ылғалдылығын өлшейді. Мобильді құрылғылардың көпшілігі үшін жиі кездеседі. | Гигрометр | Қол жетімді емес |
Жарық деңгейін өлшейді. | LightSensor | Қол жетімді емес |
Бағдарламаңызға деректерді басқа NFC (Near-field Communication) - жабдықталған құрылғылармен ортақ пайдалану мүмкіндігін береді. | NearField | Қол жетімді емес |
Құрылғының физикалық бағдары туралы ақпаратты үш өлшемде қамтамасыз етеді: орам, қадам және азимут. | OrientationSensor | Қол жетімді емес |
Қоршаған ортаның (сыртқы) температурасын өлшейді. | Термометр | Қол жетімді емес |
Мүмкіндік сипаттамасы | Қолданба өнертапқышы | Thunkable |
---|---|---|
Бағдарламаны жаңартуға және сақтауға мүмкіндік беретін блок. Кез келген ақпарат бағдарлама жабылған кезде өшіріледі. | Айнымалы | бағдарлама айнымалысы |
Бағдарламаңызға мобильді құрылғыда ақпаратты жергілікті сақтауға және жаңартуға және оны бағдарлама ішінде пайдалануға мүмкіндік береді. Деректер бағдарламаны іске қосатындар арасында сақталуы және алынуы мүмкін. Thunkable бағдарламасында DataViewer және DataViewerGrid "Өз кестеңізді жасау" параметрін пайдаланып деректерді жергілікті жерде сақтай алады. | TinyDB | сақталған айнымалы DataViewer тізімі Деректерді қарау торы |
Бағдарламаны бұлтта деректерді сақтауға, шығарып алуға және жаңартуға мүмкіндік береді, осылайша деректерді бағдарламаның әр түрлі пайдаланушылары арасында ортақ пайдалану мүмкін болады. Thunkable Firebase көмегімен бұлтты айнымалыларды ұсынады. DataViewer және DataViewerGrid бағдарламаларын Airtable, Google Sheets және Webflow бағдарламаларымен байланыстыруға болады. App Inventor's Spreadsheet компонентінің сілтемелері Google Sheets. | CloudDB FirebaseDB Электрондық кесте | бұлт айнымалысы — (Firebase) DataViewer тізімі DataViewerGrid |
Мүмкіндік сипаттамасы | Қолданба өнертапқышы | Thunkable |
---|---|---|
AI чат ботымен, OpenAI ChatGPT-мен байланысуға мүмкіндік береді. | Чатбот | Ашық AI қызметтері (мәтінді аяқтау) |
Суреттерді жасау және өңдеу үшін DALL-E бағдарламасын бағдарламаға қосуға мүмкіндік береді. | Imagebot | Ашық AI қызметтері (кескін жасау) |
Машиналық оқытудың жеке моделін (кескін, дыбыс, позитив) жасауға және оны бағдарламада пайдалануға мүмкіндік береді. | PersonalImageClassifier PersonalAudioClassifier PoseNetExtension TeachableMachine (осылардың барлығы кеңейтілімді қосуды талап ететінін ескеріңіз) | Қол жетімді емес |
Мүмкіндік сипаттамасы | Қолданба өнертапқышы | Thunkable |
---|---|---|
Пайдаланушылар сурет сала алатын аймақты экранға қосады. Бұл жерде де анимация жасауға болатын сприттерді қосуға болады. | Canvas | Canvas |
Бұл компоненттер — ойын немесе анимация ішінде анимацияға және өзара әрекеттесуге болатын элементтер | ImageSprite Ball |
Сприт |
Бағдарлама өнертапқышының Құрастырушы терезесіне компоненттерді қосасыз. Компоненттерді көрсету үшін жәшіні ашу үшін палитрадағы санатты басу керек болады.

ӘРЕКЕТ: ЖАҢА КОМПОНЕНТТІ ҮЙРЕНУ
Ақпарат алу үшін компонентті таңдау
- Бағдарламаңызда пайдаланылатын кем дегенде бір компонентті немесе сенсорды таңдаңыз.
- Құрамдас бөлікті қолданбада пайдалану үшін құжаттаманы және/немесе оқулықты табыңыз. Мына жерден бастауға болады:
- Жаңа компонентті пайдаланып бағдарламаны кодтау
Тәлімгер Кеңесі
Үздік тәжірибелер: Сіз таңдаған компонент қолданбаңыз үшін тамаша болуы міндетті емес! Сіз жаңа компонент туралы үйреніп жатқанда, бұл маңызды. Тек жұмыс істеуі мүмкін деп ойлайтын нәрсені таңдаңыз және егер ол жұмыс істемейтінін анықтасаңыз, бұл жақсы. Кодтау әлемінде біз бұл зерттеуді «шыбық» деп атаймыз, өйткені сіз мүмкіндігінше тереңірек қазуға тырысасыз (темір жол шыбығын жерге соғу сияқты).
Оқушыларға сұрақ қоюға арналған бағыттаушы сұрақтар: Егер біз Apple сағатына арналған қолданба жасасақ, алма сағатында қандай компоненттер болуы мүмкін? (Жүректің соғу жиілігінің мониторы, гироскоп – қадамды бақылау үшін, bluetooth). Сіз қанша деректер жинап жатырсыз? Сіз бұл деректерді AI үлгісін үйрету үшін пайдалана аласыз ба?
Тәлімгер кеңестері AmeriCorps қолдауымен ұсынылған.

Бағдарламашы ретінде үйренуге болатын ең жақсы дағдылардың бірі - сіз кептеліп қалғанда немесе бір нәрсені қалай пайдалану керектігін үйрену қажет болғанда сізге көмектесетін ресурстарды табу.
Бұл жаттығу!
Ол құрастырғыңыз келетін қолданбаға дәл сәйкес келмеуі мүмкін, бірақ құрамдастармен кодтауды үйрену жеке қолданбаны құруға келгенде көмектеседі.
РЕФЛЕКСИЯ
Бұл сабақ қолданбаны құру үшін пайдалануға болатын барлық құрамдастарға сілтеме болып табылады. Компонентті пайдалануды үйрену үшін оқу құралын немесе құжаттаманы табу оңай емес!

НЕГІЗГІ ТЕРМИНДЕРГЕ ШОЛУ
- Пайдаланушы интерфейсінің компоненттері – пайдаланушы түймешіктермен, жапсырмалармен және мәтін ұяларымен әрекеттесетін стандартты компоненттер
- Медиа компоненттер – фото, аудио және бейне медиа компоненттерінің мысалы болып табылады.
- Датчиктер - әр түрлі мақсатта деректерді жинайтын телефонға орнатылған әр түрлі құрылғылар
- Әлеуметтік компоненттер – пайдаланушыларға телефон қоңырауларын жасауға, электрондық хаттарды, мәтінді жіберуге және бағдарлама арқылы заттарды ортақ пайдалануына мүмкіндік беретін мүмкіндіктер
- Қосылым компоненттері — бағдарламаға веб және басқа бағдарламалар сияқты бағдарламадан тыс орындармен әрекеттесуге мүмкіндік беретін мүмкіндіктер
- Сақтау компоненттері – ақпаратты бағдарламада, құрылғыда және бұлтта сақтауға мүмкіндік беретін блоктар мен компоненттер
- AI компоненттері – қолданбаңызда машиналық оқыту үлгілерін немесе генеративті AI құралдарын пайдалануға мүмкіндік беретін құрамдас бөліктер
ҚОСЫМША РЕСУРСТАР
App Inventor үшін басқа пайдалы оқу сайттары:
- appinventor.org
- Coding Bus бастауыш курсы (көптеген құрамдас оқулықтар)
- GirlsCodeIt Technovation оқулықтары
- Толық компонент анықтамалық тізімі (басып шығаруға арналған Google doc)