Sencha Architect
Transcript of Sencha Architect
Instalando Sencha Architect
para desarrollo Web ¿Qué es Sencha Architect?
Se usa para construir aplicaciones móviles y de escritorio.
La mejor aplicación HTML5 visual constructor, arquitecto Sencha 2 permite a su equipo para diseñar, desarrollar y desplegar aplicaciones desde un único entorno integrado. Por último, los diseñadores 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.
Instalación de Sencha Architect
1) Pre-requisitos
a. JDK 1.6+
*Puedes ver la instalación 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 términos y condiciones, siguiente.
e. Seleccionamos la ubicación, 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 Containers→Container y arrastramos al centro de la
página.
d. Podemos modificar el tamaño del container, en la parte derecha se
vera en forma de árbol nuestro proyecto.
e. Ahora llenemos nuestro container:
Forms→Form Panel , jalamos al centro dentro del container
o sino lo ponemos debajo del container en el árbol de la
parte derecha.
Luego añadimos una etiqueta de texto y una caja de texto:
1. Forms→Label y arrastramos dentro del formulario
2. Forms→Text Field y arrastramos dentro del
formulario
3. Para cambiar un nombre solo hacemos doble clic en
el objeto.
4. Forms→button y arrastramos dentro del formulario.
f. Quedara así:
g. Guardamos:
Agregamos la ubicación y nombre del proyecto. Save.
h. Ahora vamos a la ubicación del proyecto y abrimos con doble clic el
archivo app.
Trabajo realizado por el área de sistemas de CJAVA
Para consultas, dudas o asistencia técnica comunicarse al siguiente correo:
o www.cjavaperu.com