Tipos de Apps:

La aplicación web se refiere a las herramientas que permiten a los usuarios acceder a un servidor web mediante internet o una intranet a través de un navegador. Se enumeran en 6 tipos de aplicaciones web, según cómo se muestre la web a los usuarios y cómo se administre.

Hoy tenemos innumerables sitios web disponibles. Algunos de ellos son entretenimiento, otros son para comprar o vender un producto o servicio, otros son para compartir algo entre usuarios individuales y otros simplemente están facilitando nuestras vidas. Pero veamos qué tipos de aplicaciones web existen para comprender cómo funcionan desde dentro.(12)

1.- Aplicación web estática: Dado que es una aplicación que muestra muy poca información y no está destinado a generar y grabar contenido nuevo. Normalmente se desarrollan en HTML y CSS.

Sin embargo, puedes tener videos, banners y gifs. Cambiar el contenido de un sitio web estático no es fácil porque necesita descargar, modificar y volver a cargar el código: El web master o un desarrollador profesional debe ser quien ejecute estos cambios.

2.-Aplicación web dinámica: A nivel técnico, son mucho más complejos que los anteriores. En general, tienen un panel administrativo para guiar, crear y publicar contenido (noticias, publicaciones, imágenes, banners, videos). Para aplicaciones web dinámicas como PHP y ASP, hay muchos lenguajes de programación que son los más populares porque accede una buena estructuración del contenido. Es muy fácil actualizar el contenido, y puedes agregar foros o bases de datos.

3.- Comercio electrónico: Este es un tipo de aplicación web que se desarrolló para los negocios en línea. El desarrollo es más complejo ya que se crean formularios de pagos para tarjetas de crédito, etc. Además, sincronizar con almacenaje y logística.

4.- Aplicación web del portal: El término portal se refiere a un tipo de aplicación donde la página principal permite el acceso a otras secciones, categorías o secciones. En particular puede haber: foros, chats, correos electrónicos, motores de búsqueda, área de acceso con registro y contenido más reciente, etc.

5.- Aplicación web animada: Son aplicaciones web creadas con tecnología flash. Con este tipo de programación, puede crear y presentar contenido con efectos animados. Es una tecnología muy atrayente para diseñadores. El problema con los sitios web animados es que no son adecuados para mejorar el posicionamiento u optimización. Los buscadores no pueden leer la información correctamente. 6.- Aplicación web con “Content Manager”: Perfecto para proyectos que requiere restaurar constantemente él contenido.

Tiene un administrador de contenido CMS que permite al administrador y a los editores agregar contenido, realizar cambios y realizar actualizaciones, etc.

Varias compañías han elegido la aplicación web para publicar contenido fácilmente. Su uso es muy útil y popular en periódicos digitales, blogs (personales o de negocios), medios de comunicación y sitios web de PYME. Debido a su popularidad, hemos citado algunos ejemplos:

 WordPress. Más ampliamente utilizado y populares. Es simple y gratuito es

importante destacar que hay mucha información para optimizar su uso.

 Joomla. El segundo en el ranking. Posee una fuerte comunidad de usuarios

leales.

 Drupal. Es un CMS para software libre. Es muy personalizable, adaptable y recomendado para formar comunidades

2.2.5. Servidor Web.

El servidor web o servidor HTTP es un programa informático que procesa una aplicación del lado del servidor, realizando conexiones unidireccionales o asíncronas con el cliente y generando o cediendo una respuesta en cualquier lenguaje o aplicación del lado del cliente.

Se ejecuta en una computadora que está a la espera de las solicitudes de los clientes desde un navegador web, responde en consecuencia a los archivos enviados por un navegador y muestra un mensaje si se detecta un error.

Funciona en el otro modelo cliente-servidor: esto es común en aplicaciones que funcionan en una red.(13)

 Servidor → ¿Quién ofrece el servicio?

 Cliente → ¿Quién lo recibe?

