Cerca con Google

Translate

19 aprile 2011

Tutorial 6 - Creare la nostra prima App con App Inventor


Bene, dopo tanto "penare" per l'installazione di App Inventor (in realtà non è stato poi così difficile, vero?) vediamo oggi come programmare e realizzare la nostra prima applicazione usando Google App Inventor!.

L'app che andremo a creare è volutamente semplice in quanto serve a farvi familiarizzare coi comandi e col metodo di funzionamento di App Inventor e dei suoi due componenti:

- Design Editor
- Blocks Editor


Nel Design Editor si definisce l'interfaccia utente della nostra applicazione, nel Blocks Editor si crea quella che è la logica di funzionamento dell'applicazione.
Dopo aver completato questa guida, avrete acquisto dimestichezza con i tool messi a disposizione da Google ed avrete visto il processo che porta alla realizzazione partendo da zero della vostra prima App per il googlefonino.


Ed ora eccovi il video tutorial - Parte 1:

Parte 2:

Come spiegato nel tutorial, qui di seguito trovate i 3 file da scaricare che vi servono per la realizzazione dell'app:

Bonneville pic
Bonneville icon
Bonneville sound

35 commenti:

  1. i file non ci sono
    Siamo spiacenti, la pagina o il documento richiesti non sono disponibili.

    RispondiElimina
  2. io con un normale account google li vedo,
    cmq ho caricato gli stessi file anche su megaupload:
    http://www.megaupload.com/?d=ZU8DWMB8

    grazie per la segnalazione ad ogni modo!

    RispondiElimina
  3. Ciao Seba, l'emulatore parte ma il suo sfondo rimane nero e quando gli dico connect to device non succede nulla...sono negato
    Alberto

    RispondiElimina
  4. Ciao Alberto,l'emulatore è lentissimo,se non hai un pc potente ci può mettere anche 15min prima di essere pronto...prova ad aspettare 15-20 min.Devi vedere lo sfondo di android e non avere più nessuna notifica nella barra superiore dell'emulatore

    RispondiElimina
  5. Grazie Seba, problema risolto ti spiego brevemente cosa mi succede.
    Quando lanciovo il blocks editor faceva il download ma non lo lanciava in automatico. Avendo visto dove lo scaricava, lo lanciavo io cliccandogli sopra, pero' se da appinventor provo a lanciare una seconda volta il blocks editor lui nei download ne crea una copia di quello precedente creando un problema all'emulatore. Ho risolto cancellando i vecchi download del blocks editor e adesso funziona tutto. Dovro' ricordarmi di cancellare ogni volta i precedenti download. Ciao

    RispondiElimina
  6. Bene Alberto,son contento che tu abbia risolto,invece di cancellare puoi sovrascrivere ogni volta lo stesso file.Funziona ugualmente! Buon App Inventor!:)

    RispondiElimina
  7. Sono all'opera seguendo il tuo tutorial!
    BELLISSIMO!
    by Spenottina

    RispondiElimina
  8. Ciao,
    bellissimi i tuoi tutorial,complimenti!!
    Volevo chiederti alcune cose:
    1) come Faccio a far partire un Video premendo un pulsante?
    2) si può premendo un pulsante arrestare tutti i suoni?

    Infatti io ho impostato 2 pulsanti per alcuni suoni!
    Se faccio partire 1 suono devo aspettare che finisca prima di far partire l'altro?
    O devo creare il pulsante di STOP per ogni suono?

    Grazie! :)

    RispondiElimina
    Risposte
    1. Ciao Fabio
      1 - se carichi il video all'interno dell'app devi usare il componente player che ha i metodi start e stop (da associare per esempio alla pressione di un pulsante)
      2 - puoi creare un pulsante che alla sua pressione fermi tutti i suoni in esecuzione coi metodi ad esempio sound1.stop sound2.stop e così via...

      Elimina
  9. Ciao,
    ottimi tutorial, mi piacerebbe cominciare a eseguirli, ma purtroppo non riesco a scaricare i file postati!!!

    ... normale?!?

    Grazie, ciao!!!

    RispondiElimina
    Risposte
    1. Dovrebbe essere tutto ok
      hai un account su Gmail? Se continui ad avere problemi te li invio via mail

      Elimina
    2. Ciao, purtroppo non mi da ancore il permesso, mi apre una pagina di gogle, dove devo richiedere l'autorizzazione e la ho richiesta.
      Si ho un account Gmail e mi sono anche attivato qui su blogSpot, con tale account.

      Grazie per l'assistenza :)

      Elimina
  10. Ciao, ho un'altra domanda :)

    è possibile modificare (o magari togliere del tutto) la barra in alto con il nome dello screen? (per capirci quella scritta bianca su sfondo blu che si vede sul dispositivo)

    Grazie in anticipo :)

    RispondiElimina
  11. Ciao, complimenti per il tutorial innanzitutto! Volevo chiederti un consiglio per creare un unico pulsante che attivi e disattivi l'audio anzichè crearne due come fatto da te in questa lezione...te ne sarei molto grato! Ancora complimenti!

    RispondiElimina
    Risposte
    1. Devi mettere una condizione al tuo pulsante, un "if - else"
      col componente player hai la proprietà "isplaying" quindi nell'if metti
      if "isplaying" = yes, allora il metodo per player sarà "stop"
      else , metodo per player sarà "play"

      Elimina
  12. Ciao Seb, sto realizzando un app in cui sono raccolti alcuni piccoli suoni e mi chiedevo se era possibile grazie ad appinventor inserire nell'app l'opzione di mettere il suono come notifica del telefono o almeno come suoneria. grazie per tutti i tutorial, comunque

    RispondiElimina
    Risposte
    1. Ciao Gianluca, purtroppo non è possibile fare quello che chiedi con App Inventor (almeno per ora, in futuro con le prossime versioni magari...) ;)

      Elimina
    2. No, non c'è ancora questa possibilità, mi dispiace

      Elimina
  13. Sebastiano salve... stavo cercando di iniziare a capire qualcosa sulle app android e mi sono imbattuto nel suo blog e relativi tutorial... molto interessanti... ho appena iniziato installando il tutto e provando... grazie... mi vedrò tutti i tutorial ne loro ordine... la mia prima domanda, se non disturbo, è : quali specifiche (se ce ne fossero) per le icone ?? formato max pixel ?? e per una immagine tipo la sua moto ? Grazie e mi perdoni il disturbo

    RispondiElimina
    Risposte
    1. Ciao Mirko, le specifiche per le icone per la pubblicazione in Play store e per l'icona dell'applicazione sono di 512x512px
      Mentre per quanto riguarda le immagini che carichi sull'app, li le dimensioni sono ovviamente libere.
      Buon proseguimento, spero che i miei tutorial ti siano utili, ciao

      Elimina
    2. Ti ringrazio ! Inizio a "smanettare" ora e come ti ho detto li guarderò tutti ;)

      Elimina
  14. Ciao Sebastiano, ho provato a fare un'app simile alla tua, solo che al posto di un suono, doveva partire una canzone.. Al prima avvio, la canzone fa errore 703, quando parte, la canzone si ferma dopo 5 secondi e non continua fino alla fine.. Grazie..

    RispondiElimina
    Risposte
    1. prova a usare il componente "player" invece di "sound", ad ogni modo gli mp3 e in generale tutta l'app non possono avere dimensione maggiore di 5Mb, quindi eventualmente converti l'mp3 ad un bitrate molto più basso...

      Elimina
    2. Adesso funziona :):) Grazie mille.. Bisognava cambiare il componente..

      Elimina
  15. Buonasera, ho un piccolo problema, quando clicco su New EMULATOR mi apre l'emulatore ecc. ma l'icona piccola del cellulare non mi diventa verde con la freccia ma mi rimane nera con un punto di domanda e infatti non mi carica l'APP creata! Grazie per l'aiuto e per i tuoi tutorial! :)

    RispondiElimina
    Risposte
    1. difficile dire cosa può essere, se puoi provare su un altro pc o reinstallando da capo, riavviando il pc tra una prova e l'altra.
      Se ti serve un emulatore puoi provare con i tutorial dove spiego come creare altri emulatori con android sdk, anche quelli li puoi usare poi con App Inventor

      Elimina
  16. Ciao Sebastiano,
    complimenti per le chiarissime spiegazioni.
    Una domanda: come faccio ad utilizzare i tuoi sorgenti di esempio?

    RispondiElimina
    Risposte
    1. è molto semplice, scarichi il file .zip del progetto che solitamente metto a disposizione,
      poi lo carichi in App Inventor, ho anche un video realizzato a proposito, ma è davvero semplice,
      guarda qua:

      http://www.youtube.com/watch?v=WEraYVoflRI

      Elimina
  17. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  18. Ciao Sebastiano,
    grazie per i tutorial, sono fatti benissimo!

    Ti segnalo che i file nn sono tutti disponibili, riesco a scaricare solo bonneville_pic.jpg, mentre clikkando gli altri si apre una pagina di google drive con il seguente messaggio:

    È necessaria l'autorizzazione

    Vuoi accedervi? Chiedi al proprietario di concederti l'accesso o passa a un account che disponga dell'autorizzazione.

    Grazie e ciao

    RispondiElimina
  19. Ciao Sebastiano, ho alcune domande da porti. Vorrei conoscere le potenzialità di Inventor, in odo particolare se è possibile creare un app dove le si impartiscono comandi vocali e lei risponde ed esegue nel caso, e un tuo parere se sono meglio i programmi tipo Inventor o i linguaggi di programmazione, in particolare quale dei due ti offre un maggior numero di possibilità nella creazione di App.
    Spero di essere stato chiaro :D.

    RispondiElimina
  20. Ciao Sebastiano, innanzitutto grazie ancora per i tuoi tutorial che ritengo sempre molto interessanti. Volevo chiederti se allo stato attuale c'e' un modo per togliere la dicitura "Stop this application" quando si preme il tasto del Bar Menu con app inventor? Grazie e saluti. Luca

    RispondiElimina
    Risposte
    1. Purtroppo finora non è possibile farlo, se non sbaglio il progetto ailivecomplete (cercalo su google) offre la possibilità di cambiare il comportamento del tasto menu.
      Ma ai "ufficiale " no

      Elimina