01
01
Tizen Italia! Il primo sito italiano...
02
02
...dedicato interamente a Tizen...
03
03
...il nuovo Sistema Operativo per Tablet e Cellulari...
04
04
...targato Linux Foundation!
Submit to FacebookSubmit to Google PlusSubmit to TwitterSubmit to LinkedIn

Come creare la prima App in pochi passi

Quando si intende cominciare a programmare software, il primo passo è scrivere un'applicazione di prova che ci permetta di capire la struttura che l'applicazione deve avere (in questo caso un applicazione Tizen), il processo di sviluppo ed i relativi linguaggi di programmazione necessari (in questo caso HTML,CSS e Javascript).

Questo tipo di applicazioni vengono di solito chiamate HelloWorld in quanto danno come risultato un semplice messaggio di benvenuto mostrato sul video.

Prima di procedere, dovete installare SDK di Tizen. SDK è disponibile per Windows, MacOS e Ubuntu e lo potete scaricare gratuitamente dal sito di Tizen dalla pagina developer.tizen.org/sdk.

Adesso che avete scaricato l'SDK, lo dovete installare. Potete vedere come procedere sempre su TizenItalia nella pagina Installazione SDK.

Infine, ora che avete installato l'SDK, non guasta avere un minimo di conoscenze sull'uso dell'SDK di Tizen. Nella sezione riservata alla Programmazione di TizenItalia trovate la guida completa SDK di Tizen in italiano (nel menu a tendina Programmazione la trovate sotto la voce Introduzione a Tizen).

Se già avete superato tutte queste tappe, non vi voglio tediare ulteriormente e possiamo passare alla Guida vera e propria.

Creare l'App "HelloWorld"

Questo tutorial dimostra come creare una semplice applicazione "HelloWorld". Oltre ad aiutarvi a famigliarizzare  con il processo di sviluppo di una Web Application, sarete in grado di installare l'App creata sull'Emulatore del SDK o sul dispositivo "target" reale.

Figura: Schema del processo di sviluppo di un'applicazione

HelloWorld project

 

Quando sviluppate applicazioni più complesse, potete sfruttare i tool inclusi nell'SDK per facilitare le attività di creazione di funzionalità e progettare l'interfaccia utente (UI) dell'applicazione.

Creare un'applicazione HelloWorld

  1. Create un progetto HelloWorld:

    Il nuovo progetto helloworld viene mostrato nella vista Project Explorer dell'IDE, con il contenuto di default nel file config.xml e nelle seguenti cartelle di progetto:

    1. Lanciate il Tizen IDE.
    2. Create il progetto dell'applicazione nell'IDE.

      Durante la creazione del progetto, utilizzate il template di base (basic Tizen project template): nella finestra "New Tizen Web Project", selezionate Template > Tizen > Basic > Blank Application.

    3. Inserite helloworld quale nome del vostro progetto e cliccate su Finish.
    • cartella css: directory dei file CSS
    • cartella js : directory dei file JavaScript
    • file config.xml: file di configurazione dell'Applicazione
    • file icon.png: file dell'Icona dell'App
    • file index.html: file HTML di Default
  2. Configurare l'Applicazione e crearne il codice (Application Code)

    I file di progetto creati già contengono le funzionalità di base dell'applicazione.

    Il codice incluso automaticamente crea un applicazione con il titolo "Application Name". Per cambiare il titolo in HelloWorld, seguite le seguenti istruzioni (illustrate nella seguente figura):

    Figure: HelloWorld project

    Running the project

    Avete in oltre opzioni varie per settare la configuratione dell'App usando il file config.xml e disegnare la UI dell'applicazione.

    1. Aprite il file index.html (1).
    2. Selezionate "title" (2).
    3. Localizzate "title" nel codice e cambiate "Application Name" con "HelloWorld" (3).
  3. Costruzione (building) ed impacchettamento dell'Applicazione

    Dopo aver finito di implementare la vostra App dovrete costruirla (build).

    Una volta effettuato il building, l'IDE impacchetterà automaticamente il progetto creando un file .wgt.

  4. Eseguite ed effettuate il Debug l'Applicazione nell'Emulatore:

    Potete eseguire l'applicazione HelloWorld nell'Emulatore, nel Simulatore, oppure nel dispositivo target reale.

    La seguente figura mostra il widget eseguito nell'Emulatore.

    Figura: Esecuzione del progetto

    Running the project

    Sul dispositivo target reale, è possibile utilizzare il tool Remote Inspector per eseguire il debug dell'applicazione.

 

Il contenuto di questa pagina è una traduzione della guida ufficiale di Tizen disponibile all'indirizzo https://developer.tizen.org/  Per eventuali segnalazioni di errori nella traduzione o per collaborare con Tizen Italia, scrivete a Questo indirizzo email è protetto dagli spambots. È necessario abilitare JavaScript per vederlo. . I link reindirizzeranno alle relative pagine in inglese sul sito di Tizen.org fino a quando queste non saranno state tradotte in italiano.

Eccetto dove diversamente specificato, il contenuto di questa pagina - esclusi i codici di esempio - è distribuito sotto Licenza  Creative Commons Attribution 3.0. Tutti i codici di esempio contenuti in esso sono distribuiti sotto Licenza BSD-3-Clause.Per maggiori dettagli vedere il Contenuto delle Licenze.

 

Copyright 2011-2012 Creare la prima App in pochi passi - www.tizenitalia.it. Powered by OpenFreeSoftware! Tizen(TM) appartiene a Linux Foundation.
Free Joomla Theme by Hostgator