Por ejemplo, si ingresa http:// www.com.es es un navegador, se realiza una solicitud http al servidor al que está asociada a esta url. El servidor reconoce al cliente enviado el código HTML de la página. Cuando el navegador recibe el código lo descifra y lo muestra en la pantalla.

 Funciones de un servidor web.

Hay diferentes servidores y por lo tanto hay diferencias entre ellos. Cada servidor web tiene sus propias propiedades y debe utilizarse en entornos y configuraciones específicas.

Uno de los elementos más importante para decidir qué el servidor web es el sistema operativo de nuestro servidor, que también tiene un sistema operativo. Por ejemplo, en el sistema de servidor Windows, es la opción tradicional de Microsoft IIS, mientras que otros utilizan tanto Apache y Litespeed basados en Linux los sistemas de archivo generalmente también varían según el entorno del servidor.

También puede encontrar servidores web que se usan únicamente para enviar contenido estático, como imagen, videos, textos, etc. Por lo tanto, son muy buenos para esta tarea y en otros casos que se usan comúnmente en entorno, alojamiento compartido, Envío de más sitios bajos la misma IP o bajo IP dedicadas.

Así mismo debemos enfatizar el soporte para sitios web dinámicos y fronteras, ya que podemos establecer un nivel de recursos como la transferencia, lo que permite la reventa muy flexible de sitios de alojamiento o de alojamiento.

Un punto muy importante es el hardware ya que el requerimiento de un servidor web debe ir acompañado de la CPU, la RAM y la unidad de memoria, en cuanto mejor sean, mejor será en envío de nuestro lado

Fig. 1 - Servidor Web

2.2.6. Navegador Web.

Los navegadores web se han vuelto más importantes, probablemente las aplicaciones de software que usamos todos los días y pasamos la mayor parte del tiempo, se han convertido en el mejor acceso a una amplia gama de servicios que ya consideramos esenciales:

Correo electrónico, Agenda, redes sociales, prensa digital, videos en línea, mapas, compras electrónicas, ofertas y cupones, consultas sobre viajes, foros o blogs, banca electrónica, entradas para eventos, gestión, Almacenamiento en la nube, descargas, trabajo colaborativo, educación superior, compra de música y mucho más.

Es responsable de la interpretación del código HTML, es decir de la visualización de la fuentes, texto y objeto de la página; El servidor web se limita simplemente a transferir el código de la página sin interpretarlo.(14)

1.- Google Chrome: Es un navegador web desarrollado por google, es utilizado rápidamente por un gran número de usuarios gracias a su simplicidad, velocidad y permanencia.

También se especializa por el contenido de sus pestañas y la alta calidad de personalización a través de temas y extensiones.

2.- Firefox: Es uno de los navegadores más confiables. Sus mejoras constantes y la lista completa de accesorios que se pueden descargar para proporcionar más funciones lo convierten en uno de los elementos más importantes de la navegación web.

4.- Internet Explorer: Naturalmente el navegador más popular del mercado. En esta versión el rendimiento de los gráficos se ha mejorado y se ha hecho más sobrio y minimalista.

La seguridad se ha mejorado con el filtro de navegación más segura SmartScreen o el contenido ActiveX, que solo permite una navegación confiable.

5.- Mozilla Firefox: Es un navegador de código abierto que cualquier usuario que quiera puede contribuir a su desarrollo. Firefox usa el mejor motor de renderizado, que implementa los últimos estándares web y otras características, algunas de las cuales anticipan adiciones anticipadas a los estándares web.(15)

Fig. 2 - Navegadores Web. Fuente: Ejemplo-navegadores-web.

2.2.7. Desarrollador Web.

En términos generales define la creación de un sitio web para usar con la tecnología del lado del servidor. El cliente proporciona características y funcionalidades, incluido el registro, los sistemas de gestión de contenido, el comercio electrónico y las aplicaciones de base de datos, mediante el uso de un navegador web para realizar tareas específicas o mostrar datos, además de la interacción de los visitantes en un sitio web.

