Instalando Sencha Architect para desarrollo Web

Qu es Sencha Architect?
Se usa para construir aplicaciones mviles y de escritorio. La mejor aplicacin HTML5 visual constructor, arquitecto Sencha 2 permite a su equipo para disear, desarrollar y desplegar aplicaciones desde un nico entorno integrado. Por ltimo, los diseadores y desarrolladores pueden trabajar en la cerradura-paso para crear aplicaciones sorprendentes.

Para qu se usa?
ExtJS 4, el framework de Sencha para crear aplicaciones web RIA con JavaScript.

Instalacin de Sencha Architect 1) Pre-requisitos

a. JDK 1.6+

*Puedes ver la instalacin de estos programas en: http://www.cjavaperu.com/instalaciones 2) Descargar:

a. Descargar el SDK en:

http://www.sencha.com/products/architect/download

 Hacemos clic en Download Now o sino haremos la descarga de acuerdo a nuestro sistema operativo. Empezara la
descarga. El archivo es un .exe. Una vez descargado ejecutamos el .exe.

3) Instalar Sencha Architect

a. Clic en ejecutar:

b. Seleccionamos el idioma, ok.

c. Siguiente,

d. Aceptamos los trminos y condiciones, siguiente.

e. Seleccionamos la ubicacin, dejamos por defecto. Siguiente.

f. Siguiente.

g. Terminando de instalar, clic en terminar.

h. Se creara un icono en el escritorio, al abrir saldr una ventana y aceptamos la licencia.

i.

Ahora ingresamos nuestro id, si no tenemos podemos crearlo.

4) Ejemplo:
a. Abrimos el programa, seleccionamos Ext JS 4.0.x

b. Cargara y abrir la ventana de proyectos.

c. Seleccionamos ContainersContainer y arrastramos al centro de la pgina.

d. Podemos modificar el tamao del container, en la parte derecha se vera en forma de rbol nuestro proyecto.

e. Ahora llenemos nuestro container: FormsForm Panel , jalamos al centro dentro del container o sino lo ponemos debajo del container en el rbol de la parte derecha.

 Luego aadimos una etiqueta de texto y una caja de texto: 1. FormsLabel y arrastramos dentro del formulario 2. FormsText Field y arrastramos dentro del formulario 3. Para cambiar un nombre solo hacemos doble clic en el objeto. 4. Formsbutton y arrastramos dentro del formulario.

f. Quedara as:

g. Guardamos:

Agregamos la ubicacin y nombre del proyecto. Save.

h. Ahora vamos a la ubicacin del proyecto y abrimos con doble clic el archivo app.

Trabajo realizado por el rea de sistemas de CJAVA

Para consultas, dudas o asistencia tcnica comunicarse al siguiente correo: o o o soporte@cjavaperu.com sistemas@cjavaperu.com www.cjavaperu.com