Ahora si es momento de pasar a conocer lo m\u00e1s interesante que tiene este tema para embellecer nuestras aplicaciones desarrolladas con APEX.<\/p>\n
El Universal Theme<\/strong> nos permite disponer de los estilos CSS de cada componente simplemente asign\u00e1ndoles los atributos apropiados del componente seleccionado.<\/p>\n Para conocer c\u00f3mo trabajar con los diferentes componentes del Tema Universal, el equipo de desarrollo de APEX ha creado una aplicaci\u00f3n que muestra c\u00f3mo aplicar cada estilo a cada componente.<\/p>\n En el m\u00f3dulo de Aplicaciones Empaquetadas de APEX, disponemos de la aplicaci\u00f3n \u201cUniversal Theme Sample Application<\/em>\u201d la cual podemos instalar en nuestro Espacio de Trabajo y tener acceso a la edici\u00f3n de los componentes mostrados.<\/p>\n La Aplicaci\u00f3n nos muestra 6 grupos de componentes:<\/p>\n En la aplicaci\u00f3n empaquetada podemos ver los diferentes grupos de componentes y las Listas (List),<\/strong> a mi modo de ver por lejos fue uno de los componentes que m\u00e1s se nota el cambio de estilos, mostr\u00e1ndolo mucho m\u00e1s moderno como los que se usan actualmente en los sitios web en general.<\/p>\n Uno de los templates nuevos de tipo Lista que se a\u00f1adieron son los Cards<\/strong> que nos permite mostrar una variedad de informaci\u00f3n y pueden ser mostrados en 3 estilos diferentes, con \u00edconos o letras iniciales y adem\u00e1s podemos controlar el layout del mismo.<\/p>\n Para ver c\u00f3mo aplicar estos estilos a una aplicaci\u00f3n en APEX, vamos a crear una aplicaci\u00f3n b\u00e1sica dentro de un Espacio de Trabajo nuevo.<\/p>\n Para empezar – vamos a asumir que ya tenemos instalada una instancia de Oracle Database en nuestra PC y que ya hemos actualizado APEX a la versi\u00f3n 5.0<\/a>.<\/p>\n Para ingresar a APEX simplemente abrimos nuestro navegador favorito e ingresamos la siguiente URL: http:\/\/localhost:8080\/apex<\/a><\/p>\n Ahora vemos la pantalla de inicio de sesi\u00f3n de APEX e ingresamos las credenciales: Espacio de Trabajo: INTERNAL y la contrase\u00f1a ser\u00e1 la misma que se suministr\u00f3 cuando se realiz\u00f3 la actualizaci\u00f3n de APEX a la versi\u00f3n 5.0.<\/p>\n Cuando nos conectamos vemos la P\u00e1gina Principal de Administraci\u00f3n:<\/p>\n Hacemos clic en el bot\u00f3n azul Crear Espacio de Trabajo<\/strong> que se encuentra en la esquina superior derecha.<\/p>\n En la pantalla Identificar Espacio de Trabajo, ingresamos lo siguiente:<\/p>\n Espacio de Trabajo: DEMO<\/strong><\/p>\n Identificador Espacio de Trabajo: 100000<\/strong><\/p>\n Click on the button Siguiente<\/strong><\/p>\n En la pantalla de Identificaci\u00f3n de Esquema<\/em>, ingresamos lo siguiente:<\/p>\n Desea volver a utilizar esquema existente? : No<\/strong> Contrase\u00f1a de Esquema: demoapex<\/strong><\/p>\n Cuota de Espacio (MB): valor por defecto 100<\/strong><\/p>\n Hacemos clic en el bot\u00f3n SiguienteEn la pantalla Identificar Administrador:Necesitamos especificar las credenciales del usuario ADMINNota – El campo de email es obligatorio por ello debemos ingresarlo, podemos usar un email irreal que solo servir\u00e1 a efectos de demostraci\u00f3n.Usuarios Administrador: ADMINContrase\u00f1a: demo123Correo Electr\u00f3nico: mi@email.com<\/p>\n Click on the button Siguiente<\/strong><\/p>\n En la pantalla Confirmar Solicitud<\/em> nos muestra el resumen de la configuraci\u00f3n del Espacio de Trabajo:<\/p>\n Hacemos clic en el bot\u00f3n azul Crear Espacio de Trabajo<\/strong><\/p>\n Hacemos clic en el bot\u00f3n azul Listo<\/strong><\/p>\n Ahora necesitamos cerrar la sesi\u00f3n de la p\u00e1gina de administraci\u00f3n de APEX.<\/p>\n Para ingresar al nuevo Espacio de Trabajo reci\u00e9n creado, desde el navegador ingresamos la URL: http:\/\/localhost:8080\/apex<\/a><\/p>\n Se presenta la pantalla de inicio de sesi\u00f3n de APEX, e ingresamos las siguientes credenciales:<\/p>\n Espacio de Trabajo: DEMO<\/strong><\/p>\n Usuario: ADMIN<\/strong><\/p>\n Contrase\u00f1a: demo123<\/strong><\/p>\n Una vez ingresadas las credenciales, APEX solicitar\u00e1 un cambio de contrase\u00f1a del usuario ADMIN, por ello ingresamos una nueva contrase\u00f1a y volvemos a iniciar sesi\u00f3n con las nuevas credenciales.<\/p>\n Una vez ingresadas las nuevas credenciales se desplegar\u00e1 la p\u00e1gina de Inicio de APEX donde podemos visualizar los 4 m\u00f3dulos generales:<\/p>\n Para Crear una aplicaci\u00f3n de Base de Datos en APEX hacemos clic en el icono Creador de Aplicaciones.<\/strong><\/p>\n Se abre la p\u00e1gina del Creador de Aplicaciones y hacemos clic en el icono Crear<\/strong><\/p>\n Se inicia el asistente de creaci\u00f3n de la aplicaci\u00f3n:<\/p>\n En la pantalla \u00bfQu\u00e9 tipo de Aplicaci\u00f3n desea Crear?<\/em> hacemos clic en el icono Escritorio<\/em> y hacemos clic en el bot\u00f3n azul Siguiente.<\/strong><\/p>\n En la pantalla Name<\/em>, ingresamos el nombre de la aplicaci\u00f3n, para el resto de los valores lo dejamos por defecto.<\/p>\n Nombre: Demo Tema Universal<\/strong><\/p>\n Hacemos clic en el bot\u00f3n azul Siguiente.<\/strong><\/p>\n En la pantalla P\u00e1ginas<\/em>, tenemos una p\u00e1gina de Inicio seleccionada, no necesitamos agregar ninguna p\u00e1gina y hacemos clic en el bot\u00f3n azul Siguiente<\/strong>.<\/p>\n En la pantalla Componentes Compartidos<\/em>, aceptamos el valor por defecto y hacemos clic en el bot\u00f3n azul Siguiente<\/strong>.<\/p>\n En la pantalla Atributos<\/em>, asignamos:<\/p>\n Idioma de preferencia: Espa\u00f1ol (Alfabeto Tradicional) (es)<\/strong><\/p>\n Preferencia de Idioma de Usuario Derivada de: Idioma Primario de la Aplicaci\u00f3n<\/strong><\/p>\n Hacemos clic en el bot\u00f3n azul Siguiente<\/strong>.<\/p>\n En la pantalla Confirmar<\/em>, verificamos los datos ingresados:<\/p>\n Hacemos clic en el bot\u00f3n azul Crear Aplicaci\u00f3n.<\/strong><\/p>\n De esta manera tan sencilla tenemos nuestra aplicaci\u00f3n de Base de Datos creada que consiste en una p\u00e1gina en blanco de Inicio y una p\u00e1gina de Inicio de Sesi\u00f3n.<\/p>\n Para ejecutar la aplicaci\u00f3n, hacemos clic en el icono Ejecutar Aplicaci\u00f3n.<\/strong><\/p>\n Se presenta la p\u00e1gina de Inicio de Sesi\u00f3n, e ingresamos las credenciales del usuario ADMIN.<\/strong><\/p>\n Vamos a visualizar la P\u00e1gina de Inicio de la Aplicaci\u00f3n que en estos momentos se encuentra en blanco.<\/p>\n Como podemos ver disponemos del men\u00fa de navegaci\u00f3n en la lateral izquierda de nuestra aplicaci\u00f3n mostrado como un sidebar. Si nosotros deseamos cambiar el modo en que se visualiza dicho men\u00fa, necesitamos ingresar a la Definici\u00f3n de la Aplicaci\u00f3n<\/strong>.<\/p>\n Desde la barra de men\u00fa del desarrollador que se encuentra la parte inferior de la pantalla, hacemos clic en Aplicaci\u00f3n 104<\/strong>.<\/p>\n En la pantalla de Inicio del Creador de Aplicaciones<\/em> hacemos clic en el bot\u00f3n Editar Propiedades de la Aplicaci\u00f3n<\/strong>, que se encuentra en la parte superior derecha, arriba del icono Exportar\/Importar.<\/p>\n Hacemos clic en la ficha Interfaz de Usuario<\/strong> y luego hacemos clic en Interfaces de Usuario<\/strong><\/p>\n Para modificar el men\u00fa necesitamos acceder a la interfaz de usuario de Escritorio, (si tuvi\u00e9ramos la aplicaci\u00f3n realizada para m\u00f3viles, tambi\u00e9n se ver\u00eda debajo de la Interfaz de Escritorio la interfaz M\u00f3vil)<\/p>\n Hacemos clic en el icono de l\u00e1piz, se despliega la p\u00e1gina con diferentes fichas y hacemos clic en la ficha Men\u00fa de Navegaci\u00f3n <\/strong>y seleccionamos lo siguiente:<\/p>\n Posici\u00f3n: Principal<\/strong><\/p>\n Plantilla de Lista: Top Navigation Menu<\/strong><\/p>\n Hacemos clic en el bot\u00f3n azul Aplicar Cambios<\/strong> y ejecutamos la Aplicaci\u00f3n para ver los resultados:<\/p>\n Quiz\u00e1s no es muy intuitivo el cambio de orientaci\u00f3n del men\u00fa, pero puedo decir que esta caracter\u00edstica es algo que muchos desarrolladores en Apex est\u00e1bamos esperando!<\/p>\n Desde la p\u00e1gina de Inicio de la Aplicaci\u00f3n, hacemos clic en la P\u00e1gina en blanco llamada Inicio, de esta forma ingresamos al Dise\u00f1ador de P\u00e1ginas<\/strong>, una nueva caracter\u00edstica de APEX 5.0 que nos brinda un completo entorno de desarrollo integrado (IDE) dise\u00f1ado para maximizar la productividad de los desarrolladores para el mantenimiento de las p\u00e1ginas de la aplicaci\u00f3n.<\/p>\n El Dise\u00f1ador de P\u00e1ginas se divide en tres paneles:<\/p>\n Panel Izquierdo<\/strong><\/p>\n El panel izquierdo muestra las regiones, elementos de p\u00e1gina, botones, la l\u00f3gica de la aplicaci\u00f3n (por ejemplo, c\u00e1lculos, procesos y validaciones), acciones din\u00e1micas, bifurcaciones y los componentes compartidos como nodos en un \u00e1rbol.<\/p>\n Panel Central<\/strong><\/p>\n El panel central en el dise\u00f1ador de p\u00e1ginas contiene cuatro pesta\u00f1as primero se muestra el Dise\u00f1o de Cuadr\u00edcula<\/strong> que es una representaci\u00f3n visual de las regiones, los elementos y los botones que definen una p\u00e1gina. Podemos a\u00f1adir nuevas regiones, elementos y botones para una p\u00e1gina seleccion\u00e1ndolos de la Galer\u00eda en la parte inferior de la p\u00e1gina. Podemos ajustar el tama\u00f1o de cuadr\u00edcula de dise\u00f1o utilizando los divisores de ventana. Como alternativa, podemos hacer clic en el bot\u00f3n Ampliar para agrandar el panel del Dise\u00f1o de Cuadr\u00edcula y luego en Restaurar para volver al tama\u00f1o anterior. Luego se disponen de las pesta\u00f1as Mensaje, B\u00fasqueda de P\u00e1gina y Ayuda.<\/p>\n Panel<\/strong> Derecho<\/strong><\/p>\n El panel derecho muestra el editor de propiedades. Utilizamos este panel para editar las propiedades de los componentes seleccionados en el panel vista de \u00e1rbol o en el Dise\u00f1o de Cuadricula de la p\u00e1gina.<\/p>\n Al seleccionar los diferentes componentes, ya sea en vista de \u00e1rbol o de dise\u00f1o de cuadr\u00edcula, el Editor de Propiedades se actualiza autom\u00e1ticamente para reflejar la selecci\u00f3n actual. Los atributos se organizan en grupos funcionales que describen su prop\u00f3sito. Los atributos obligatorios muestran un tri\u00e1ngulo rojo en la esquina superior izquierda por encima de la etiqueta de atributo.<\/p>\n Lo interesante del Dise\u00f1ador de P\u00e1ginas es que ahora podemos crear todos los componentes de nuestra p\u00e1gina y asignarle sus atributos sin salirnos del Dise\u00f1ador de P\u00e1ginas permitiendo que el mantenimiento o el desarrollo de las p\u00e1ginas sean mucho m\u00e1s r\u00e1pido y eficiente.<\/p>\n Para Crear una visualizaci\u00f3n utilizando un nuevo template de tipo Lista llamado Cards, necesitamos crear una Lista.<\/p>\n Vamos a crear una Lista con 4 enlaces, para ello desde la p\u00e1gina de Inico de la Aplicaci\u00f3n hacemos clic en el icono de Componentes Compartidos.<\/strong><\/p>\n Esta p\u00e1gina se divide en 9 secciones, vamos a la secci\u00f3n Navegaci\u00f3n<\/strong> y hacemos clic en el enlace Listas<\/strong> y posteriormente hacemos clic en el bot\u00f3n azul Crear.<\/strong><\/p>\n En la pantalla Origen<\/em>, seleccionamos Nuevo<\/strong> y hacemos clic en el bot\u00f3n azul Siguiente<\/strong>.<\/p>\n En la pantalla Nombre y Tipo<\/em>, ingresamos:<\/p>\n Nombre: Lista_Demo<\/strong><\/p>\n Tipo: Est\u00e1tico<\/strong><\/p>\n Hacemos clic en el bot\u00f3n azul Siguiente.<\/strong><\/p>\n En la pantalla Valores Est\u00e1ticos o de Consulta<\/em>, ingresamos la siguiente informaci\u00f3n:<\/p>\n Etiqueta de Entrada:<\/p>\n ID de P\u00e1gina de Destino o URL Personalizada: colocamos en cada uno la almohadilla #<\/p>\n Hacemos clic en el bot\u00f3n azul Siguiente.<\/strong><\/p>\n En la pantalla Confirmar<\/em>, simplemente verificamos la informaci\u00f3n y hacemos clic en el bot\u00f3n azul Crear Lista<\/strong>.<\/p>\n Para que la lista luzca como se muestra en el ejemplo de la aplicaci\u00f3n del Tema Universal a\u00fan debemos ingresar en cada elemento de la lista cierta informaci\u00f3n.<\/p>\n Hacemos clic en el enlace de Lista que reci\u00e9n hemos creado Lista_Demo<\/strong><\/p>\n Visualizamos los cuatro enlaces y hacemos clic en el primero, en DBA Remoto.<\/p>\n En la p\u00e1gina de Entrada de Lista<\/em>, hacemos clic en la ficha Entrada<\/strong> e ingresamos en Imagen\/Clase<\/em> el icono que se mostrar\u00e1 que ser\u00e1 una base datos fa-database<\/strong>.<\/p>\n Luego hacemos clic en la ficha Atributos Definidos por el Usuario<\/strong> e ingresamos la siguiente informaci\u00f3n demo:<\/p>\n En el cual el punto uno es una breve descripci\u00f3n del servicio, el punto 2 corresponde a la leyenda que se encuentra en la esquina izquierda de la card y el punto 3 es referente a las letras que se usaran si no se muestra el icono.<\/p>\n Click on the button Aplicar Cambios<\/strong>.<\/p>\n Realizamos lo mismo para el resto de los elementos de la lista, asignando para la Imagen los siguientes iconos:<\/p>\n Desde el Panel de la izquierda<\/strong>, estando en la vista \u00e1rbol de Presentaci\u00f3n<\/strong>, hacemos clic sobre Regiones <\/em>con el bot\u00f3n derecho del mouse y hacemos clic en Crear Regi\u00f3n<\/strong>.<\/p>\n Podemos observar que se agreg\u00f3 la regi\u00f3n y no nos hemos ido de la p\u00e1gina del dise\u00f1ador. Para cambiar el nombre de la regi\u00f3n, ponemos la mirada en el panel de la izquierda donde se encuentra el editor de propiedades del componente reci\u00e9n creado, en este caso la Regi\u00f3n.<\/p>\n En la secci\u00f3n Identificaci\u00f3n<\/strong>:<\/p>\n T\u00edtulo: Diferentes Listas<\/strong><\/p>\n Tipo: Lista<\/strong><\/p>\n Ni bien se indica que el tipo de Regi\u00f3n es una Lista, el Dise\u00f1ador de P\u00e1ginas nos indica que hay un error y se muestra en el panel central en la ficha Mensajes<\/strong>.<\/p>\n Podemos tambi\u00e9n ver que en el Panel de la Izquierda queda indicado donde se encuentra el error, en la secci\u00f3n Origen debemos indicar cu\u00e1l es la Lista que debe usar como Origen, que en este caso usaremos la Lista reci\u00e9n creada Lista_Demo<\/strong>.<\/p>\n En la secci\u00f3n Apariencia<\/em>, seleccionamos la Plantilla: Blank with Attibutes<\/strong>.<\/p>\n Pasamos nuestra vista ahora al panel derecho en la vista \u00e1rbol en la ficha Presentaci\u00f3n, hacemos clic en Atributos (debajo de la Regi\u00f3n Diferentes Listas) luego posamos nuestra vista en el panel izquierdo del editor de propiedades y en la secci\u00f3n Apariencia, en la opci\u00f3n Plantilla de Lista seleccionamos Cards<\/strong>.<\/p>\n En Opciones de Plantilla, hacemos clic en el bot\u00f3n para abrir una ventana modal y seleccionar los siguientes atributos:<\/p>\n Click on the button Accept<\/strong> y luego guardamos la p\u00e1gina haciendo clic en el bot\u00f3n Guardar <\/strong>ubicado en la parte superior derecha de la p\u00e1gina.<\/p>\n Finalmente ejecutamos la p\u00e1gina para ver el resultado.<\/p>\n De esta forma y con muy poco esfuerzo podemos crear aplicaciones visualmente muy atractivas para nuestros clientes utilizando el Universal Theme<\/strong> que nos provee de diferentes estilos para cada uno de los componentes en APEX.<\/p>\n Les recomiendo instalar en su Espacio de Trabajo la aplicaci\u00f3n empaquetada que muestra cada uno de los componentes de APEX y c\u00f3mo el Tema Universal puede mostrar dichos elementos en las diferentes p\u00e1ginas de nuestra aplicaci\u00f3n.<\/p>\n En el presente art\u00edculo hemos aprendido a:<\/p>\n Hoy les quiero acercar a todos las nuevas caracter\u00edsticas que la versi\u00f3n 5.0 de APEX nos brinda con la utilizaci\u00f3n del Tema Universal. Para aquellos que han trabajado con APEX una de las principales discusiones era la dificultad para que las aplicaciones luzcan modernas y atractivas a los ojos de nuestros clientes y ahora graciasContinue reading “Nuevo \u201cLook and Feel\u201d en nuestras aplicaciones desarrolladas con Oracle APEX”<\/span><\/a><\/p>","protected":false},"author":132749711,"featured_media":16456,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_crdt_document":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":true,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_wpas_customize_per_network":false},"categories":[121913,121930],"tags":[121929,121931],"class_list":["post-12629","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-oracle-apex-5-0","tag-apex-5-0","tag-tema-universal","entry"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/Destacada-Nuevo-Look-and-Feel.jpg?fit=2949%2C1735&ssl=1","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paMvMS-3hH","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/12629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/users\/132749711"}],"replies":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/comments?post=12629"}],"version-history":[{"count":5,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/12629\/revisions"}],"predecessor-version":[{"id":16457,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/12629\/revisions\/16457"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/media\/16456"}],"wp:attachment":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/media?parent=12629"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/categories?post=12629"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/tags?post=12629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img2-1.jpg?resize=600%2C400&ssl=1\")
<\/p>\nCrear Espacio de Trabajo<\/h2>\n
![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img3.png?resize=750%2C314&ssl=1\")
<\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img4.jpg?resize=621%2C227&ssl=1\")
<\/p>\n
\nNombre de Esquema: DEMO<\/strong><\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img7.jpg?resize=574%2C326&ssl=1\")
<\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img8.jpg?resize=750%2C345&ssl=1\")
<\/p>\nCrear Aplicaci\u00f3n de Base de Datos<\/h2>\n
![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img9.jpg?resize=432%2C511&ssl=1\")
<\/p>\n\n
![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img10.jpg?resize=750%2C213&ssl=1\")
<\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img11.jpg?resize=669%2C389&ssl=1\")
<\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img12.jpg?resize=750%2C329&ssl=1\")
<\/p>\nEjecutar Aplicaci\u00f3n Demo<\/h2>\n
![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img13.jpg?resize=472%2C232&ssl=1\")
<\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img14.jpg?resize=750%2C435&ssl=1\")
<\/p>\nModificar Orientaci\u00f3n del Men\u00fa de Navegaci\u00f3n<\/h2>\n
![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img15.jpg?resize=750%2C245&ssl=1\")
<\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img16.jpg?resize=750%2C444&ssl=1\")
<\/p>\n![\"\"](\"\/wp-content\/uploads\/2018\/09\/img14-1.jpg\")
<\/a><\/p>\nConociendo el Dise\u00f1ador de P\u00e1ginas<\/h2>\n
![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img18.jpg?resize=750%2C344&ssl=1\")
<\/p>\nCrear Lista<\/h2>\n
![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img19.jpg?resize=601%2C283&ssl=1\")
<\/p>\n\n
![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img20.jpg?resize=697%2C273&ssl=1\")
<\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img21.jpg?resize=528%2C285&ssl=1\")
<\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img22.jpg?resize=586%2C329&ssl=1\")
<\/p>\n\n
![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img23.jpg?resize=750%2C344&ssl=1\")
<\/p>\n\n
Crear Regi\u00f3n de Tipo Lista<\/h2>\n
![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img24.jpg?resize=750%2C198&ssl=1\")
<\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img25.jpg?resize=520%2C319&ssl=1\")
<\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/05\/img26.jpg?resize=750%2C374&ssl=1\")
<\/h2>\nConclusion<\/h2>\n
\n