La expansión de internet y los avances tecnológicos web han hecho que nuevos tipos de aplicaciones sean más complejas y dinámicas utilizando una alta gama de herramienta de programación.

Los desarrolladores web utilizan una serie de herramientas de programación, tales como: ASP, Javascript, XML y SQL. Estas son algunas herramientas familiares. Hay muchas otras herramientas en desarrollo. El sistema de gestión de la base de datos en desarrollador web es MySQL Oracle, SQL Server y PostgreSQL.(16)

 Funciones Principales.

A continuación, las funciones más comunes de un desarrollador web:

 Escribir el código en varios lenguajes de programación como HTML, XML, PHP o JavaScript.

 Diseñar nuevas aplicaciones o sitios web:

o Diseñar la arquitectura de las aplicaciones o sitios web.

o Elige el mejor lenguaje de programación para aplicaciones o sitios web. o Diseño y desarrollo de aplicaciones o sitios web.

o Integre gráficos, audio y video en la aplicación o sitio web.

o Ejecute pruebas para medir la calidad del sitio web y para detectar errores en las aplicaciones o sitios web que utilizan diferentes navegadores.

o Presentar el sitio web o las aplicaciones para los clientes.

 Solucione errores o problemas al ejecutar aplicaciones o sitios web.

 Agregue nuevas funciones a las aplicaciones y páginas web en ejecución:

 Diseñar y desarrollar nuevas funcionalidades.

 Pruebe las nuevas funciones para asegurarse de que funcionan correctamente.

 Revise el código creado por otros miembros del equipo para detectar errores.

o Crea la interfaz de programación de aplicaciones (API para el acrónimo en inglés) para verificar el rendimiento del intercambio de información entre aplicaciones.

 Consulte a los diseñadores, productores y clientes antes de continuar con el proyecto:

o Colabora con artistas gráficos para determinar el diseño de un sitio web.

o Manténgase al día con los nuevos lenguajes de programación, tecnologías y tendencias en el mercado:

o Busca nuevos avances en la programación.

2.2.8. Protocolo Http.

Es un protocolo para solicitar archivos a través de internet, especialmente en páginas web, la abreviatura de http (protocolo de transferencia de hipertexto) el protocolo de comunicación cliente - servidor que articula el intercambio de información entre los clientes web y los servidores de HTTP según un esquema de solicitud. y respuesta cuando un navegador web, el cliente del protocolo, envía un mensaje de solicitud a un servidor web y el servidor devuelve un mensaje de respuesta.

HTTP es utilizado en cada transferencia de la World Wide Web (WWW). En términos generales de la comunicación es compatible con los servicios de conexión TCP/IP y funciona igual que los otros servidores habituales en los entornos UNIX: un proceso de servidor supervisa un puerto de comunicación. Las páginas web se almacenan en el servidor.(17)

La información transmitida se conoce como recursos y a través de una URL identificada. Los recursos pueden ser archivos y el resultado de la ejecución de programas, una consulta a una base de datos y la traducción automática de documentos, etc.

 Etapas de una transacción HTTP.

Para aproximar más a cómo funciona HTTP, veamos primero un caso específico de una transferencia HTTP. En las siguientes secciones analizaremos las diferentes partes de este proceso. Cada que un cliente envía una solicitud a un servidor se realizan los siguientes pasos:

o El usuario accede a una url, selecciona un enlace de un documento HTML e ingresa directamente en el sitio ubicación del cliente web.

o Un cliente web descifra la url y separa las diferentes partes. Esto identifica el registro de acceso DNS o la dirección IP del servidor, el posible puerto opcional (el valor predeterminado es 80) y el objeto de servidor requerido.

