Czym jest MIT App Inventor. App Inventor jest to zbiór bloków jako język programowania używany do tworzenia mobilnych aplikacji na androida.



Podobne dokumenty
Wprowadzenie do App Inventor

Instrukcja użytkowania

Jak przesłać mapę do urządzenia lub na kartę pamięci?

Przed skonfigurowaniem tego ustawienia należy skonfigurować adres IP urządzenia.

Rozwiązywanie problemów z Javą

Instrukcja użytkowania oprogramowania SZOB LITE

Przewodnik... Tworzenie Landing Page

Konfiguracja Javy. Jak prawidłowo skonfigurować środowisko Java. Jak zacząć? Poradnik dla systemów Windows 7,8, 8.1 i 10. Wersja 1.

Założenia projektu: Projekt ma zadanie pokazać praktyczne zastosowanie App Inventor 2, poprzez stworzenie prostej aplikacji do nauki słówek.

SZOB LITE. wersja 2.1/16

Instrukcja składania wniosku o dofinansowanie w systemie informatycznym IP na potrzeby konkursu nr 1/1.1.2/2015

INSTRUKCJA OBSŁUGI

netster instrukcja obsługi

INSTRUKCJA OBSŁUGI ROUTERA 4 w 1 - ΩMEGA O700 - WIRELESS N 300M ROUTER.

Po otwarciu pudełka, proszę sprawdzić czy znajdują się w nim następujące rzeczy:

1) Naciśnij i przytrzymaj przez 2 sekundy ikonę z menu głównego, następnie naciśnij Potwierdź.

Instrukcja wgrywania aktualizacji oprogramowania dla routera Edimax LT-6408n

Jak podłączyć i skonfigurować Phantoma z routerem Dialog?

Dostęp do poczty za pomocą przeglądarki internetowej

Instrukcja instalacji nośników USB w systemie internetowym Alior Banku

Platforma szkoleniowa krok po kroku. Poradnik Kursanta

Aplikacja Dodatkowe zakładki Shoper Appstore REALIZACJA

Tworzenie pliku źródłowego w aplikacji POLTAX2B.

Uruchamianie bazy PostgreSQL

Jak zainstalować i skonfigurować komunikator MIRANDA, aby wyglądał i funkcjonował jak Gadu Gadu Tutorial by t800.

Konfiguracja Połączenia

Aby uruchomić Multibooka, należy podłączyć nośnik USB do gniazda USB w komputerze, na którym program ma być używany.

Instrukcja obsługi uczelnianego systemu zarządzania stronami internetowymi (CMS)

Skaner Mustek Scan Express

Komputery I (2) Panel sterowania:

Wstęp. Skąd pobrać program do obsługi FTP? Logowanie

Aktualizacja do systemu Windows 8.1 przewodnik krok po kroku

edycja szablonu za pomocą programu NVU

Instalacja i konfiguracja IIS-a na potrzeby dostępu WEBowego/Secure

Laboratorium - Konfigurowanie zapory sieciowej systemu Windows 7

APLIKACJA SHAREPOINT

Platforma szkoleniowa krok po kroku

Site Installer v2.4.xx

Przewodnik Google Cloud Print

Jak zainstalować szablon allegro?

INSTRUKCJA STANOWISKOWA

Instrukcja instalacji aplikacji Comarch Smart Card ToolBox

Połączenie grzałki ze Smartfonem.

Laboratorium - Monitorowanie i zarządzanie zasobami systemu Windows 7

Poradnik instalacyjny sterownika CDC-ACM Dla systemów Windows

5.6.2 Laboratorium: Punkty przywracania

Czytnik kart SIM instrukcja obsługi

tel fax

INSTRUKCJA AKTUALIZACJI PRZEGLĄDARKI. Wersja dokumentu 1.0

Laboratorium - Udostępnianie folderu, tworzenie grupy domowej i mapowanie dysku sieciowego w Windows 7

Aktualizacja Agencja3000 oraz Javy

Jak posługiwać się edytorem treści

