Desarrollo y reutilización de componentes software y multimedia mediante lenguajes de guión. IFCD0210
()
Información de este libro electrónico
Relacionado con Desarrollo y reutilización de componentes software y multimedia mediante lenguajes de guión. IFCD0210
Libros electrónicos relacionados
Elaboración de documentos web mediante lenguajes de marcas. IFCD0210 Calificación: 0 de 5 estrellas0 calificacionesDesarrollo de aplicaciones web en el entorno servidor. IFCD0210 Calificación: 0 de 5 estrellas0 calificacionesDiseño funcional y de la interactividad de productos multimedia. ARGN0110 Calificación: 0 de 5 estrellas0 calificacionesUF1304 - Elaboración de Plantillas y Formularios Calificación: 0 de 5 estrellas0 calificacionesUF2405 - Modelo de programación web y bases de datos Calificación: 0 de 5 estrellas0 calificacionesDesarrollo de prototipos de productos editoriales multimedia. ARGN0110 Calificación: 0 de 5 estrellas0 calificacionesPublicación de productos editoriales multimedia. ARGN0110 Calificación: 0 de 5 estrellas0 calificacionesDiseño de elementos software con tecnologías basadas en componentes. IFCT0609 Calificación: 0 de 5 estrellas0 calificacionesElaboración y edición de presentaciones con aplicaciones informáticas. ADGG0308 Calificación: 0 de 5 estrellas0 calificacionesElaboración de plantillas y formularios. IFCD0110 Calificación: 0 de 5 estrellas0 calificacionesOperaciones auxiliares con Tecnologías de la Información y la Comunicación. IFCT0108 Calificación: 0 de 5 estrellas0 calificacionesAplicaciones informáticas de bases de datos relacionales. ADGN0210 Calificación: 0 de 5 estrellas0 calificacionesSgbd e instalación. IFCT0310 Calificación: 0 de 5 estrellas0 calificacionesElaboración de hojas de estilo. IFCD0110 Calificación: 0 de 5 estrellas0 calificacionesUF1272 - Administración y auditoría de los servicios web Calificación: 0 de 5 estrellas0 calificacionesAplicaciones microinformáticas e internet para consulta y generación de documentación. IFCT0310 Calificación: 0 de 5 estrellas0 calificacionesAplicaciones informáticas de bases de datos relacionales. ADGG0208 Calificación: 0 de 5 estrellas0 calificacionesDiseño conceptual de bases de datos en UML Calificación: 0 de 5 estrellas0 calificacionesDespliegue y puesta en funcionamiento de componentes software. IFCT0609 Calificación: 0 de 5 estrellas0 calificacionesAdministración y monitorización de los sgbd. IFCT0310 Calificación: 0 de 5 estrellas0 calificacionesAplicación de técnicas de usabilidad y accesibilidad en el entorno cliente. IFCD0210 Calificación: 0 de 5 estrellas0 calificacionesDesarrollo web con HTML 5 Calificación: 0 de 5 estrellas0 calificacionesUF2216 - Repositorios de contenidos Calificación: 4 de 5 estrellas4/5Iniciación a la creación de páginas web Calificación: 0 de 5 estrellas0 calificacionesLibro Científico: Investigaciones En Tecnologias De Información Informatica Y Computación Calificación: 0 de 5 estrellas0 calificacionesSistema operativo, búsqueda de información: Internet/Intranet y correo electrónico. ADGD0108 Calificación: 0 de 5 estrellas0 calificacionesSistema operativo, búsqueda de información: Internet/Intranet y correo electrónico. ADGN0210 Calificación: 0 de 5 estrellas0 calificacionesUX Design Calificación: 0 de 5 estrellas0 calificacionesProyectos de productos editoriales multimedia. ARGN0110 Calificación: 0 de 5 estrellas0 calificacionesUF2218 - Desarrollo de un CMS Calificación: 0 de 5 estrellas0 calificaciones
Internet y web para usted
Habilidades de Conversación para Introvertidos: Descubre cómo interactuar socialmente cómo un extrovertido natural y a ser la persona más interesante del lugar Calificación: 0 de 5 estrellas0 calificacionesMarketing en Redes Sociales: Una Guía Completa Para Hacer Crecer su Marca en Redes Sociales Calificación: 5 de 5 estrellas5/5Tu tienda online con Wordpress y Amazon Calificación: 5 de 5 estrellas5/5Cómo ser una Persona más Sociable: Aprende a hablar con cualquiera sin temor e incrementa por completo tu inteligencia social Calificación: 5 de 5 estrellas5/5Cómo Eliminar Distracciones: Dispara tu Atención y Concentración Mental con Sencillos Métodos que Puedes Empezar a Usar Hoy Mismo Calificación: 5 de 5 estrellas5/5Conquista de las Redes Sociales: 201 Consejos para Marketeros y Emprendedores Digitales Calificación: 5 de 5 estrellas5/57 Pasos Para Ser Un Pentester: Cómo hackear, #0 Calificación: 5 de 5 estrellas5/5Guía De Hacking De Computadora Para Principiantes: Cómo Hackear Una Red Inalámbrica Seguridad Básica Y Pruebas De Penetración Kali Linux Su Primer Hack Calificación: 0 de 5 estrellas0 calificacionesEl Gran Cuaderno de Podcasting: Cómo crear, difundir y monetizar tu podcast Calificación: 4 de 5 estrellas4/5Consejos de Redacción para los Anuncios: Cómo Escribir Publicidad que Venda Calificación: 4 de 5 estrellas4/5Marketing de contenidos. Guía práctica Calificación: 4 de 5 estrellas4/5El gran libro de HTML5, CSS3 y Javascript Calificación: 3 de 5 estrellas3/5Las Estafas Digitales Calificación: 5 de 5 estrellas5/5GuíaBurros Linkedin: Todo lo que necesitas saber para sacarle partido a esta red social profesional Calificación: 0 de 5 estrellas0 calificacionesCómo empezar un canal de YouTube: Cómo puede pasar de hacer vídeos para subirlos y conseguir suscriptores a ganar dinero Calificación: 0 de 5 estrellas0 calificacionesGuíaBurros: Crear una Web en WordPress: Todo lo que debes saber para crear tu propia Web en WordPress Calificación: 5 de 5 estrellas5/5Marketing de Influencers Calificación: 5 de 5 estrellas5/5CÓMO MONETIZAR LAS REDES SOCIALES Calificación: 4 de 5 estrellas4/5Diseño Web con CSS Calificación: 5 de 5 estrellas5/5La Guía Básica de JavaScript Calificación: 4 de 5 estrellas4/5Deep Web: Todos los secretos y misterios de la red detrás de la red Calificación: 5 de 5 estrellas5/5Hacking Ético 101 - Cómo hackear profesionalmente en 21 días o menos! 2da Edición: Cómo hackear, #1 Calificación: 4 de 5 estrellas4/5Como Crear un Podcast para Enseñanza Calificación: 3 de 5 estrellas3/5Marketing Digital. Posicionamiento SEO, SEM y Redes Sociales Calificación: 4 de 5 estrellas4/5Publicidad en Redes Sociales Curso Práctico: Aprende cómo anunciar tu marca con Facebook, Instagram, YouTube y Pinterest Ads Calificación: 0 de 5 estrellas0 calificacionesTécnicas de Growth Hacking para escalar tu negocio en la era digital Calificación: 4 de 5 estrellas4/5
Comentarios para Desarrollo y reutilización de componentes software y multimedia mediante lenguajes de guión. IFCD0210
0 clasificaciones0 comentarios
Vista previa del libro
Desarrollo y reutilización de componentes software y multimedia mediante lenguajes de guión. IFCD0210 - José Raúl Aranda Córdoba
Capítulo 1
Arquitecturas de aplicaciones web
Contenido
1. Introducción
2. Esquema general
3. Arquitectura en capas
4. Interacción entre las capas cliente y servidor
5. Arquitectura de la capa cliente
6. Resumen
1. Introducción
Las aplicaciones web ofrecen servicios a los usuarios que acceden utilizando navegadores (conocidos como clientes livianos), los cuales no ejecutan demasiadas labores de procesamiento, dirigiéndose a una dirección de internet donde obtendrán los servicios que se necesitan.
Se pueden distinguir dos lados dentro de la arquitectura: por un lado, está el cliente, que es donde se encuentra el usuario interactuando con la aplicación a través de un navegador (Mozilla Firefox, Internet Explorer, Opera, Chrome, Safari, etc.); y por otro lado, está el servidor, en el que se encuentran los datos y la propia aplicación.
Las aplicaciones web pueden ser de acceso público, como portales de internet, tiendas virtuales, etc., o de acceso restringido, como son las intranets o las extranets.
2. Esquema general
Antes de comenzar a desarrollar un sitio web es muy recomendable elaborar la estructura de las secciones que contendrá el mismo. Una buena estructura permitirá al usuario visualizar todos los contenidos de una manera fácil y clara, mientras que una web mal estructurada producirá al visitante una sensación de estar perdido, no encontrará rápidamente aquello que busca y, al final, terminará por dejar el sitio.
Para la elaboración de dicha estructura se puede utilizar algún tipo de software específico o, si la web es pequeña, se puede realizar un esquema sencillo en una hoja de papel.
Un sitio web está formado por un conjunto de páginas interrelacionadas entre sí. Cada página puede contener subelementos, contenidos multimedia y herramientas interactivas.
2.1. La estructura depende del contenido
Los contenidos pueden ser texto, imágenes, sonidos, vídeos, etc. En general, toda aquella información que va a albergar nuestro sitio web.
Dependiendo de qué contenido tenga el sitio web, se estudiará qué tipo de estructura utilizar:
Estructura lineal: esta estructura es la más simple de todas. Consiste en que todas las páginas están dispuestas de forma consecutiva, como si se estuviese leyendo un libro, de tal manera que, estando en una página, se puede navegar a la página anterior o a la página siguiente.
Estructura jerárquica: es la típica estructura de árbol, donde el nodo principal o elemento raíz es la página principal o página de bienvenida; pudiéndose sustituir por la página de contenido. Al acceder a una sección, conducirá a una lista de subtemas, pudiendo estos dividirse o no.
Este tipo de organización permite al usuario saber en qué lugar de la estructura se encuentra.
Estructura en red: en la estructura en red aparentemente no existe ningún orden establecido. Las distintas páginas pueden enlazarse unas con otras sin orden aparente.
Estructura mixta: este tipo de estructuras es una mezcla de las anteriores (jerárquica con enlaces cruzados del tipo de estructura de red).
Nota
Las estructuras mixtas son las que normalmente se suelen utilizar para la mayoría de proyectos web con cierta envergadura.
Una vez se haya valorado qué tipo de estructura se adapta a unas necesidades concretas, se debe responder a preguntas tales como: ¿tendrá buscador?, ¿cómo se navegará por el sitio web?, ¿qué categorías tendrá? y, en definitiva, ¿cómo hacer que el usuario navegue y encuentre aquello que busca en el sitio web fácilmente?
La mayoría de preguntas tienen que ver con cómo interactuará el usuario con el sitio web. Para ello, existen principalmente dos formas: a través de menús y de enlaces. Un sitio web es una colección de páginas interrelacionadas entre sí. Cada página puede contener otros elementos, contenidos multimedia y herramientas interactivas.
El usar un sistema de búsquedas en el sitio no tiene por qué ser imprescindible, pero en caso de tenerlo, hay que tener en cuenta la forma en que el usuario interactúa con este.
Actividades
1. Realice una estructura jerárquica de una web con tres niveles de profundidad.
2.2. Etapas para desarrollar el diseño conceptual
Teniendo en cuenta todo lo anterior, se van a ver las etapas que suponen llevar a cabo el diseño conceptual de nuestro sitio web.
Delimitación del tema
En esta etapa se definen los objetivos que se pretenden alcanzar con el desarrollo de la plataforma y a quién irá dirigida (qué usuarios se quieren atraer al sitio web). Se define qué contenido llevará y cuál no.
Recolección de la información
En esta etapa se recolecta aquella información o contenido que va a tener la web en consonancia con las especificaciones efectuadas en la etapa anterior, pudiendo esta información ser vídeos, imágenes, texto, etc.
Agregación y descripción
Una vez que se tiene la información que irá en el sitio, se comienza una clasificación apropiada. Aquí hay que encontrar un adecuado balance entre la linealidad y la jerarquización. También es importante proveer de índices cada descriptor que haya sido diseñado.
Diseño y estilo gráfico
Un problema habitual del diseñador web es el de alcanzar la mayor audiencia posible sin sacrificar los aspectos gráficos y funcionales que pueden desearse o requerirse en un sitio.
Aunque se desee beneficiarse de la tecnología más reciente, también existe la preocupación de que la audiencia crea que las implicaciones no se tienen en cuenta si la nueva tecnología no es totalmente compatible con el hardware/ software que se emplea.
Cuando se crean sitios para la mayor audiencia posible, se llega a la conclusión de que no siempre es posible utilizar la tecnología más reciente. De ser así, hay que centrarse en hacer el mejor uso posible de los aspectos tecnológicos más prácticos.
Después de recolectar todos los requisitos e información para construir estructuralmente el sitio, se debe tener cuidado para asegurar que la imagen de marca del sitio se establezca y se mantenga.
Nota
La imagen de marca no es simplemente un logotipo. Es el mensaje global del sitio web. La imagen de marca es la personalidad en línea de la organización.
Ensamble final
Cuando ya se tienen recolectados todos los requerimientos y construido el boceto, se pasa a ensamblar las distintas páginas. Para ello, se incorporará el estilo gráfico especificado, así como la totalidad del contenido de las distintas páginas que tendrá el sitio web.
Testeo
La comprobación de una página debe hacerse mientras se está en la fase de desarrollo, en lugar de esperar a que esté totalmente finalizada. En caso contrario, se puede asumir que la página se visualiza perfectamente en un navegador en concreto, pudiendo no funcionar de forma correcta en otro. Para ello, es importante comprobar el buen funcionamiento del sitio web en varios navegadores.
Importante
Es necesario comprobar bien el funcionamiento de nuestra web en el mayor número de navegadores y plataformas, ya que en muchas ocasiones el código que se muestra bien en un navegador es incompatible en otro.
3. Arquitectura en capas
La arquitectura cliente/servidor genérica tiene dos tipos de nodos en la red: por un lado, los clientes; y por otros, los servidores.
A este tipo de arquitecturas genéricas se hará referencia a veces como arquitecturas de dos niveles o dos capas.
Es posible encontrarse con redes que disponen de tres tipos de nodos:
Clientes (normalmente navegadores web), que se encargan de las peticiones realizadas por el usuario y de devolver el resultado de estas peticiones.
Servidores, que procesan los datos (son los encargados de devolver la consecución de las peticiones realizadas por el usuario).
Servidores de base de datos, en este caso son los encargados de almacenar la información.
Esta configuración se llama arquitectura de tres capas. El procedimiento es el siguiente:
El usuario interactúa con el cliente.
Dicho cliente hace una solicitud al servidor de aplicaciones.
Este servidor requiere información de la base de datos de otro servidor.
Este, a su vez, le devuelve la petición con el resultado al servidor de aplicaciones y, finalmente, se visualiza en el cliente.
Sabía que…
El sistema de arquitectura en tres capas es conocido en el mundo del desarrollo de software como modelo MVC (Modelo Vista Controlador). Por un lado, está la capa cliente (Vista), el servidor de aplicaciones (Controlador) y el servidor de base de datos (Modelo).
3.1. Sistema de dos capas
Las ventajas del sistema de dos capas son las siguientes:
El desarrollo de aplicaciones es mucho más rápido.
El cliente se conecta al servidor cuando necesita realizar algún tipo de petición de información. Una vez recibida esta, la conexión se cierra y deja la red libre para que este u otro usuario pueda realizar otra conexión. De esta manera, se reduce de una forma muy importante el tráfico de red.
Gran parte del proceso se ejecuta en el navegador (ordenador del cliente). Así se consigue mejorar el balance de carga en los diversos servidores.
Las desventajas del sistema de dos capas son las siguientes:
En los sistemas de dos capas, al encontrarse la mayoría de la aplicación en el cliente, a la hora de realizar cambios hay que volver a enviar la nueva versión a todos los clientes que la utilicen.
Continuamente van apareciendo nuevas versiones, tanto del entorno cliente como de base de datos. El depender de una determinada herramienta puede comprometer las futuras ampliaciones y desarrollos.
3.2. Arquitectura de tres capas
Ante los problemas que derivaban del uso de la arquitectura de dos capas, se añadió un nuevo nivel, una capa intermedia en el proceso. Cada proceso se ejecuta por separado en plataformas distintas.
Niveles de la arquitectura de tres capas
Las diferentes capas suelen ser:
Capa 1: cliente de aplicación. Navegador web.
Capa 2: servidor de aplicaciones: Apache, servidor Tomcat con Servlet, etc.
Capa 3: servidor de datos. Base de datos, servidor SMTP, etc.
Nota
El principal servidor de aplicaciones usado hoy en día es el servidor Apache.
Las ventajas de la arquitectura de tres capas son las siguientes:
Las llamadas realizadas al servidor por parte de la estación de trabajo del cliente son más flexibles, ya que solamente se necesita enviar la petición del cliente a la capa intermedia.
Con esta arquitectura es posible modificar los parámetros, tanto del servidor de aplicación como del servidor de base de datos, sin que por ello haya que realizar cambios en la capa cliente.
El código del cliente se mantiene separado de las demás capas. De esta forma, es más fácil realizar el mantenimiento.
Las desventajas de la arquitectura tres capas y basadas en web son las siguientes:
Pueden incrementar el tráfico de la red y requieren más balance de carga.
Los navegadores web no son todos iguales.
El desarrollar aplicaciones para este tipo de arquitecturas es más difícil, ya que hay que ir probando entre los distintos dispositivos.
Sabía que…
Se puede usar un software específico llamado virtualizador y de esta forma tener en la misma máquina física funcionando diversos sistemas operativos distintos, incluyendo software de servidor.
Actividades
2. Enumere las características principales de la arquitectura de tres niveles.
4. Interacción entre las capas cliente y servidor
En la arquitectura cliente-servidor, el remitente de una solicitud es conocido como cliente. Este es quien inicia las solicitudes o peticiones a otro programa, encontrándose este en el servidor, que es el que le da la respuesta; esperando y recibiendo respuestas del mismo.
Normalmente, el cliente interactúa directamente con los usuarios finales mediante una interfaz gráfica de usuario.
Tanto el cliente como el servidor pueden tener una separación de tipo lógica, que puede estar formada por varios servidores de tipo específicos, como pueden ser los servidores de archivo, los servidores web, los servidores de correo, etc.
Nota
Hay que tener en cuenta que dentro de un mismo servidor físico pueden encontrarse varios servidores funcionando. Esto sería un software para el servidor de correo, otro software que funcione como base de datos, etc.
Al receptor de la solicitud enviada por el cliente se le conoce como servidor. Sus características son:
Al iniciarse, espera a que le lleguen las solicitudes de los clientes. Desempeña entonces un papel pasivo en la comunicación (dispositivo esclavo).
Tras la recepción de una solicitud, la procesa y luego envía la respuesta al cliente.
Por lo general, acepta multitud de solicitudes de conexión desde un número elevado de clientes (en algunos casos, existe un límite de peticiones).
No es frecuente que interactúe directamente con los usuarios finales.
Actividades
3. Explique cómo interaccionan las capas cliente/servidor.
5. Arquitectura de la capa cliente
En este apartado se hace referencia a programas que requieren específicamente una conexión a otro programa, al que se denomina servidor y que normalmente se encuentra en otra máquina, ya sea para obtener datos externos (páginas web, etc.) o bases de datos, interactuar con otros usuarios a través de un gestor central (ejemplo, los protocolos Emule y Torrent o iRC), o compartir información con otros usuarios (servidores de archivos).
Probablemente, el cliente más utilizado sea el navegador web. Mediante este se pueden utilizar los servicios que ofrecen los distintos servidores sin que para ello se tenga que instalar ningún software específico.
Aplicación práctica
Supongamos que un cliente nos ha encargado la elaboración de una aplicación web. En este caso nos ha encargado realizar una landing page (página de aterrizaje) donde los usuarios accederán y dejarán sus datos para poder ser contactados con posterioridad. Dispondrá de un menú con cuatro secciones (inicio, contacta, enlace hacia la web y enlace a redes sociales). El cliente nos pasa una fotografía y un texto con un título.
Debe realizar: esquema de la web, qué tipo de estructura a utilizar, qué se hace en cuanto al diseño y estilo gráfico y qué tipo de pruebas.
SOLUCIÓN
Lo primero que hay que hacer es el esbozo de un esquema general. Partiendo del menú que va a tener la web, se sabe que va a tener dos páginas (inicio y contacta) y va a tener dos enlaces externos (hacia web y redes sociales). Al ser poco contenido, se optaría por una estructura lineal.
Se definirá de qué va a tratar la web. Como es una landing page, se sabe que va a tener poco contenido. En cuanto a la recolección de información, se tiene la fotografía aportada por el cliente y el texto con su título, también habrá que tener en cuenta los campos que va a llevar el formulario.
En el diseño y estilo gráfico se pueden realizar varios bocetos y mostrárselos al cliente con el fin de que dé su visto bueno antes de proceder a maquetar la