[vTutorial] App Inventor - Apps einfach selbst erstellen

Willkommen zu meinen VideoTutorials zu App Inventor​

[05.05.2012] App Inventor Tutorial 1 - App Inventor einrichten

Beschreibung:
1: App Inventor einrichten

1. Google Konto erstellen
2. Java installieren
3. App Inventor installieren
4. Fertig!

--------------------------
Haeretiks Blog | Android + SGS2 + Alternative- & Astro News & HowTos

[05.05.2012] App Inventor Tutorial 2 - Erste Schritte/Walk through

Beschreibung:
2: Übersicht und erste Schritte

Ein walkthrough durch App Inventor. Die wichtigsten Funktionen kurz angesprochen und das interessanteste Erklärt.

--------------------------
Haeretiks Blog | Android + SGS2 + Alternative- & Astro News

[06.05.2012] App Inventor Tutorial 3 - Neuer Bildschirm und blinkende Buttons

Beschreibung:
3: Neuer Bildschirm und blinkende Buttons

Ich erkläre euch hier kurz wie ihr neue Seiten anlegt und darauf zugreif und wie ihr Buttons erstellt die blinken wenn ihr drauf drückt. Außerdem wird gezeigt wie ihr für ein Button ein Icon einfügt.

--------------------------
Haeretiks Blog | Android + SGS2 + Alternative- & Astro News & HowTos


[09.05.2012] App Inventor Tutorial 4 - Webseite öffnen/Internetseite anzeigen Part 1/2 [haeretik.com]

Beschreibung:
4: Webseite öffnen/Internetseite anzeigen

Ich zeige euch wie ihr mit einem Button euren standart Webbrowser öffnet und darin eine beliebige Webseite.
Zudem erkäre ich wie ihr eine Internetseite direkt in eurer App anzeigen lässt.
Benutzen werden wir dazu ein Label, Button, und den webviewer.

Befehl: android.intent.action.VIEW


...Euer Videotutorial zum Apps selbst erstellen...
--------------------------
Haeretiks Blog | Android + SGS2 + Alternative- & Astro News & HowTos

[09.05.2012] App Inventor Tutorial 5 - Webbrowser steuern & Elenemte anzeigen/verstecken Part 2/2 [haeretik.com]

Beschreibung:
5: Webbrowser steuern & Elenemte anzeigen/verstecken Part 2

Ich erkläre wie ihr für den zuvor erstellten Webbroser oder Internetseite "Vor- & Zurückbuttons" einfügt um ihn zu steuern.
Zudem wie ihr Elemente, in diesem Beispiel eben diesen Webbrowser anzeigen lässt und wieder verschwinden. Also per Knopfdruck visible/sichtbar oder invisible/unsichtbar schalten.


...Euer Videotutorial zum Apps selbst erstellen...
--------------------------
Haeretiks Blog | Android + SGS2 + Alternative- & Astro News & HowTos

[14.05.2012] App Inventor Tutorial 6 - PROCEDURES / openanotherscreen / blinkybuttons [haeretik.com]

Beschreibung:
6: PROCEDURES / openanotherscreen / blinkybuttons

Ich bringe euch das Tool "procedures" etwas näher anhand von einigen Beispielen.
Darunter wie ihr einen anderen Bildschirm öffnet und als Feedback für die Betätigung für buttons diese aufblinken lässt.
Procedures sind automatisierte Abläufe. Mit ihnen kann einiges an Arbeitsaufwand eingespart werden.
Man braucht nicht dauernd die selbe Wiederholung von Abläufen erneut im BlocksEditor zu bauen, es reicht auch einmal. Mit Hilfe dieses Tools wird das ermöglicht.
Mehr im Video. Etwas kompliziert zu erklären das ganze ^^


...Euer Videotutorial zum Apps selbst erstellen...
--------------------------
Haeretiks Blog | Android + SGS2 + Alternative- & Astro News & HowTos

[17.05.2012] App Inventor Tutorial 7 - eigene/individuelle Farbe erstellen [haeretik.com]
App Inventor Tutorial 7 - eigene/individuelle Farbe erstellen [haeretik.com] - YouTube
Beschreibung:
7: eigene/individuelle Farbe erstellen

Ich zeige euch wie ihr eure eigenen Farben selbst bestimmen könnt.
Da die standart Farbauswahl in App Inventor sehr gering ist gibt es zwei Möglichkeiten seine eigenen Farben zu erstellen.
Dazu benötigt man lediglich die RGB Zahlen der gewünschten Farbe. Diese kann man dann im BlocksEditor eintragen werden oder auch an Hand einer Formel einen "App Inventor Farbcode" errechnen den man wiederum im BlocksEditor einträgt.
Diese 2 Varianten zeige ich euch in diesem Tutorial.

App Inventor Farbcodepalette:
Color Chart - App Inventor for Android

HEX-Code in RGB Umwandeln und andersrum:
The RGB Color Calculator / Web Page Color Choosing Tool / HTML Color Code Generator

