Entradas

Sesión 5 - HTML

Imagen
¿Qué es HTML? HyperText Markup Language es un lenguaje de marcas sobre el cual están escritas la mayoría de páginas web. Además, describe la estructura de las páginas web y permite insertar, texto y media en ellas. Tomada de: https://www.udemy.com/html-online-course/ Evolución de HTML La siguiente imagen muestra la evolución de HTML a lo largo de los años, un breve resumen de la misma sería: 1991: HTML 1.0 debuta como un lenguaje basado en SGML, pero incluyendo el tag href . 1994: HTML 2.0 aparece como el primer conjunto de estándares HTML oficial.  1997: HTML facilita el uso de tablas y permite el uso de map images . 1997: HTML 3.2 nace de la creencia que el uso de atributos como el color, estilos de fuentes y demás  estaban alejando a HTML de sus raíces de organizar. 1998: HTML 4.0 aparece como una recomendación, este incluía CSS para los estilos por separado. 2000: Nace XHTML de la unión de fuerzas entre HTML y XML. 2004: Se crea  We...

Sesión 4 - Criterios de selección

Imagen
Al seleccionar la tecnología a usar para desarrollar una aplicación web se pueden cometer ciertos errores que, en un futuro pueden tener impacto grande en el desarrollo del sistema, haciendo que se pierdan recursos, sea tiempo o dinero. Esta entrada viene siendo una guía de qué debemos considerar a la hora de tomar decisiones referentes a las herramientas que se usarán en el desarrollo de nuestra aplicación. Que NO hacer NO escoger basándose en la experiencia de terceras personas : es fácil tomar como ejemplo otras empresas que hayan realizo aplicaciones similares, sin embargo, esto no siempre es recomendable, especialmente si hablamos de la competencia. NO escoger basándose  en los gustos personales: es normal tener preferencias hacia ciertas tecnologías, principalmente esas que se nos hacen más fáciles, aunque no podemos anteponer nuestros deseos al éxito del proyecto. NO escoger basándose en proyectos anteriores: las buenas experiencias con proyectos anteriores ...

Sesión 4 - Application stack y web stack application

Imagen
¿Qué es una Application Stack? Hace referencia a la forma en que representamos el hardware y cómo el software es ejecutado sobre él. Cuando hablamos del modelo tradicional es común ver una imagen como esta: Representación básica de una application stack. Tomada de: https://www.digitalsignage.net/2017/12/01/the-cloud-part-1-types-of-cloud/ Sin embargo en aplicaciones web, los dos últimos niveles no son importantes, debido sus capacidad de ejecutarse a través de Internet. Componentes de una Application stack Cuando considerados cómo se compone un application stack debemos de tener claro 5 piezas claves, estan son: UX/UI Design User Interface and User Experience Design, se encarga de tomar los requerimientos de negocio y representarlos en una especie de "mockup". Ayuda a representar como los usuarios van a interactuar con el sistema y la forma en que los datos serán representados. Algunas tecnologías o herramientas que se usan:   Front en...

Sesión 4 - Ciclo de desarrollo

Imagen
En esta entrada se muestra el ciclo de vida referente al desarrollo de aplicaciones web, además, se explica de manera breve cada una de las etapas de dicho desarrollo: Referencias Solano, E. (2018). Que es una APP WEB? Curso Introducción al desarrollo de aplicaciones WEB - IC8016.  Web Development Life Cycle. (n.d.). Retrieved from http://cs.tsu.edu/ghemri/CS117/ClassNotes/Web Development Life Cycle_small.htm Wikipedia contributors. (2018, November 30). Systems development life cycle. In Wikipedia, The Free Encyclopedia. Retrieved 21:14, December 16, 2018, from https://en.wikipedia.org/w/index.php?title=Systems_development_life_cycle&oldid=871400944

Sesión 3 - Ejemplo de uso de servlets y JSP

Imagen
Enunciado A continuación se presenta un enunciado con el trabajo a desarrollar en este ejemplo, el siguiente PDF, describe que se debe hacer con el fin de que el ejemplo pueda ser considerado válido. 1. Creación de un nuevo proyecto Para este ejemplo, usaremos Netbeans IDE 8.2, por lo que para crear la aplicación Java Web, la guía será sobre este IDE. En caso de usar otro, puede brincar hasta el paso 2. Al hacer click en Nuevo Proyecto... se abrirá una ventaja como la siguiente, en este caso crearemos una aplicación Java Web > Web Application. Seguidamente, asignamos un nombre y ubicación a nuestro proyecto. Finalmente, podemos escoger el servidor web a usar. En caso de no tener servidor, será necesario descargar uno y seguidamente agregarlo con el botón Add mostrado en la siguiente captura. En este caso usaremos GlassFish Server 5, pero es posible usar cualquier otro servidor. Después de este paso podemos dar a Finish. 2. Creaci...