o Se realiza solicitud para este propósito, se envía la dirección necesaria (Get, Post, Head), el comando deseado (y el contenido de la url que sigue la dirección del servidor), las versiones del protocolo HTTP utilizado casi siempre y un conjunto de variables de información que contiene datos sobre las características del navegador y datos opcionales para el servidor.

o El servidor envía la respuesta al cliente que consiste en un código del estado y el tipo de datos MIME de la información de devolución, continuo de la información en sí.

o El cierre de la conexión TCP

2.2.9. Php.

Se utiliza principalmente para crear sitios web dinámicos. Un sitio de página dinámico permite la interacción con el visitante para que cada usuario que visita la página vea la información personalizada. El contenido que se muestra en un sitio web dinámico se genera a partir de información que proviene de una base de datos u otra fuente extrema.

La ventaja de PHP es el soporte de una gran cantidad de base de datos como MySQL, Oracle e InterBase. También ofrece la posibilidad de integrar varias bibliotecas externas, lo que le confiere una gran versatilidad y facilita las tareas del desarrollador. Otros beneficios incluyen que se puede implementar de forma gratuita en la mayoría de los servidores web y en cualquier sistema operativo o plataforma.(18)

Página estática: Solicitud --- >respuesta

Características:

 Orientado al desarrollo de aplicaciones web dinámicas.

 Lenguaje sencillo para instruirse.

 El código fuente escrito en PHP no es visible para el navegador web.

 La capacidad de conexión con la mayoría de base de datos.

 Posibilidad de ampliar su potencial con módulos.

 Es gratis y por lo tanto una alternativa de fácil acceso a objetos.

 Permite la aplicación de técnicas de programación orientada a objetos.

 No requiere una definición de tipos de variables.

 Tiene manejo de excepciones (desde PHP5).

 No es necesario adherirse a una metodología específica

2.2.10. Base de Datos.

La base de datos es un grupo de datos almacenados en una memoria externa organizada por una estructura de datos. Cada base de datos está diseñada para cumplir con lo requerido de la información de una empresa u otro tipo de organización como: Una universidad, hospitales, empresas, etc.(19)

Fig. 3 - Proceso de Base de Datos. Fuente: base-de-datos.

Características:

Las principales características de los sistemas de base de datos podemos mencionar.

 Independencia lógica y física de los datos.

 Redundancia mínima.

 Acceso simultáneo desde múltiples usuarios.

 Integridad de los datos.

 Consultas complejas optimizadas.

 Acceso a la seguridad y vigilancia.

 Copia de seguridad y restauración.

 Acceso a través de lenguaje de programación estándar.

Tipos de base de datos: Entre los diferentes tipos de bases de datos que encontramos:(20)

 MySql: Es una base de datos con una licencia pública basada en un servidor. Se caracteriza por su rapidez. No se recomienda utilizarlo en programas de grandes cantidades de datos.

 PostgreSql y Oracle: Estos son sistemas de base de datos potentes. Maneja grandes cantidades de datos muy bien y se usa típicamente en intranets y sistemas grandes.

 Acceso: Esta es una base de datos desarrollada por Microsoft. En base de datos debe crearse bajo el programa de acceso que crea un archivo MDB con la estructura ya explicada.

 Microsoft Sql Server: Es una base de datos más poderosa que es desarrollado por Microsoft. Se utiliza para procesos grandes cantidades de información.

2.2.11. Local Host.

En cuanto al hardware localhost es en el contexto de las redes de nombres reservados que todos los ordenadores, routers o dispositivos, independientemente de si tienen una tarjeta de red. Localhost no es solo un término, también puede ser un nombre de dominio como google.com o Wikipedia.org, que son direcciones de internet. Si está dirigido a la página de inicio de Google escribiendo google.com en un navegador, ¿a dónde lo lleva localhost? Te lleva a tu computadora. Esta situación también se conoce como una dirección de bucle invertido. Como cualquier otro nombre de dominio, localhost tiene una dirección de protocolo de internet (IP). (21)