Kopiowanie przy użyciu szyby skanera. 1 Umieść oryginalny dokument na szybie skanera stroną zadrukowaną skierowaną w dół, w lewym, górnym rogu.

Przewodnik po Sklepie Windows Phone

Compas 2026 Vision Instrukcja obsługi do wersji 1.07

*Wersja dla przeglądarki Internet Explorer. Instrukcja instalacji czytnika kart chipowych* (Konto korporacyjne) SGBe-kdbs

Witamy w usłudze Dropbox!

Utworzenie aplikacji mobilnej Po uruchomieniu Visual Studio pokazuje się ekran powitalny. Po lewej stronie odnośniki do otworzenia lub stworzenia

Instalowanie certyfikatów celem obsługi pracy urządzenia SIMOCODE pro V PN z poziomu przeglądarki internetowej w systemie Android

TAB9-200 XENTA 97ic 9.7 TABLET ANDROID JELLY BEAN - INSTRUKCJA AKTUALIZACJI

Własna strona WWW w oparciu o CMS

MAMP: Można to pobrać i zainstalować z XAMPP: Można go pobrać i zainstalować z

PRZEWODNIK PO ETRADER PEKAO ROZDZIAŁ I. JAK ZACZĄĆ PRACĘ Z ETRADER PEKAO? SPIS TREŚCI

etrader Pekao Podręcznik użytkownika Jak zacząć pracę z etrader Pekao?

Instrukcja instalacji aplikacji Comarch Smart Card ToolBox dla urządzeń kryptograficznych.

Instrukcja instalacji oraz obsługi czytników i kart procesorowych dla Klientów SBI Banku BPH S.A.

Satel Integra FIBARO

Skrócony przewodnik OPROGRAMOWANIE PC. MultiCon Emulator

Laboratorium - Konfiguracja zapory sieciowej systemu Windows Vista

Instalacja i konfiguracja IIS-a na potrzeby dostępu WEB do aplikacji Wonderware InTouch Machine Edition

Laboratorium - Monitorowanie i zarządzanie zasobami systemu Windows XP

Notepad++ / PuTTY. Interaktywne środowisko programowania w języku ForthLogic. Wersja dokumentu P.1. Wersja dokumentu NP1.

Instrukcja obsługi rejestratorów XVR. Zapoznaj się przed użyciem

Livebox konfiguracja drukarki

Dodawanie stron do zakładek

SKRÓCONA INSTRUKCJA DLA REJESTRATORÓW SERII AHD 4, 8 I 16 KANAŁOWYCH (MODELE: AHDR-1042D/M, AHDR1041D/M, AHDR-1082D/M, AHDR1162D/M)

Tworzenie prezentacji w MS PowerPoint

Kontroler sterownika bramy garażowej Wi-Fi do aplikacji TUYA

INSTRUKCJA OBSŁUGI PROGRAMU SENTO DESIGNER

Włączanie/wyłączanie paska menu

Tablet bezprzewodowy QIT30. Oprogramowanie Macro Key Manager

Kalkulator kalorii i wartości odżywczych by CTI. Instrukcja

Facebook, Nasza klasa i inne. podstawowe informacje o serwisach społeczności internetowych. Cz. 2. Facebook

Aplikacja do podpisu cyfrowego npodpis

Przewodnik szybkiej instalacji

Instrukcja uzyskania dostępu do demo kamer COLIN

Aktywacja karty numaps Lifetime

uczyć się bez zagłębiania się w formalnym otoczeniu,

HELIOS pomoc społeczna

Teraz przechodzimy do zakładki Zarządzanie kolorami.

Podręcznik użytkownika programu. Ceremonia 3.1

Instrukcja obsługi rejestratorów XVR. wersja

TURNINGPOINT KROKI DO URUCHOMIENIA TESTU NA PC

e-wsparcie Barbara Muszko Aktualizacja Twojej witryny internetowej tak prosta, jak obsługa Worda

Przewodnik instalacji i rejestracji ASN RadioOS

Przewodnik Google Cloud Print

