Sesión 4 - Application stack y web stack application

¿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:

Resultado de imagen para traditional application stack
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:

Resultado de imagen para photoshop Resultado de imagen para sketch appResultado de imagen para paper png




Front end

Se encarga de generar los prototipos funcionales del sistema, es decir, crea "la fachada" de la aplicación a desarrollar. Entre las herramientas que se usan se encuentran:

Imagen relacionada


Back end

Se encarga de darle vida a la "fachada" de la aplicación, toma el prototipo funcional y con este se define una arquitectura escalable capaz de aceptar concurrencia. Algunas tecnologías:

Resultado de imagen para back end technologies


Ops + Data

Se desarrolla el código servidor, y se le da mantenimiento al mismo. Algunas de las tecnologías usadas en esta etapa son:  


Resultado de imagen para LinuxResultado de imagen para sql logo




Tecnologías en arquitectura cliente-servidor

En una arquitectura de este tipo el sistema se divide en dos partes, la parte del cliente y la parte del servidor para conocer más de esta arquitectura puede revisar esta entrada.
Ambas partes de la arquitectura hacen uso de tecnologías distintas debido a sus diferentes funciones. Estas tecnologías son mencionadas a continuación.

Tecnologías en ambos lados de una arquitectura  web. Tomada de Que es una APP WEB (Solano, 2018).



Referencias

100 Awesome Web Development Tools and Resources. (n.d.). Retrieved from https://www.keycdn.com/blog/web-development-tools

Eggleston, L. (2017). Can a Full Stack Developer Exist?. Course Report. Retrieved from: https://www.coursereport.com/blog/full-stack-developer-vs-specializing-within-the-web-stack#ProgrammingLanguagesinthe%22Stack%22

Solano, E. (2018). Que es una APP WEB? Curso Introducción al desarrollo de aplicaciones WEB - IC8016.



Comentarios

Publicar un comentario

Entradas más populares de este blog

Sesión 6 - Javascript

Imagen
¿Qué es Javascript? Javascript es considerado el lenguaje de programación de HTML y por ende, de la web. Es un lenguaje dinámico, levemente tipado y multiparadigma. ¿Por qué usar Javascript? Permite controlar el comportamiento de las páginas web. Permite la creación de páginas web dinámicas. Puede usarse en aplicaciones móviles, desktop applications y web applications. Facilidad  de uso. Amplia comunidad de desarrolladores que lo usan. Permite el uso de Single-page applications (el navegador se encarga de representar la página). ¿Cómo usar Javascript? Una de las formas más sencillas y conocidas para usar Javascript en nuestra página web es usando el evento onclick , en HTML la sintaxis sería algo así:  <element onclick="myScript"> Este evento se usa en la mayoría de casos para darle funcionalidad a botones, aunque también puede funcionar con otros tipos de elementos. Ejemplo: -----------------------------------------------
Leer más

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
Leer más

Laboratorio 1 : Desarrollo práctico de una página WEB acerca de su vida personal

Imagen
Para este laboratorio se tomará en cuenta únicamente la parte visual de la página web, es decir no se realizará funcional. Para entender mejor lo solicitado se presenta el enunciado del Laboratorio 1: Para acceder al código HTML y CSS de la  página web creada como resultado del laboratorio use el siguiente link:  https://drive.google.com/drive/folders/1byjlM9hELTEGUPWGojJ3YUDIHoQddy8v?usp=sharing NOTA: En el los archivos subidos, el link al CSS contiene un path local, basta con cambiar el path a  "css/custom.min.css" Elementos usados HTML <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">:  se encarga de que la página realizada tenga la característica responsive, esto diciéndole al navegador como debe ajustarse.  <li><a class="active" href="home.html">Home</a></li>: usado para representar un item en una lista, en este caso, se usó como elemento del m
Leer más