Please enable JavaScript.
Coggle requires JavaScript to display documents.
TIPOS DE APLICACIONES WEB :computer: - Coggle Diagram
TIPOS DE APLICACIONES WEB :computer:
WEB ESTÁTICAS :old_key:
Una página web estática es un documento adaptado a la web que proporciona un contenido fijo a todos los usuarios, es decir, es un sitio de internet que no modifica su contenido.
VENTAJAS :check:
Portabilidad, funcionan en cualquier servidor.
Tiempos de acceso óptimos, tardan muy poco en cargarse. Máximo desempeño y funcionalidad.
Facilitan el posicionamiento
DESVENTAJAS :no_entry:
Ausencia de movimiento y funcionalidades.
Absoluta opacidad a los deseos o búsquedas del visitante a la página.
El visitante no tiene ninguna posibilidad de seleccionar, ordenar o modificar los contenidos o el diseño de la página a su gusto.
EJEMPLO :pencil2:
Portafolios, Currículums digitales, páginas de presentación de empresas.
WEB DINÁMICAS :athletic_shoe:
Permiten cambiar fácilmente su contenido en tiempo real sin siquiera tocar el código de la página. Sin hacer manualmente cualquier cambio en la página en sí, la información en la página puede variar. Esto hace posible mantener el contenido de la página actualizado para que lo que un el visitante ve allí pueda ser actualizado o substituido en un día, una hora, o un minuto.
DESVENTAJAS :no_entry:
Mayores requerimientos técnicos para su alojamiento en Servidores de pago.
Costes de alojamiento mayores.
En algunos casos, un mayor coste de desarrollo.
EJEMPLOS :pencil2:
1 – www.emprendedores.es.
2 – www.starwars.com.
3 – www.steampowered.com.
3 – www.workaway.info.
4 – www.artiemhotels.com.
VENTAJAS :check:
Una mayor interactividad con el usuario ya que este puede alterar en parte el diseño, contenidos o presentación de la página a su gusto
El proceso de actualización es sumamente sencillo, sin necesidad de entrar en el servidor
Gran número de funcionalidades tales como bases de datos, foros, contenido dinámico, etc.
eShops :shopping_trolley:
Se puede conceptualizar como una plataforma de negocios enfocada al comercio electrónico, que sirve como interfase entre una persona física o moral que ofrece productos o servicios y los potenciales compradores o usuarios de estos.
DESVENTAJAS :no_entry:
Falta de toque personal
Es más fácil comparar precios
Incapacidad de probar el producto antes de la compra
Necesidad de un dispositivo de acceso a Internet
EJEMPLOS :pencil2:
https://www.amazon.com/
https://www.mercadolibre.com.mx/
https://www.ebay.com/
https://www.alibaba.com/
VENTAJAS :check:
No pararse en largas filas para realizar una compra
Acceso a tiendas ubicadas lejos del comprador
No es necesario un almacén físico
Muchas opciones
Es más fácil comparar precios
PORTAL WEB APP :star:
Es una versión de la página web adaptada a cualquier dispositivo móvil, independientemente del sistema operativo que utilice, es decir, son aplicaciones multiplataforma. Estas aplicaciones se basan en HTML, CSS o JavaScript.
DESVENTAJAS :no_entry:
Con una sola Web App se llegará a todos los dispositivos. Eso sí, la web deberá estar programada para su reproducción en cualquier sistema operativo. Si no es responsive, tendremos problemas al abrirla.
La inversión que pretendes ahorrarte en el desarrollo de la App, la tendrás que hacer en mejorar tu página web. No sirve de nada hacer una Web App si no adaptas tu página para reproducirla con calidad en cualquier dispositivo.
Si tu web tiene algún tipo de aprieto, la aplicación tendrá problemas. Además, necesitarás obligatoriamente conexión a internet para su reproducción.
Al no encontrarla en los diferentes stores, pierde visibilidad.
Tendrás la restricción en el acceso a ciertas características hardware de tu dispositivo.
EJEMPLOS :pencil2:
Amazon
FilmAffinity
Google Web App
VENTAJAS :check:
La Web App utiliza lenguajes muy conocidos entre los programadores como: HTML y CSS.
A diferencias a la App Nativa, con una sola Web App se llegará a todos los dispositivos. Está programada para su reproducción en cualquier sistema operativo.
Se ejecutan a través de una simple URL. No necesita una actualización. La modernización la debe sufrir la propia web.
No se instala desde las tiendas App. Eso significa ahorro.
Su beneficio más importante, el precio. El desarrollo de una Web App es el más económico
WEB ANIMADA :confetti_ball:
Página Web Animada. Las páginas web animadas se realizan con la tecnología FLASH, ésta permite que una página web presente el contenido con ciertos efectos animados continuados. Gracias a esta tecnología se puede realizar diseños mucho más modernos y creativos
DESVENTAJAS :no_entry:
Flash tiene problemas con los buscadores, ya que estos indexan por página, y leen el contenido (HTML/XHTML) de las webs, utilizando flash, muy probablemente, se pierda posicionamiento.
Es necesario que el usuario necesite instalar software adicional al navegador para poder visualizar la web.
Graves Problemas de navegación:
No funcionan los botones “atrás” y “adelante”
Abrir un enlace en otra pestaña
Abrir un enlace en otra ventana
Ver las propiedades de una imagen
Obtener una imagen
Buscar una palabra a través del navegador
No puedes hacer el texto más grande o más pequeño
Impide un acceso rápido al contenido informativo de una web disminuyendo considerablemente la usabilidad de la misma.
Problemas de gestión y actualización de información del sitio.
No es de fácil accesibilidad en dispositivos móviles
EJEMPLOS :pencil2::
Landerapp.com
www.kaisersosa.com
www.freshmail.sk
https://scratch.mit.edu/projects/32504584/
VENTAJAS :check:
Gran libertad para hacer lo que sea
Se puede crear una gran interactividad entre el usuario y el sitio
Si el diseñador tiene habilidad en el programa los resultados pueden ser espectaculares.
Se pueden lograr animaciones, juegos, sonido, vídeo.
Es muy fácil, se pueden crear sitios completos con muy poco código
APLICACIÓN WEB CON GESTOR DE CONTENIDO :fountain_pen:
Un sistema de gestión de contenidos o CMS (Content Manager System) es un programa o aplicación web que permite la creación de una estructura de soporte para la creación, administración y publicación de contenido en una página web por parte de administradores, editores y otros usuarios.
DESVENTAJAS :no_entry:
Riesgos de seguridad.
Dificultades en el diseño.
Problemas de carga.
Limitaciones de funcionalidad.
EJEMPLOS :pencil2:
WordPress
Joomla
Drupal
Symphony
Prestashop
Woocommerce
VENTAJAS :check:
La edición de contenido se independiza del diseño.
Permisos de acceso selectivo.
Actualización rápida.
SEO-Friendly.
Las opciones más populares son gratuitas.