1.1.3 Praca online. Chcąc edytować plik mamy dwie możliwości korzystając z pełnej aplikacji (1) lub z wersji w przeglądarce (2).

JVC CAM Control. Podręcznik użytkownika. for Android. Polski LYT A 0812YMHYH-OT

Laboratorium - Zdalny pulpit i zdalna Pomoc w systemie Windows XP

S Z O P. Instrukcja użytkownika. A b a k u s S y s t e m y T e l e i n f o r m a t y c z n e S p. z o. o. w e r s j a 1 /

Transkrypt:

App Inventor

Czym jest MIT App Inventor App Inventor jest to zbiór bloków jako język programowania używany do tworzenia mobilnych aplikacji na androida.

MIT App Inventor Gdzie tworzysz interfejs użytkownika dla swojej aplikacji (jak użytkownik reaguje z aplikacją) Gdzie tworzysz aplikację (co się dzieje, kiedy użytkownik robi coś jak na przykład kliknięcie przycisku.)

Projektowanie Używany do tworzenia interfejsu użytkownika.

Sekcje projektowania Paleta Widoczne i niewidoczne komponenty Podgląd Pokazuje aktualny widok interfejsu Komponenty Nazwy i kolejność komponentów Zmień właściwości/ Sprawdź właściwości

Tworzenie interfejsu użytkownika

Sprawdź swoją wiedzę 1.Z której sekcji przesuwasz komponenty? 2.Do której sekcji przesuwasz komponenty? 3.Której sekcji używasz do zmieniania nazwy komponentów? 4.Której sekcji używasz to ustawiania właściwości komponentu? 5.Która paleta zawiera przycisk?

Edytor bloków Uruchom po przez Java webstart Nowy emulator Weź stąd bloki Przesuwaj bloki do tego miejsca, aby tworzyć aplikację Połącz się z telefonem

Zacznijmy Zainstaluj aplikację http://beta.appinventor.mit.edu/learn/setup/index. html Zainstaluj Javę w wersji 6 lub wyższej Zainstaluj App Inventora Zainstaluj sterowniki do telefonu, jeśli chcesz go użyć Skonfiguruj swój telefon Naucz się trochę o App Inventorze http://appinventor.mit.edu/explore/learn.html Zaloguj się do strony (stwórz konto Google)

Ustawienia telefonu Menu Ustawienia - Zabezpieczenia Menu Ustawienia opcje programistyczne

Tworzenie nowego projektu Kliknij na przycisk Nowy Nazwij swój projekt (bez spacji) Staje się ono zarówno nazwą aplikacji.

Stwórz komponent - Przycisk Wyciągnij przycisk z palety Podstawowe I przesuń go na Ekran1 W sekcji Właściwości Ustaw obrazek Kliknij na Żaden pod obrazkiem Kliklnij na Wrzuć - pojawi się okienko Wrzuć plik Wybierz plik I znajdź "cowbell.gif" Kliknij OK

Dodaj dźwięk Wyciągnij Dźwięk z sekcji Media Nie jest on widoczny na ekranie, ale będzie pokazany w komponentach niewidzialnych Kliknij Żaden pod źródłem Kliknij Wrzuć Wybierz plik I znajdź "cowbell.wav"

Obecny interfejs użytkownika

Otwórz Edytor Bloków Kliknij na przycisk Otwórz edytor bloków Zainstaluje on plik Java (.jnlp) Zależnie od przeglądarki, będziesz musiał kliknąć Zapisz, a potem kliknąć na zainstalowany plik

Dodawanie obsługi zdarzeń Obsługa zdarzeń reaguje, gdy występuje zdarzenie Na przykład, kiedy przycisk jest kliknięty Kliknij w Moje Bloki > Przycisk1 Wyciągnij blok kiedy Przycisk1.Kliknij i przerzuć go do

Odtwarzanie dźwięku Kliknij: Moje bloki > Dźwięk1 Wyciągnij blok: zrób Dźwięk1.Odtwórz I wrzuć go w blok kiedy Przycisk1.Kliknij Jeśli przyciśniesz przycisk, odtworzy się dźwięk