El propósito de localhost es la prueba de velocidad, prueba de aplicación web y bloqueos de sitios a los que no desea acceder. La dirección de bucle invertido

puede usarse para probar el funcionamiento de TCP e IP haciendo ping a 127.0.0.1. Al recibir una respuesta, se puede suponer que el software asociado con el protocolo está bien el estado de hardware como la tarjeta de red no, lo sabemos con esta prueba ya que no es posible dejar su propio equipo). Para fines de capacitación, los servidores HTTP locales como XAMPP, LAMP o WAMP, a los que se accede mediante localhost o 127.0.0.1 a través del navegador, suelen estar instalados. Con el fin de restringir las direcciones web la correspondencia de los dominios y las direcciones IP del sistema operativo se modifica para que se redirijan a 127.0.0.1 cuando se ingresa una dirección web particular.

Fig. 4 - Modelo de Localhost Fuente: localhost.wp.com.

2.2.12. Servidor Local.

Un servidor local está ubicado en una computadora específica. De esta manera, el servidor local tiene la dirección IP y una sección en los archivos que determina el contenido, también conocido como localhost, en lugar de acceder a un dominio determinado, como www.servidorlocal.com.

El servidor web local se almacena en una red local para el propio equipo de referencia. Por lo tanto, el servidor web o local se puede instalar en cualquiera de las computadoras que conforman una red de área local.(22)

La instalación se realiza a través de un software que le permite probar y navegar por el sitio web. Para fines de capacitación, hay paquetes de software llamados “stacks” que contienen todo lo que necesita para ejecutar una aplicación web. Tradicionalmente se suelen llamar los servidores HTTP locales como WAMP, XAMPP o LAMP, a los que se accede a través de localhost o 127.0.0.1 a través del navegador, se instalan normalmente

Fuente: Wamp-server

 Características de un servidor en local.

Es interesante conocer cuáles son las presentaciones de un servidor local:

o Actualización: Al igual que con todos los servicios informáticos, es importante actualizar periódicamente el servidor local.

o Sitio web: como se mencionó anteriormente, las empresas suelen utilizar los servidores locales porque permiten probar un sitio web en particular antes de cargarlos en el servidor remoto. De esta manera, una de las características principales de que los usuarios naveguen mejor por Internet es tener una mejor experiencia.

o Remoto: si está configurado correctamente, el servidor local permite el acceso remoto sin ningún tipo de vulnerabilidad.

o Ampliable: Por supuesto, la capacidad de un servidor de este tipo es ampliable. Todo lo que necesita hacer es cambiar el hardware y/o software del dispositivo.

Tenemos una lista de 15 servidores locales que son ideales para el desarrollo o la administración.(23)

1.- XAMPP: Es uno de los más conocidos que contiene un servidor apache, un servidor de gestión de bases de datos MySql e idiomas como PHP y Perl.

2.- WAMPServer: Otra de las pilas más populares es wampserver o simplemente Wamp. Apache + MySql + PHP para Windows, incluido PhpMyAdmin para administrar la base de datos y sitios web para analizar el rendimiento de las aplicaciones Php5 en nuestro servidor.

3.- BitNami: Problamente BitNami es una de las operaciones más convenientes e interesantes. Es una colección de aplicaciones web populares, que incluyen Wordpress, Drupal, Ghost, Django y Moodle.

4.- MAMP: Es para las plataformas de Windows y Lamp para la plataforma Linux, mamp es el análogo del sistema operativo de Apple Mac + Apache + MySql + Php.

5.- EasyPhp: La aplicación es muy simple y mínima ya que solo se muestran el control del servidor y un registro de eventos (registro).

6.- NMO Server: Si tiene un microservidor eficiente, pequeño y portátil, su servidor NMP es Nginx + MySql + Php. En lugar de usar Apache es eficiente