- Analizați diferitele componente pe care le puteți utiliza în App Inventor sau Thunkable
- Găsiți o componentă care vă poate ajuta aplicația
- Cercetați un tutorial și codificați cel puțin o componentă în aplicația dvs.
Acestea sunt activitățile pentru această lecție:
COMPONENTE SMARTPHONE
Este timpul să alegeți și să codificați componentele, dintre care unele includ senzori, pe care doriți să le utilizeze aplicația dvs. Diversele componente disponibile vor permite aplicației dvs. să facă multe lucruri diferite - asigurați-vă că le alegeți pe cele potrivite pentru dvs.!
Această lecție este o referință pentru a învăța despre multe componente pe care le puteți utiliza în aplicația dvs.
Probabil că v-ați ales deja platforma, dar vom enumera toate componentele atât pentru App Inventor, cât și pentru Thunkable, doar pentru a fi conștienți de componentele disponibile.
Căutați componentele pe care le puteți utiliza pentru a implementa caracteristicile pe care le-ați planificat pentru aplicația dvs.
LISTA DE COMPONENTE PE CATEGORII
Componentele care urmează sunt cele care depășesc standardul Componentele interfeței cu utilizatorul, care permit utilizatorului să interacționeze cu aplicația.
Aceasta nu este o listă completă, dar acoperă majoritatea componentelor disponibile în prezent. Thunkable și App Inventor continuă să adauge în permanență noi funcții și componente.
Informațiile de mai jos sunt disponibile și în acest document.
Dacă aplicația dvs. are nevoie de funcții legate de lucruri precum fotografii, audio și video, aceste componente vă vor fi foarte utile.
| Descrierea caracteristicilor | App Inventor | Thunkable |
|---|---|---|
| Permite utilizatorului să înregistreze videoclipuri. Îl puteți utiliza pentru aplicații sociale, aplicații de partajare video sau oricând doriți ca utilizatorul dvs. să înregistreze un videoclip. | Camcorder | Aparat foto |
| Permite utilizatorului să facă fotografii. Acest lucru poate fi util pentru aplicațiile care permit utilizatorilor să seteze imagini de profil sau să facă fotografii pentru a le partaja sau a le salva într-o galerie. | Aparat foto | Aparat foto |
| Permite utilizatorului să aleagă o imagine din biblioteca sa foto. Aceasta va permite utilizatorilor să aleagă fotografii pe care le-au făcut în afara utilizării aplicației dvs. | ImagePicker | Fișiere (bibliotecă foto) |
| Vă permite să încorporați în aplicație un videoclip pe care utilizatorul poate face clic. Videoclipul trebuie să fie .wmv, .3gp sau .mp4 și să nu fie mai mare de 1MB. | VideoPlayer | Video |
| Vă permite să traduceți textul în altă limbă. Este necesar ca aplicația dvs. să aibă acces la internet, deoarece se bazează pe servicii externe de traducere. | Traducător | Discurs |
| Permite unui utilizator să înregistreze un sunet sau un zgomot. | SoundRecorder | Sunet |
| Această componentă audio redă un sunet. Aceasta funcționează cel mai bine pentru sunete "lungi", cum ar fi cântece, discursuri sau poezii. Thunkable are o singură componentă, Sound, pentru orice lungime audio. | Jucător | Sunet |
| Foarte similar cu componenta Player, dar este cel mai bun pentru sunete scurte, cum ar fi "dings" de notificare. | Sunet | Sunet |
| Traduce vocea utilizatorului în text. Acest lucru este util în special pentru aplicațiile care necesită capacități hands-free. | SpeechRecognizer | Discurs |
| Această componentă face invers decât SpeechRecorder; permite utilizatorilor să introducă text, iar aplicația îl va citi cu voce tare. | TextToSpeech | Discurs |
| Puteți face o animație JSON să ruleze în aplicația dvs. | Nu este disponibil | Animație |
Dacă aveți nevoie ca aplicația dvs. să efectueze apeluri telefonice, să trimită e-mailuri, mesaje text și să partajeze anumite tipuri de informații, aceste componente sociale pot fi utile.
| Descrierea caracteristicilor | App Inventor | Thunkable |
|---|---|---|
| Afișează contactele utilizatorului și permite utilizatorilor să aleagă pe cineva din lista respectivă. | ContactPicker | Nu este disponibil |
| Permite utilizatorului să introducă o adresă de e-mail din lista de contacte a utilizatorului. | EmailPicker | Nu este disponibil |
| Permite utilizatorului să aleagă un număr de telefon dintr-o listă de contacte telefonice. | PhoneNumberPicker | Nu este disponibil |
| Vă permite să încorporați în aplicație un videoclip pe care utilizatorul poate face clic. Videoclipul trebuie să fie .wmv, .3gp sau .mp4 și să nu fie mai mare de 1MB. | VideoPlayer | Video |
| Permite utilizatorului să efectueze un apel telefonic din aplicația dvs. | PhoneCall | Share |
| Permite utilizatorului să trimită un mesaj text către telefonul altui utilizator prin intermediul aplicației dvs. | Transmiterea mesajelor text | Share |
| Această componentă audio redă un sunet. Aceasta funcționează cel mai bine pentru sunete "lungi", cum ar fi cântece, discursuri sau poezii. Thunkable are o singură componentă, Sound, pentru orice lungime audio. | Jucător | Sunet |
| Permite utilizatorilor să partajeze mesaje, imagini sau alt conținut din aplicația dvs. cu alte aplicații de pe telefonul utilizatorului, precum e-mail și mesagerie. | Partajarea | Share |
| Permite comunicarea între aplicația dvs. și Twitter. Utilizatorii pot căuta tweet-uri, pot trimite și primi mesaje, pot obține o listă de urmăritori și multe altele. | Nu este disponibil | |
| Thunkable vă permite să adăugați reclame la aplicația dvs. Toate aplicațiile trebuie să fie aprobate de Thunkable înainte de a putea fi descărcate sau publicate. | Nu este disponibil | Reclame |
Aceste componente permit aplicației dvs. să interacționeze cu entități din afara aplicației dvs., cum ar fi web-ul, dispozitivele și alte aplicații.
| Descrierea caracteristicilor | App Inventor | Thunkable |
|---|---|---|
| Permite aplicației dvs. să pornească alte aplicații, cum ar fi Camera sau Google Maps, sau aplicații create de utilizator instalate pe telefon. | ActivityStarter | Deschideți link-ul (Bloc de control) |
| Vă permite să încorporați o hartă în aplicația dvs. App Inventor include componente precum Markers și Shapes care pot fi adăugate la o hartă. Aceste caracteristici sunt adăugate în cod în Thunkable. | Hărți | Hărți |
| Permite utilizatorilor să vizualizeze pagini web în cadrul aplicației dvs. | WebViewer | Web Viewer |
| Permite aplicației dvs. să trimită și să obțină informații către și de pe site-uri web externe. | Web | API web |
| Permite utilizatorului să efectueze un apel telefonic din aplicația dvs. | PhoneCall | Share |
| Aceste componente permit aplicației dvs. să se conecteze cu dispozitive Bluetooth. | Client Bluetooth, Server Bluetooth, BlueToothLE (extensie) | Energie scăzută Bluetooth |
| Această componentă audio redă un sunet. Aceasta funcționează cel mai bine pentru sunete "lungi", cum ar fi cântece, discursuri sau poezii. Thunkable are o singură componentă, Sound, pentru orice lungime audio. | Jucător | Sunet |
| Utilizat pentru a colecta date din surse externe (senzori, web, fișiere de date) și pentru a le afișa sub formă de grafic. | Grafic, ChartData2D | Nu este disponibil |
| Poate fi utilizat pentru conectarea la dispozitive seriale precum Arduino. | Serial | Nu este disponibil |
| Permite utilizatorilor aplicației dvs. să se înregistreze cu un nume de utilizator și o parolă. Acest lucru necesită să configurați mai întâi un cont Firebase. | Nu este disponibil | Conectare |
| Vă permite să încorporați un fișier pdf în aplicația dvs. | Nu este disponibil | Cititor PDF |
Dacă aplicația dvs. trebuie să colecteze informații despre lumea din jurul său sau despre utilizator, iată câțiva senzori pe care App Inventor și Thunkable îi pot accesa.
| Descrierea caracteristicilor | App Inventor | Thunkable |
|---|---|---|
| Poate determina dacă telefonul tremură și dacă este ținut în poziție verticală sau inversă. Această capacitate este foarte utilă atunci când doriți ca ecranul să se reorienteze în funcție de modul în care este ținut telefonul sau dacă doriți ca aplicația să reacționeze la scuturare. | AccelerometruSenzor | Accelerometru |
| Utilizează senzorul accelerometru pentru a măsura câți pași face utilizatorul care ține telefonul în mână și, de asemenea, poate estima distanța parcursă. | Pedometru | Nu este disponibil |
| Poate detecta dacă telefonul este înclinat. Este mai precis decât accelerometrul și poate măsura cât de mult s-a schimbat orientarea telefonului. | GiroscopSenzor | Giroscop |
| Utilizat pentru a măsura densitatea fluxului magnetic. Nu toate telefoanele suportă această capacitate. | Senzor de câmp magnetic | Magnetometru |
| Permite aplicației dvs. să obțină ora curentă sau să utilizeze un cronometru. Acest lucru poate fi util pentru setarea unei alarme temporizate sau pentru utilizarea unui cronometru. | Ceas | Cronometru |
| Colectează latitudinea și longitudinea locației telefonului. Acest senzor poate fi util oricând trebuie să căutați puncte de interes în apropierea utilizatorului. | LocationSensor | Senzor de locație |
| Indică dacă telefonul se află în imediata apropiere a unui obiect. Este adesea utilizat pentru a afla dacă utilizatorul are telefonul aproape de ureche. Nu toate telefoanele pot suporta această funcție. | Senzor de proximitate | Nu este disponibil |
| Permite aplicației dvs. să citească un cod de bare. | BarcodeScanner | Aparat foto |
| Măsoară presiunea aerului ambiant. | Barometru | Nu este disponibil |
| Măsoară umiditatea relativă a aerului ambiental. Neobișnuit pentru majoritatea dispozitivelor mobile. | Higrometru | Nu este disponibil |
| Măsoară nivelul de lumină. | LightSensor | Nu este disponibil |
| Permite aplicației dvs. să partajeze date cu alte dispozitive echipate cu NFC (Near-field Communication). | Câmp apropiat | Nu este disponibil |
| Oferă informații despre orientarea fizică a dispozitivului în trei dimensiuni: rostogolire, înclinare și azimut. | OrientationSensor | Nu este disponibil |
| Măsoară temperatura ambientală (externă). | Termometru | Nu este disponibil |
Aplicația dvs. poate stoca date în cadrul opp, pe dispozitiv și în cloud cu ajutorul acestor componente.
| Descrierea caracteristicilor | App Inventor | Thunkable |
|---|---|---|
| Bloc care vă permite să actualizați și să stocați informații în cadrul aplicației. Orice informație este ștearsă atunci când aplicația este închisă. | Variabilă | aplicație Variabilă |
| Permite aplicației dvs. să stocheze și să actualizeze informații local pe dispozitivul mobil și să le utilizeze în cadrul aplicației. Datele pot fi stocate și recuperate între rulările aplicației. În Thunkable, DataViewer și DataViewerGrid pot stoca date local utilizând opțiunea "Create your own Table". | TinyDB | Variabilă stocată Lista DataViewer Grilă de vizualizare a datelor |
| Permite aplicației dvs. să stocheze, să recupereze și să actualizeze date în cloud, astfel încât datele să poată fi partajate între diferiți utilizatori ai aplicației. Thunkable oferă variabile în cloud utilizând Firebase. DataViewer și DataViewerGrid pot fi legate de Airtable, Google Sheets și Webflow. Componenta Foaie de calcul din App Inventor este legată de Google Sheets. | CloudDB FirebaseDB Foaie de calcul | nor Variabilă - (Firebase) Lista DataViewer DataViewerGrid |
Utilizați modele de învățare automată pentru clasificare și instrumente generative AI în cadrul aplicației dvs.
| Descrierea caracteristicilor | App Inventor | Thunkable |
|---|---|---|
| Permite comunicarea cu un robot de chat AI, OpenAI's ChatGPT. | Chatbot | Open AI Services (completare text) |
| Vă permite să includeți DALL-E în aplicația dvs. pentru a crea și edita imagini. | Imagebot | Servicii deschise de inteligență artificială (generarea de imagini) |
| Vă permite să vă creați propriul model de învățare automată (imagine, sunet, poziție) și să îl utilizați în aplicația dvs. | PersonalImageClassifier PersonalAudioClassifier PoseNetExtension TeachableMachine (rețineți că toate acestea necesită adăugarea extensiei) | Nu este disponibil |
Activați desenarea într-o aplicație și adăugați sprite pentru a anima și a crea jocuri.
| Descrierea caracteristicilor | App Inventor | Thunkable |
|---|---|---|
| Adaugă o zonă pe ecran unde utilizatorii pot desena. Tot aici puteți adăuga sprites pe care le puteți anima. | Pânză | Pânză |
| Aceste componente sunt elementele care pot fi animate și cu care se poate interacționa în cadrul unui joc sau al unei animații | ImageSprite Bilă |
Sprite |
Veți adăuga componente în fereastra Designer din App Inventor. Va trebui să faceți clic pe o categorie din paletă pentru a deschide sertarul pentru a afișa componentele.
ACTIVITATE: ÎNVĂȚAȚI O NOUĂ COMPONENTĂ
Durată estimată: 60 de minute
Alegeți o componentă despre care să învățați
- Alegeți cel puțin o componentă sau un senzor pe care credeți că îl veți utiliza în aplicația dvs.
- Găsiți documentație și/sau un tutorial pentru a utiliza componenta într-o aplicație. Puteți începe de aici:
- Codificați o aplicație folosind această nouă componentă
Sfat pentru mentori
Cele mai bune practici: Componenta pe care o alegeți nu trebuie să fie perfectă pentru aplicația dumneavoastră! Atâta timp cât învățați despre o componentă nouă, asta este ceea ce contează. Alegeți doar ceva ce credeți că ar putea funcționa și dacă vă dați seama că nu funcționează, este în regulă. În lumea codării, numim această cercetare "vârf", deoarece încercați să săpați rapid cât mai adânc posibil (un fel de a bate un vârf de cale ferată în pământ).
Întrebări orientative pentru elevi: Dacă am face o aplicație pentru un ceas Apple, ce fel de componente ar putea fi pe ceasul Apple? (Monitor de ritm cardiac, giroscop - pentru urmărirea pașilor, bluetooth). Câte date colectați? Ați putea folosi aceste date pentru a vă antrena modelul AI?
Sfaturile mentorilor sunt oferite cu sprijinul AmeriCorps.
Una dintre cele mai bune abilități pe care le puteți învăța ca programator este să găsiți resurse care să vă ajute atunci când sunteți blocat sau trebuie să învățați cum să utilizați ceva.
Această activitate este practică!
S-ar putea să nu se potrivească exact cu aplicația pe care doriți să o construiți, dar exersarea codării cu componente vă va ajuta atunci când veți ajunge să vă construiți propria aplicație.
REFLECȚIE
Această lecție este o referință pentru toate componentele pe care le puteți utiliza pentru a vă construi aplicația. Nu este ușor să găsiți un tutorial sau o documentație pentru a învăța cum să utilizați componenta dumneavoastră!
REVIZUIREA TERMENILOR CHEIE
- Componente ale interfeței cu utilizatorul - componente standard cu care un utilizator ar interacționa, cum ar fi butoane, etichete și casete de text
- Componente media - exemple de componente media sunt fotografiile, fișierele audio și video.
- Senzori - diferite tipuri de dispozitive instalate pe un telefon care colectează date în diverse scopuri
- Componente sociale - caracteristici care permit utilizatorilor să efectueze apeluri telefonice, să trimită e-mailuri, mesaje text și să partajeze lucruri prin intermediul aplicației dvs.
- Componente de conectivitate - caracteristici care permit aplicației dvs. să interacționeze cu locuri din afara aplicației dvs., cum ar fi internetul și alte aplicații
- Componente de stocare - blocuri și componente care vă permit să stocați informații în aplicație, pe dispozitiv și în cloud
- Componente AI - componente care vă permit să utilizați modele de învățare automată sau instrumente AI generative în cadrul aplicației dvs.
RESURSE SUPLIMENTARE
Alte site-uri de tutoriale utile pentru App Inventor:
- appinventor.org
- Cursul pentru începători The Coding Bus (multe tutoriale cu componente)
- GirlsCodeIt Tutoriale Technovation
- Lista completă de referință a componentelor (Google doc pentru imprimare)
