Primero quiero agradecer a Athar Nauman por haber escrito originalmente este tutorial en ingles. (link: http://www.tizentutorials.com/viewtopic.php?f=5&t=12 )
Mi Nombre es Julio Staude y estoy trabajando en INTEL como Community Manager del Proyecto TIZEN para toda la comunidad de habla hispana.
Para contactarme:
- Work Email: juliox.c.staude@intel.com
- Personal Email / GOOGLE + : juliostaude87@gmail.com
- Seguir me en Twitter: @JulioStaude
La construcción de su primera aplicación Tizen - Ejemplo de “Hello World” - “Hola Mundo”
Vamos a crear nuestra primera aplicación para Tizen sólo por diversión y para entender el contexto de la herramienta de desarrollo. El SDK de Tizen (Kit de desarrollo de software Tizen) está basado en Eclipse con Perspectiva Web. Para obtener detalles acerca del explorador del proyecto y el explorador de conexión, se sugiere visitar sitio web oficial Tizen para obtener detalles como se muestra a continuación (Proximamente en Español ).
Vale la pena notar que la plataforma Tizen es como un navegador web en el que su aplicación sólo incluye numerosasa páginas Web HTML. Así que si usted sabe cómo escribir páginas web en HTML, aquí no hay nada nuevo para ti. En la mayoría de las plantillas que se van a utilizar para aplicaciones pequeñas de Tizen, habrá una sola página que se llama index.html. Así que para fines de prueba, se ejecuta la aplicación Tizen en un simulador o en la página index.html en el navegador. Sólo asegúrese de que si usted está usando alguna de las funciones de HTML5 como por ejemplo una etiqueta de audio en su página web, su navegador debe soportarlo.
Puedes encontrar el código fuente completo del proyecto en el archivo adjunto en la parte inferior.
Ahora vamos a empezar. Ir a Archivo -> Nuevo y haga clic en Tizen Web Project como se muestra a continuación
Aparecerá la ventana donde se puede crear un "Nuevo Proyecto Web de Tizen". Aquí tienes diferentes plantillas y ejemplos. Se pueden encontrar ejemplos muy útiles. Pero ahora que estamos interesados en hacer una nueva aplicación Hola mundo!, vamos a empezar con la plantilla (“Template”) basica. Dentro de la opción de plantilla podemos encontrar otras opciónes más. Cada opción se refiere a un tipo de aplicación diferente. Para la aplicación Hola mundo! vamos a empezar con "Tizen Web UI Framework" y "Single-Page Application” (aplicacion de una sola hoja). También se debe especificar un nombre para su proyecto. Estoy dando a este proyecto el nombre de "hola mundo!". Consulte la figura a continuación.
Luego haga clic en Finalizar. Ahora podemos ver nuestro proyecto Hola Mundo a la izquierda en el proyecto, en la vista del explorador. Expandir y ahora se pueden ver muchos directorios y archivos, incluidos el index.html en la parte inferior, como se muestra a continuación
Vamos a tratar de que funcione tal cual como esta, sin realizar ningún cambio en él. Para ejecutar bien la aplicación de Tizen, se necesita un dispositivo real o un emulador Tizen. El emulador Tizen es como un dispositivo real pero virtual. Si el Equipo Tizen real está conectado a la computadora, tiene que hacer click derecho sobre el proyecto en el Explorador de proyectos y luego ir a "Ejecutar como" y seleccione "Aplicación Web Tizen", como se muestra a continuación
Esto simplemente va a iniciar Application Tizen en nuestro dispositivo real. Pero si el dispositivo Tizen no está conectado, recibirá un mensaje de error como se muestra a continuación
Así que para evitar esto, antes de ejecutar como "Web Application Tizen", el Emulador Tizen tiene que estar en marcha como primera condición. Para esto, el SDK de Tizen permite crear tantos emuladores como usted desee utilizando el Administrador de emuladores. Para crear nuevos dispositivos emulados, iniciar el Administrador de emuladores en el explorador de conexiónes en el lado inferior izquierdo. Como se muestra a continuación
Esto va a ejecutar el administrador de Emuladores de Tizen como se muestra la figura siguiente.
Cuando la fila << crear Nuevo…>> esta seleccionada debajo de Larkspur 1.0, usted puede crear un Nuevo dispositivo Tizen Emulado haciendo click en el boton "crear" al pie de la ventana. Esto le va a permitir definir los diferentes atributos del dispositivo emulado como por ejemplo, el nombre del dispositivo, la resolucion, cantidad de memoria, etc. Yo le puse el nombre de WVGAdevice, con una resolucion igual a 400x800.
Ahora, después de confirmar, puede lanzar el emulador desde el botón en la parte inferior derecha como se muestra a continuación (“Launch”)
Esto abrirá el Emulador Tizen que requiere algunos ajustes en el inicio
También puede ver el emulador en el explorador de conexión. Vea la siguiente figura
Ahora bien, como el emulador de Tizen ya está funcionando, ahora de nuevo simplemente haga clic derecho en el proyecto en el Explorador de proyectos y luego ir a "Ejecutar como" y seleccione "Aplicación Web Tizen", como se muestra a continuación
En esta ocacion nuestra aplicacion Tizen se pondra en marcha en el emulador creado. Aquí podemos ver claramente la cabecera, el pie de página y el contenido del cuerpo.
De manera similar podemos ejecutar nuestra aplicación Tizen como "Application Tizen Simulador Web", y en consecuencia podemos ver nuestra aplicación corriendo en la ventana del simulador de Tizen, como se muestra a continuación.
Esta ventana del simulador le permite ver diversas funciones ( para obtener más información haga clic aquí) [ir a la documentación y búsque “Simulador”, como se muestra a continuación] - Proximamente en español.
Vamos a tratar de poner el mensaje “Hola Mundo” en el contenido del cuerpo. Para esto, abrir index.html.
Encuentra el código de abajo
Código:
<div data-role="content" > <p>This is a single page boilerplate template that you can copy to build your first Tizen Web UI Framework page.</p> <canvas width="" height="300"></canvas> </div><!-- /content -->
y sustituirlo por el siguiente Código:<div data-role="content" > <p>Hola mundo!<p> </div><!-- /content -->
Ahora haga clic derecho en el proyecto y seleccione Ejecutar como -> Aplicación Web Tizen como se muestra a continuación
Felicidades su primera aplicación Tizen - Hola Mundo - se ha completado.
Del mismo modo se puede cambiar el contenido de pie de página y del encabezado también. Puedes encontrar el código fuente completo del proyecto en archivo adjunto en la parte inferior. No duden en hacer cualquier pregunta.