Please enable JavaScript.
Coggle requires JavaScript to display documents.
Conceptos Aplicaciones Web - Coggle Diagram
Conceptos Aplicaciones Web
API
Una API es un conjunto de definiciones y protocolos que se utiliza para desarrollar e integrar el software de las aplicaciones. API significa interfaz de programación de aplicaciones.
Ejemplos
Instagram
La API de Instagram permite que sus aplicaciones recuperen cuentas de usuario, fotos, etiquetas y más.
GitHub
GitHub es una plataforma de alojamiento de código utilizada ampliamente por muchos sitios web grandes y pequeños
ChatCompose
La API de ChatCompose es un servicio web que permite interactuar con chatbots creados en la plataforma.
Google Translate
Esta API de Google es ofrecida a través de sus servicios Cloud (Nube). Esta API te permite traducir texto entre dos idiomas
Wikipedia
La MediaWiki API es un servicio web que permite acceder a algunas características de wikipedia como autenticación, operaciones, y búsqueda.
Modelo Vista Controlador
Estilo de Arquitectura
Separa los datos de una aplicación, la interfaz de usuario y la logica de control
Vista
Compone la información que se envía al cliente y los mecanismos interacción con éste.
-Recibir datos del modelo y los muestra al usuario
-Tienen un registro de su controlador
-Pueden dar el servicio de "Actualización
Controlador
Actúa como intermediario entre el Modelo y la Vista, gestionando el flujo de información entre ellos y las transformaciones para adaptar los datos a las necesidades de cada uno.
-Recibe los eventos de entrada
-Contiene reglas de gestión de eventos,
Modelo
Contiene una representación de los datos que maneja el sistema, su lógica de negocio, y sus mecanismos de persistencia.
-Acceder a la capa de almacenamiento de datos.
-Define las reglas de negocio
-Lleva un registro de las vistas y controladores del sistema.
Control de Versiones GIT
Un control de versiones es un sistema que registra los cambios realizados en un archivo o conjunto de archivos a lo largo del tiempo
Plugin
Los plugins son complementos que se "enchufan" en la página web y permiten desarrollar procesos especializados.
Ejemplos
Yoast SEO.
Para gestionar y optimizar el posicionamiento SEO.
Google Analytics for WordPress.
El mejor modo, o al menos el más sencillo, de tener integrada la excelente herramienta de analítica de Google en tu sitio web
Jetpack.
Sus funcionalidades son muy extensas, por decirlo de algún modo es un plugin con muchos plugins dentro, hace de todo y casi todo lo hace bien.
Smush.it.
Smush it es una aplicación muy útil para reducir el peso de todas las imágenes de nuestra página web.
W3 Total Cache.
Este plugin almacena en caché la información de tu sitio alojada en tu base de datos y permite ofrecer una carga más rápida con una mejor y más fluida respuesta del servidor.
Frameworks
Permiten entregar un proyecto en menos tiempo y con un código más limpio, cuya eficacia ya ha sido comprobada.
FRONT-END
Frontend es la parte de un sitio web que interactúa con los usuarios, por eso decimos que está del lado del cliente.
Ejemplos
HTML
CSS
JAVASCRIPT
BACK-END
Backend es la parte que se conecta con la base de datos y el servidor que utiliza dicho sitio web, por eso decimos que el backend corre del lado del servidor.
Ejemplos
Java,
Ruby,
Python,
PHP,
.Net,
Diseño UX-UI
UX
Experiencia de Usuario
se trata de todo aquello que el usuario percibe durante su interacción con el sitio web.
es primordial enfocarnos en las necesidades del usuario final y alinearlas con el objetivo de la empresa.
UI
Interfaz de Usuario
Este concepto cobija los elementos visuales que le permiten al usuario interactuar con una página web de manera adecuada
la interfaz de usuario es el resultado de la unión entre la arquitectura de la información (textos), los elementos visuales (imágenes, colores, etc.) y los patrones de interacción (barras, botones, llamados a la acción, etc.)
