1. Nimm jetzt an unserem Uhans - 3. ADVENT - Gewinnspiel teil - Alle Informationen findest Du hier!

[vTutorial] App Inventor - Apps einfach selbst erstellen

Dieses Thema im Forum "Android App Entwicklung" wurde erstellt von Haeretik, 06.05.2012.

  1. Haeretik, 06.05.2012 #1
    Haeretik

    Haeretik Threadstarter Fortgeschrittenes Mitglied

    Beiträge:
    351
    Erhaltene Danke:
    360
    Registriert seit:
    13.10.2011
    Willkommen zu meinen VideoTutorials zu App Inventor

    by: www.haeretik.com
    [​IMG]

    App Inventor ist ein Plug&Play Konzept zum erstellen von eigenen Android Apps.

    Hier entsteht nach und nach eine Sammlung von kurzen und wichtigen Tutorialsrund um das Thema App Inventor.
    Angefangen bei der Installation geht es hier über wichtige Funktionen, eigenes Design erstellen bis hin zum fertigen App entwickeln.
    Das ganze natürlich im Rahmen von App Inventor, denn nicht alles kann so umgesetzt als wenn man es selbst programmiert.​



    [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
     
    Zuletzt von einem Moderator bearbeitet: 19.06.2015
  2. Haeretik, 18.05.2012 #2
    Haeretik

    Haeretik Threadstarter Fortgeschrittenes Mitglied

    Beiträge:
    351
    Erhaltene Danke:
    360
    Registriert seit:
    13.10.2011
    [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
     
    Zuletzt von einem Moderator bearbeitet: 17.06.2015
    tuxquaker bedankt sich.
  3. Haeretik, 24.05.2012 #3
    Haeretik

    Haeretik Threadstarter Fortgeschrittenes Mitglied

    Beiträge:
    351
    Erhaltene Danke:
    360
    Registriert seit:
    13.10.2011
    [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
     
    Zuletzt von einem Moderator bearbeitet: 17.06.2015
    tuxquaker bedankt sich.
  4. Haeretik, 06.06.2012 #4
    Haeretik

    Haeretik Threadstarter Fortgeschrittenes Mitglied

    Beiträge:
    351
    Erhaltene Danke:
    360
    Registriert seit:
    13.10.2011
    [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
     
    Zuletzt von einem Moderator bearbeitet: 17.06.2015
    tuxquaker bedankt sich.
  5. Haeretik, 02.07.2012 #5
    Haeretik

    Haeretik Threadstarter Fortgeschrittenes Mitglied

    Beiträge:
    351
    Erhaltene Danke:
    360
    Registriert seit:
    13.10.2011
    [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] - YouTube
    App Inventor Tutorial 10 - Jubiläums Ausgabe - komplette App erstellen Part 2/3 [haeretik.com] - YouTube
    App 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
     
    Zuletzt von einem Moderator bearbeitet: 17.06.2015
    tuxquaker bedankt sich.
  6. Zohen01, 21.11.2012 #6
    Zohen01

    Zohen01 Neuer Benutzer

    Beiträge:
    4
    Erhaltene Danke:
    0
    Registriert seit:
    21.11.2012
    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ß
     
  7. blackfire185, 21.11.2012 #7
    blackfire185

    blackfire185 Gewerbliches Mitglied

    Beiträge:
    561
    Erhaltene Danke:
    39
    Registriert seit:
    18.06.2011
    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
     
  8. Zohen01, 21.11.2012 #8
    Zohen01

    Zohen01 Neuer Benutzer

    Beiträge:
    4
    Erhaltene Danke:
    0
    Registriert seit:
    21.11.2012
    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ß
     

Diese Seite empfehlen