AppInventor - TextToSpech, Button.Click, podlaczenie telefonu

Otwórz stronę http://appinventor.mit.edu
Create apps!
Zaloguj się swoim szkolnymkontem googlowym, np. [email protected]
i rozpocznij nowy projekt z menu Projects, wpisz nazwę swojego projektu.
Na karcie Designer zaprojektuj interfejs użytkownika:
• przeciągnij potrzebne komponenty z Palety (z lewej strony ekranu),
• dla wybranego komponentu ustaw jego Properties (w okienku z prawej strony ekranu)
Dla komponentu Screen ustaw wybrany kolor tła.
Umieść na Screenie komponenty:
Label, TextBox, Button z palety User Interface
umieść odpowiednie napisy w Label-u i w Button-ie.
Z palety Media przeciągnij komponent TextToSpech, będzie on niewidoczny ne ekranie, ulokuje się
w projekcie poniżej ekranu.
Obsłuż zdarzenie Click dla przycisku:
• przejdź na kartę Blocks
• wybierz przycisk Button1 w okienku Blocks z lewej strony ekranu
• z dostępnego dla Buttona1 zestawu operacji, funkcji i właściwości wybierz when Button1.Click
przeciągnij na wolne pole w środkowym oknie
• wybierz polecenia, które mają być wykonane po kliknięciu przycisku, umieść je wewnątrz klocka.
W okienku Blocks wybierz obiekt TextToSpeach1, przeciągnij jego funkcję Speak
W okienku Blocks wybierz obiekt TextBox1, przeciągnij jego właściwość Text
Połącz klocki:
Gotowe!
Dołożymy obrazek, w którym będzie wyświetlona sowa odrócona głową w dół. Gdy dotkniesz sowy,
obrazek obróci się o 180° (sowa głową do góry), sowa powie „dzień dobry”, zahuka i odwróci się znów
głową w dół.
Ponieważ komponent Image nie reaguje na kliknięcie, weźmy Button i załadujmy do niego obrazek
dziendobry.jpg, a usuńmy jego tekst.
W okienku Media projektu, poniżej okienka Components, zróbmy jeszcze upload pliku:dziendobry1.jpg
Dodamy jeszcze komponent Player z grupy Media i ustawimy mu Source na plik owl.mp3
oraz Clock z grupy Sensors, któremu ustawmy TimerInterval na 2500 ms i wyłaczmy go na razie
(TimerEnabled puste, odhaczone).
Uruchomienie (testowanie) programu na emulatorze (czeka się dość długo…):
dla Windows: przed uruchomieniem emulatora trzeba uruchomić program aiStarter,
można go pobrać stąd: http://appinventor.mit.edu/explore/ai2/windows.html,
na Mac-u program aiStarter uruchamia się automatycznie.
Aby móc uruchomić program w telefonie - włącz tryb programisty:
Ustawienia /Informacje o urządzeniu / Informacje o oprogramowaniu / Numer wersji (przytrzymaj)
Uruchomienie programu na telefonie przez WiFi (jeśli Internet „przymula”, to może się nie udać):
•
•
•
w telefonie uruchom aplikację MIT AI2 Companion,
można ją pobrać stąd: http://appinventor.mit.edu/explore/ai2/setup-device-wifi.html
wybierz z menu Connect opcję AICompanion
w telefonie, w aplikacji MIT AI2 Companion wpisz niezwłocznie podany 6-znakowy kod dostępu
Uruchomienie programu na telefonie przez kabel USB (najpewniejsze):
dla Windows:
zainstaluj na komputerze USB Driver dedykowany dla twojego modelu telefonu,np. dla Samsunga:
http://www.devfiles.co/download/AbRa7wHc/SAMSUNG_USB_Driver_for_Mobile_Phones.exe
przed poleceniem AppInventor/Connect trzeba uruchomić w komputerze program aiStarter,
można go pobrać stąd: http://appinventor.mit.edu/explore/ai2/windows.html
dla OS: na komputerze zainstaluj program Android File Transfer: https://www.android.com/filetransfer/
nic więcej nie trzeba instalować, aiStarter jest uruchomiany automatycznie.
Wybierz z menu Connect opcję USB i czekaj, na ekranie telefonu pojawi się okno Twojego programu:
Aby utworzyć plik wykonywalny Twojego
programu (apkę: nazwa.apk):
zapisz plik w telefonie (lub zapisz w
komputerze i skopiuj na telefon) i zainstaluj.