Gratis Bildbearbeitungsprogramm:
GIMP (32 Bit) - Download - CHIP Online

Formel:
Transparenz * 256 + R = x
x * 256 + G = y
y * 256 + B = z
z - 16^8 = App Inventor Farbcode

Dabei ist eine Transparenz zwischen 0 (durchsichtig) und 255 zu wählen.
16^8 = 4294967296

Beispiel (Trangparenz = 255; R = 160; G = 32; B = 240):
255 * 256 + 160 = 65440
65440 * 256 + 32 = 16752672
16752672 * 256 + 240 = 4288684272
4288684272 - 4294967296 = -6283024



...Euer Videotutorial zum Apps selbst erstellen...
--------------------------
Haeretiks Blog | Android + SGS2 + Alternative- & Astro News & HowTos

[24.05.2012] App Inventor Tutorial 8 - Passwort geschützter Bereich anlegen [haeretik.com]
App Inventor Tutorial 8 - Passwort geschützter Bereich anlegen [haeretik.com] - YouTube
Beschreibung:
8 - Passwort geschützter Bereich anlegen

Ich will euch in diesem App Inventor Tutorial zeigen wie ihr einen Bereich mit beliebigem Inhalt durch ein Passwort schützen könnt.
Nach dem das korrekte und vorher festgelegte Passwort in einer PasswortTextbox eingegeben wurde, erscheint nach dem klicken auf einen Button der vorher versteckte und unsichtbare Bereich.


...Euer Videotutorial zum Apps selbst erstellen...
--------------------------
Haeretiks Blog | Android + SGS2 + Alternative- & Astro News & HowTos

[05.06.2012] App Inventor Tutorial 9 - Einfache Rechnungen [haeretik.com]
App Inventor Tutorial 9 - Einfache Rechnungen [haeretik.com] - YouTube
Beschreibung:
9 - Einfache Rechnungen

In diesem App Inventor Tutorial schauen wir uns einige rechenarten an und machen auserdem auf ein Fehler in App Inventor aufmerksam.
Im Grunde erstellen wir also eine Taschenrechner App für Android.


...Euer Videotutorial zum Apps selbst erstellen...
--------------------------
Haeretiks Blog | Android + SGS2 + Alternative- & Astro News & HowTos

[07.06.2012] App Inventor Tutorial 10 - Jubiläums Ausgabe - komplette App erstellen Part 1-3 [haeretik.com]
App Inventor Tutorial 10 - Jubiläums Ausgabe - komplette App erstellen Part 1/3 [haeretik.com] - YouTubeApp Inventor Tutorial 10 - Jubiläums Ausgabe - komplette App erstellen Part 2/3 [haeretik.com] - YouTubeApp Inventor Tutorial 10 - Jubiläums Ausgabe - komplette App erstellen Part 3/3 [haeretik.com] - YouTube
Beschreibung:
10: Jubiläums Ausgabe - komplette App erstellen Part 1-3

In dieser 10. Jubiläums Ausgabe schreiben wir von vorne bis hinten eine komplette Android App mit einigen hilfreichen Features die wir in den vergangenen App Inverntor Tutorial gelernt haben.
Wird widmen uns nocheinmal den blinky Button und Webseiten, dem sichern von Bereichen mit Passwörter und einige Rechenaufgaben. Das und mehr im Video...

1: .apk-Datei zum downloaden und auf dem Handy installieren:
http://raum.square7.ch/HaeretiksStore/TUT10JubilaeumsApp_HaeretiksBlog[h-blog.tk].apk
2: .zip-Datei als Source für App Inventor:
http://raum.square7.ch/HaeretiksStore/TUT10JubilaeumsApp_HaeretiksBlog[h-blog.tk].zip
3: Haeretiks Blog - Die App:
https://www.dropbox.com/sh/1v37dghzcwsh7c7/dYAMuHJQvF/HaeretiksBlog_DieApp


...Euer Videotutorial zum Apps selbst erstellen...
--------------------------
mfg, Haeretik

Hey. Ich bedanke mich für die Videos und hab aber eine Frage.
Wie geht es, dass der Nutzer ein beliebiges Passwort eingibt und dieses dann in der Datenbank gespeichert wird?

Gruß

Ich kenne zwar die Videos nicht mehr genau aber du kannst ja im Passwort gesicherten Bereich ein Eingabefeld Machen welchen wert dann) n die tiny fb schreibst. Bei der Passwort abfrage fragst du dann das Passwort wieder aus der fb ab

Gesendet von meinem GT-S5660 mit der Android-Hilfe.de App

Danke das hat geklappt aber nun wieder eine kleine Frage. Ich habe einen InApp Browser, wurde ja auch gezeigt, aber die Seite die dort angezeigt wird ist viel zu groß. Da sehe ich den Inhalt so mega groß vor mir und kann auch nicht rauszoomen. Wie kann ich eine ganze Seite anzeigen lassen das man alles überblicken kann?

Danke
Gruß