App Inventor: Жақынырақ қарау

  • Оқиғаға негізделген бағдарламалау туралы мәлімет
  • MIT App Inventor платформасындағы блоктардың әр түрлі түрлерін түсіну

Бұл сабаққа арналған іс-шаралар:

ОҚИҒАЛАР

Мобильді қосымшалар оқиғаға негізделген бағдарламалауға негізделген.

Оқиғаға негізделген бағдарламалау кодты жоғарыдан төмен қарай іске қосудан гөрі оқиғаларға негізделген. Кейбір бағдарламалар өздерінің барлық кодын бірден орындайды, бірақ мобильді бағдарламалар пайдаланушының онымен қалай әрекеттесетінін негізге ала отырып жұмыс істейді.

Мобильді қолданбалар кодты іске қосу үшін болатын оқиғаларға негізделген жұмыс істейді. Мысал болуы мүмкін - пайдаланушы түймені басады. Оқиға пайдаланушы басқанда. Оқиға іске қосу үшін кодты іске қосады, оқиға өңдеушісі деп аталады.

ТОҚТАУ ЖӘНЕ ТАЛҚЫЛАУ

Телефонмен өзара әрекеттесудің кейбір жолдарын және телефоныңыздың не істейтінін ойлай аласыз ба? Жұмысты бастау үшін мына жерден бірнешеуін алуға болады:

  • Бағдарламаға арналған белгішені басқанда бағдарлама ашылады.
  • Мәтіндік хабарлама үшін «жіберу» түймешігін басқанда, ол хабарды жіберіп, дыбыс шығарады.
  • Бағдарламаға кіруге тырысқанда бағдарлама құпия сөзді сұрайды.
талқыланып жатқан қыздар

App Inventor платформасының әр түрлі бөліктерін қарап шығайық.

App Inventor қолданбасында қолданбаны құру үшін пайдаланатын екі терезе бар. Дизайнер түймешігін басу (экранның жоғарғы оң жағында) пайдаланушы интерфейсін жобалайтын дизайнерге апарады. Пайдаланушы интерфейсі - бұл қолданбадағы пайдаланушы өзара әрекеттесе алатын барлық нәрсе. Бұл түймелер, шарлау жолақтары, мәтін ұялары, суреттер және т.б. болуы мүмкін.

БАҒДАРЛАМАНЫ ӨНЕРТАПҚЫШ ҚҰРАСТЫРУШЫ ТЕРЕЗЕСІ

App Inventor құрастырушысы терезесі
1

Палитра

Терезенің ортасында тұрған Көрерменге қосу үшін Палитрадан компоненттерді таңдайсыз. Зерттеуге және пайдалануға арналған компоненттердің бірнеше жәшіктері бар.

2

Көрермен

Компоненттеріңізді Көрерменге апарып тастайсыз . Компоненттер жоғарыдан төмен, сол жағынан қосылады. Компоненттеріңіздің қай жерде пайда болатынын қосымша бақылау үшін Орналасу компоненттері мен туралауды пайдалану қажет.

3

Компоненттер тізімі

Бұл тізім экрандағы элементтердің мұрагерлік тізімін береді. Оларды Қараушыда немесе осы тізімде басу арқылы таңдауға болады.

4

Сипаттар тақтасы

Сипаттар панелі қаріп өлшемі, туралау, түс және т.б. сияқты әр компонент үшін қасиеттерді орнатуға мүмкіндік береді.

5

Көрінбейтін компоненттер

Көрінбейтін компоненттер экранда көрінбейді, бірақ әлі де бағдарламаның бөлігі болып табылады. Оларды апарып тастағанда экранның астында пайда болады.

Кімде-кім қолданбаңызды пайдаланғанда, олар түймешіктерді басу, мәтінді енгізу және т.б. арқылы пайдаланушы интерфейсімен өзара әрекеттеседі. Қолданбаңыз не істеу керектігін шешіп, сол әрекеттерді орындау үшін оны бағдарламалау сізге жүктеледі.

БЛОКТАР ӨҢДЕГІШІ

«Блоктар» түймешігін басу барлық кодтауды орындайтын Блоктар өңдегіші терезесіне апарады . Блоктарды сол жақтағы панельден экранның ортасындағы жұмыс кеңістігіне апарып тастайсыз.

App Inventor блоктар редакторы
1
Блоктар палитрасы

Сол жақта жұмыс кеңістігіне апаруға болатын блоктарды табасыз. Олар Control және Logic сияқты санаттарға/жәшіктерге жатады.

3

Көрермен

