Clase 3 - Sitio Web

Agosto, 2022

Lic. Bosque Lía - bosquelia@gmail.com

Cronograma

1 Desarrollo Web

2 CMS: Content Management System

3 Aplicación

4 UX VS UI

5 Aplicaciones Web Progresivas

1. Desarrollo web
 El desarrollo incluye sistemas de
gestión de contenidos, registros,
aplicaciones de bases de datos.
¿Cómo se define el ● Significa mantener y construir

desarrollo web? ●
sitios web desde cero
Ofrece las funciones y las
características
● Programación de los servicios
Desarrollo web vs diseño web

El desarrollo
incluye sistemas
de gestión de
contenidos,
registros,
aplicaciones de
El diseño hace
bases de datos.
referencia a la
usabilidad y a
la estética de
la web
Desarrollo Web

Existen desarrolladores frontend, backend y full stack.

Frontend: html, css, java. Tecnologías que corren del

lado del cliente.

Backend: desarrollador del lado del servidor. JAVA,

PHP, Ruby, Python, ASP.net. MySQL, MongoDB.
Desarrollo Web
2. CMS
Content Management System

Es un programa que permite gestionar y administrar sitios web.

Son plataformas Web estandarizadas.

Existen CMS gratuitos y otros que son pagos

Además de los costos, los CMS brindan posibilidades de tener un

sitio web de una manera rápida y autogestionable.
Content Management System
Facilidad y personalización

SEO friendly

Costos

Escalable

Seguridad
Content Management System
Existen distintos tipos de aplicaciones, pueden ser plataformas
web o sistemas específicos orientados a páginas personales.

Blogs E-learning

Ecommerce Publicaciones
CMS adaptado a los negocios
CMS adaptado a los negocios

● Pueden ser de software libre, significa que no tienen costo. Sin

embargo puede que existan versiones pagas.
● Se puede ingresar a los sitios oficiales y descargar el software.
● Hay que contratar un servicio de web hosting para alojar el sitio
web.
● Se customiza el sitio o se usan plantillas.
CMS adaptado a los negocios

● Pueden ser de software libre, significa que no tienen costo. Sin

embargo puede que existan versiones pagas.
● Se puede ingresar a los sitios oficiales y descargar el software.
● Hay que contratar un servicio de web hosting para alojar el sitio
web.
● Se customiza el sitio o se usan plantillas.
CMS adaptado a los negocios

prestashop
shopify

+ INFO
 CMS adaptado a los negocios

Tienda nube
magento

+ INFO
Ecommerce vs marketplaces
Las plataformas ecommerce sirven para montar una tienda online en la que el
vendedor ofrece sus propios productos mientras que un marketplace, como es el
caso de Amazon, es un sitio web que ofrece a los vendedores ofrecer sus productos a
los clientes de la página llevándose una pequeña comisión.
Ecommerce vs marketplaces
ecommerce
Cuenta con hosting propio
Más inversión inicial
Menos visibilidad en internet
No tiene competencia en la web
Todas las ganancias son para el comprador
Posibilidad de personalizar la página
tori.com.ar
marketplace
Cuenta con hosting general
Menos inversión inicial
Más visibilidad en internet
Tiene competencia en la web
El marketplace cobra una comisión por cada venta
Personalizar la página o look and feel más limitado
3. Aplicación
Web vs APP
Beneficios de las APP
1 Interfaz de usuario mucho más amigable. Son mucho más simples de usar.

2 Rendimiento y fluidez

3 Integración con la plataforma, acceso a funcionalidades del dispositivo.

4 Pueden trabajar sin conexión.

5 Opciones de configuración mucho más avanzadas.

6 Comunicación con el usuario más personalizada mediante notificaciones.

Desventajas de las APP

1 Requiere más esfuerzo e inversión para crearla y mantenerla.

2 Hay que tener versiones por sistemas operativos (android, IOs, etc)

3 El usuario puede estar más reticente a descargarla.