Pokazanie aplikacji na telefonie Kliknij na Nowy emulator w edytorze bloków Zaczekaj na urządzenie Poczekaj, aż nie pojawi się telefon(kilka minut) Odblokuj telefon Kliknij Połącz z urządzeniem I wybierz telefon Aplikacja zainstaluje się na telefonie I zobaczymy ją na

Instalowanie do telefonu Podłącz telefon przez USB Za pierwszym razem będziesz musiał prawdopodobnie zainstalować sterowniki http://www.appinventorbeta. com/learn/setup/ Kliknij Połącz z urządzeniem Kliknij na swój telefon

Odtwarzanie dźwięku podczas wstrząsania telefonem W Projektowaniu wyciągnij blok Czujnik akcelerometrowy z palety Czujniki Pokaże się ono pod Niewidzialnymi komponentami W Edytorze Bloków kliknij w Moje Bloki > Czujnik akcelerometrowy1 wyciągnij przycisk Kiedy Czujnik akcelerometrowy1.wstrząsanie Dodaj zrób Dźwięk1.Odtwórz z Moje

Inne pomysły Ustaw rotacja ekranu na Screen1 do portretu - Ekran nie przejdzie do krajobrazu kiedy potrząśniesz telefonem Utwórz podobną aplikację z innym obrazkiem i dźwiękiem - Jak np. obraz klaszczących rąk, I dźwięk ludzi, którzy klaszczą. stwórz kilka przycisków z małymi obrazkami i przypisanymi dźwiękami!

Aplikacja będzie działać tak długo, jak twój telefon jest podłącozny. Aby sprawić, aby aplikacja zadziałała po odłączeniu telefonu: W Projektowanu kliknij na Paczka dla telefonu Kliknij Zainstaluj do podłączonego telefonu Paczka dla telefonu

Dzielenie się aplikacją z innymi W Projektowaniu Kliknij Paczka dla telefonu Zainstaluj na ten komputer Ta opcja zainstaluje plik z rozszerzeniem.apk na twój komputer Wrzuć plik na stronę I podziel się z linkiem z innymi Mogą oni używać swojej przeglądarki, aby połączyć się z linkiem I zainstalować aplikację. Muszą mieć zaznaczoną opcję Nieznane źródła w ustawieniach telefonu.

Dzielenie się projektem z innymi Idź do Moje projekty Wybierz aplikacje do udostępnienia Kliknij "więcej akcji" i "Pobierz źródło" W ten sposób pobierzesz plik z rozszerzeniem.zip Inni mogą kliknąć "Więcej akcji" i "Wrzuć źródło"

Opcje przetwarzania danych Sterowanie zdarzeniami Zmienne Warunki Liczby losowe Procedury i parametry Tworzenie własnych bloków Bazy danych Iteracja (pętle) Przekierowywanie Interfejsy użytkownika

Co jeszcze możesz zrobić? Tworzyć gry Z pomocą skanera kodów wydobyć informacje z stron internetowych z danymi API Stworzyć quiz Użyć GPS'u, aby pamiętać, gdzie jest twój samochód Tworzyć listę ludzi, którym program będzie automatycznie odpisywał Tworzyć pilot do robota LEGO NXT

Porady Możesz kopiować I wklejać bloki Ctrll C i ctrl V w Windowsie Możesz po prostu wpisać jakąś liczbę lub wartość logiczną Prawidłowy blok zostanie automatycznie stworzony Kiedy klikniesz na blok prawym przyciskiem myszy możesz: Dodać komentarz Wyłączyć blok Zobaczyć zmienną Usunąć blok

Źródła Strona Włochów uczenia się na odległość http://ice-web.cc.gatech.edu/dl/ Oficjalne poradniki http://beta.appinventor.mit.edu/learn/tutorials/index. html Kurs http://turing.cs.trincoll.edu/~ram/cpsc110/schedule.h tml Książka internetowa i przykładowe kody