Бұл барлық блоктарды апаратын жұмыс кеңістігі. Оларды айнала жылжытып, бір-біріне байлап қоюға болады. Сондай-ақ, қажет емес блоктарды жоюға болады.

2

Компонент блоктары

Бағдарламаңыздағы әрбір компоненттің өзіндік блоктар жиынтығы бар. Содан кейін жұмыс кеңістігіне апаруға болатын блоктарды көрсету үшін компонентті басасыз.

ОҚИҒА ӨҢДЕУШІЛЕРІ

App Inventor бағдарламасындағы оқиға өңдеушісі блоктары алтын түс болып табылады және ашық блок ретінде қалыптасады, сондықтан оның ішінде блоктарды байлауға болады. Бұл блоктар тек сол оқиға орын алған кезде ғана іске қосулы.

Оқиға блогын басыңыз

Түйме басылғанда
Сіз мұны әлдеқашан қолдандыңыз. Пайдаланушы белгілі бір түймені басқанда, қолданбаның басқа экранды ашу немесе хабар жіберу сияқты бірдеңе істеуін қалайсыз.

screen1 бағдары өзгертілген оқиға блогы

Экран бағдары өзгергенде
Егер пайдаланушы телефонды портреттен (тік) пейзажға (көлденең) айналдырса, экранның орналасуын немесе компоненттердің өлшемін өзгерту сияқты бірдеңе жасағыңыз келуі мүмкін.

Жүгірткі орны өзгергенде
Жүгірткі пайдаланушыға оның бойындағы қандай да бір мәнді таңдау үшін оны апаруға мүмкіндік береді. Бұл басқа компонентке өзгеріс енгізуі мүмкін. Мысалы, жүгірткі арқылы сурет салу бағдарламасындағы қалам өлшемін ұлғайтуыңыз мүмкін.

ФУНКЦИЯЛАР

Функциялар — бір нәрсені жасайтын код блоктары. Оларды бағдарлама ішінде бірнеше рет іске қосуға болады. App Inventor бағдарламасында функциялар блоктары түрлі-түсті күлгін түске боялады. Кейбір тілдер функцияларды әдістер, не процедуралар деп атайды. Шын мәнінде, App Inventor әдетте бұл процедуралар деп атайды. Олар бірдеңе жасайды, сондықтан оларды әрекет блоктары деп ойлауға болады.

функция блоктары

TextToSpeech.Сөйлеу
TextToSpeech компоненті қандай мәтінді айтқыңыз келсе де айта немесе сөйлей алады.

Камера.TakePicture
Камера компоненті телефонмен суретке түсе алады.

Дыбыс.Ойнату
Дыбыс компоненті дыбысты ойнай алады.

СЕТТЕР МЕН ГЕТТЕРЛЕР

Жасыл блоктар компоненттерге және олардың қасиеттеріне қатысты. 

Басқа блокқа қосылуы мүмкін ашық жасыл блоктар алушылар деп аталады, өйткені сіз сипаттың мәнін аласыз.

Setters қою жасыл түске боялады да, ұшында ашық слотпен байлауға болады. Бұл мүліктің құнын белгілеуге мүмкіндік береді.

бағдарламаны ойлап табушы және алушы блоктары

Батырма1 мәтіні
Батырма1 мәтіні ауыспалы ғаламдық сәлемдесуде түсірілген және сақталады.

Батырма1 мәтіні
Батырманың мәтіні «Кодтауды жақсы көремін. Түймеге «Кодтауды жақсы көремін» деген сөздер шығады.

1-жапсырма мәтіні
Label1 мәтіні Sound1 көзіне орнатылған. Бұл дыбыс файлының атауы Label1 бағдарламасында көрсетілетінін білдіреді.

Sound1 көзі
Sound1 дереккөзі (дыбыс файлының атауы) Label1 мәтін сипатында алынған және сақталады. Жапсырма мәтінін орнату шын мәнінде жапсырмадағы мәнді көрсетеді, сондықтан дыбыс файлының атауы Label1-де пайда болады.

Label1 мәтіні

TextToSpeech Label1 мәтінінің мазмұнын алады және оны айтады. Label1-де қандай мәтін көрсетілсе, ол айтылады. 

Үздік тәжірибелер: Студенттерге бұл нақты кодтаудың дәл солай екенін еске түсіріңіз. Біз қолданатын оғаш сөздік (функциялар, қабылдаушылар, орнатушылар) дәл кодерлер қолданатын нәрсе.

 

Оқушыларға сұрақ қоюға арналған бағыттаушы сұрақтар: Сіз қандай да бір күнделікті функцияларды ойлай аласыз ба? (мысалы: торт пісіру, тістерді щеткалау — қайталанатын қадамдары бар кез келген нәрсе). Функциялар алгоритмдерге өте ұқсас!