Sistema operativo
Android IOS
Se puede desarrollar con Android Studio: Se puede desarrollar con swift:
https://developer.android.com/?hl=es-419 https://www.apple.com/es/swift/
Tiene un sólido mercado en el extranjero. Hay menos
Tiene un mercado mas grande
usuarios con iOS.
Hay más aplicaciones gratuitas para descargar y hay Se pueden obtener mayores ingresos que el
más apps en general. promedio
Es más difícil publicar una aplicación y es más costosa
Fácil publicación y menos costosa la suscripción
la suscripción
Mayores ingresos con la publicidad in-app Se gana menos con la publicidad in-app
Las apps tienen pocos bugs y a nivel seguridad son
Existen un riesgo potencial de bugs
más estables.
Existen mayores problemas de seguridad con
Necesitas una Mac, iPhone o iPad
malware
Hay muchas más terminales, dispositivos lo que es
un problema para el desarrollador, por lo que puede
llegar a ser más costoso
4. UX VS UI
UX vs UI
UX vs UI
UI - Hace foco en el artefacto, o, dicho de otra manera, en lo que está dentro de la pantalla.
Cuando uno diseña interfaces el problema que está resolviendo está en el diseño: selección y
distribución de los elementos de la interfaz (ej. textos y campos del formulario), consistencia del
diseño (con la plataforma, con otras pantallas), etc.

UX - Hace foco en el usuario y en la experiencia que se quiere lograr. UX se refiere a lo que

experimenta el usuario antes, durante y después de interactuar con el artefacto. Sin incorporar
al usuario, no se puede hacer UX. Por eso, resulta fundamental en el diseño de la experiencia,
comprender en primer lugar a los usuarios y sus verdaderas motivaciones y necesidades,
considerar desde ese lugar qué interfaz, qué contenidos y qué interacciones lograrán el
resultado buscado, y finalmente, validar con usuarios los resultados que produce la interfaz
propuesta.
UX vs UI
1 Visibilidad del estado de sistema

2 Empate entre el sistema y el mundo real

UX vs UI
3 Control y libertad de usuario

4 Consistencia y estándares
UX vs UI
5 Prevención de errores

6 Reconocimiento mejor que el recuerdo

UX vs UI
7 Flexibilidad y eficiencia de uso

8 Diseño y estética minimalista

UX vs UI
9 Recuperarse de los errores

10 Ayuda y documentación - guías al iniciar aplicativos.

5. Aplicaciones Web
Progresivas
 Aplicaciones Web Progresivas
Las Progressive Web Apps (PWA) toman lo mejor de las aplicaciones nativas y lo combinan con las ventajas de las apps
web para lograr un desempeño móvil seguro, rápido, amigable y confiable.

Usan una menor cantidad de recursos de ancho de banda y de espacio de almacenamiento del smartphone.

Beneficios para el desarrolladores Beneficios para el usuario

Menos desafíos en la etapa de desarrollo Mejorar y agilizar la experiencia mobile

Brinda mayores posibilidades de conectarse

Más eficientes en términos de costos
Se caracteriza por incorporar
funcionalidades de forma progresiva,
añadiendo mejoras por etapas
con el contenido de forma más ágil y eficaz.
Resultan clave si se considera que la mitad
de los usuarios espera que un sitio cargue
en 2 segundos

*aplicaciones nativas: aquellas que deben descargarse en un dispositivo

Aplicaciones Web Progresivas

Las aplicaciones web progresivas se adaptan a todo tipo de pantallas y pueden

instalarse tanto en el móvil como en el ordenador
Aplicaciones Web Progresivas

A la izquierda, la aplicación
de Telegram.

A la derecha, la aplicación
web progresiva de
Telegram.
Aplicaciones Web Progresivas

A la izquierda, la aplicación
de google maps.

A la derecha, la aplicación
web progresiva de google
maps.
Práctico
Trabajo Práctico Integrador - Actividad 2
1. Definir canal de comercialización
a. ¿Canal propio o marketplace? ¿por qué?
b. En el primer caso, ¿será Web / APP / App web progresiva?
¿por qué?
¡Gracias! Consultas vía Email
bosquelia@gmail.com