Тәлімгер кеңестері AmeriCorps қолдауымен ұсынылған.

қою көк түсті стильдендірілген A әріпі, AmeriCorps логотипі 

ДЕРЕКТЕР БЛОКТАРЫ

Орнату блоктарын пайдаланған кезде деректерді немесе бағдарламада пайдалануға болатын ақпаратты білдіретін басқа кіріктірілген блоктарды пайдалануыңыз мүмкін. Пайдалануға болатын деректер блоктарының кейбір мысалдары төменде көрінеді.

бағдарлама өнертапқышының математика блоктары

Сандар
Сан мәндері бағдарламадағы деректер ретінде пайдаланылуы мүмкін. Бұл блоктарды Блоктар палитрасындағы Математика жәшігінен табуға болады.

Мәтін немесе жолдар
Кейде жолдар деп аталатын мәтінді деректер ретінде пайдалануға болады. Бұлар қосымшада қолдануға болатын әріптер, сөздер, сөйлемдер. Блоктар Блоктар палитрасының Мәтіндік жәшігінде кездеседі.

логикалық блоктарды ойлап тапқан қолданба

Boolean
Бұл деректер түрінің тек екі мүмкін мәні бар – ақиқат немесе жалған. Бұл блоктар бір нәрсенің «күйін» орнатуы немесе тексеруі мүмкін және олар туралы көбірек білетін шартты шарттарда қолданылады.

БЕЛСЕНДІЛІГІ: SOUNDBOARD ОҚУЛЫҒЫ

Болжамды уақыт: 45 минут

Төмендегі бейне оқулыққа бақылау

Бастаушы жобасын App Inventor Gallery жиынтығынан қарап шығыңыз, бағдарламаны App Inventor бағдарламасына жүктеп алыңыз,
және төмендегі бейнеде Дэйвтің нұсқауларын орындаңыз.

Бейнежазба жүктеу нұсқаулығынан өту үшін 1:11-де басталатынын ескеріңіз. Егер стартер жобасын жоғарыдағы сілтемені пайдаланып жүктеген болсаңыз, бұл нұсқаулар қажет емес.

CHALLENGE

Қызметте сіз пайдаландыңыз:

  • Оқиға өңдеушісі блоктары
  • Функция блоктары

Soundboard бағдарламасына қосу арқылы кейбір сеттер мен геттер блоктарын пайдаланып көрейік.

Пайдаланушы байланысты сөзді ойнату үшін кез келген суретті басқанда экранның фондық түсін өзгертіңіз.

Оны белгілі бір түске өзгертуге болады, бірақ кейін оны бастапқы түске, қара түске оңай өзгертуге болмайды, сондықтан оның орнына экранның өңін кездейсоқ түске өзгертіңіз. 

Нұсқау: Түс тартпасын тексеріп, түс блогын жасауды іздеңіз. Содан кейін математикалық тартпада кездейсоқ бүтін блокты іздеңіз. Түстер 0-255 аралығындағы қызыл, жасыл, көк үшін RGB 3 саннан тұрады.

РЕФЛЕКСИЯ

Әр түрлі код блоктары туралы сәл көбірек білгеннен кейін бағдарлама шешімі туралы ойланыңыз:

Бағдарламаңыз үшін қандай компоненттер қажет болады?
Бағдарламаңызда қандай оқиғаларды өңдеушілер қажет болады?
Бағдарламаңыздағы оқиғалар іске қосылғанда қандай әрекеттер болады?

НЕГІЗГІ ТЕРМИНДЕРГЕ ШОЛУ

  • Пайдаланушы интерфейсі - бағдарламадағы пайдаланушы өзара әрекеттесе алатын барлық нәрсе
  • Құрастырушы – бағдарламаға компоненттерді қосып, олардың қалай көрінетінін құрастыратын терезе
  • Блоктар өңдегіші – бағдарлама үшін блоктарды кодтайтын терезе
  • Оқиға - іске қосылатын кодты іске қосатын нәрсе
  • Оқиға өңдеушісі – бағдарламаға оқиға орын алған кезде не істеу керектігін білдіретін код блоктары
  • Оқиға жетегі бар бағдарламалау — бүкіл кодты жоғарыдан төменге іске қосудан гөрі оқиғаларға негізделген бағдарламалау
  • Функциялар — бірнеше рет іске қосатын және іске қосуға болатын кодтар блогы

ҚОСЫМША РЕСУРСТАР

Appinventor.org сайтында Dave Wolber's App Inventor бастаушы оқулықтарының қосымшаларын қараңыз