Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

APLICACIONES WEB

No description
by

Carmen Ortiz

on 14 February 2016

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of APLICACIONES WEB

APLICACIONES WEB
COMPETENCIA
PARTICULAR 1
Integra los elementos y características necesarios para el diseño gráfico de aplicaciones web
El diseñador gráfico debe ser capaz de realizar una página web con los
argumentos necesarios con la capacidad de identificar y redirigir al usuario a la
versión adaptada de los contenidos, ya sea para una computadora de escritorio como para
un móvil, con contenido temáticamente consistente, manejando el concepto de una
web única.

Aplicación WEB
COMPETENCIA 1
Integra los elementos y características necesarios para el diseño gráfico de aplicaciones web
-
Página web
-Correo electrónico
-Facebook
-Google docs
Para que una aplicación web funcione se vale de dos herramientas.
Es un sistema de documentos interconectados por enlaces de hipertexto, quec se ejecutan en Internet, que permiten de una forma más organizada el acceder a la información disponible en la red, a través de una interfaz de usuario, logrando ser visualizada mediante la interpretación de navegadores
World Wide Web
La WWW se denomina a la red de redes, y es un conjunto
de aplicaciones interconectadas a través de internet.
Internet
Es el medio de comunicación por el cual se entrelaza y
funciona la www.
(fija o movil)
Interfaz de usuario
Es el espacio que ayuda a entablar la relación de un sujeto y un ordenador o sistema interactivo; cuya intención es conseguir un método de interacción amigable usuario -ordenador y hoy en día usuario-web.
Artícula

Ejerce acción en la etapa de
utilización de los productos.


Vuevle accesible

El carácter instrumental (herramienta)
de los objetos y el contenido comunicativo
de la información.
Transforma

Los objetos en productos, la simple
existencia física en disponibilidad.
Interface según Bonsiepe
Es un espacio en el que se articula la interacción
entre el cuerpo humano , la herramienta y el
objeto de la acción.
- Interfaz de hardware
- Interfaz de software
Elementos de manipulación directa en una UI
Ventanas
Íconos
Menus
Botones
Hipervínculos

Elementos estructurales
(look and feel)
Forma
Color
Textura
Dimensiones
Orientación
www.testsize.com
Claridad
Fácil Identificación acción principal
Contexto gráfico
Estándares
Sugerencia de acción
Feedback
Facilidad
*Accesibilidad
Interfaz Gráfica UI
Usabilidad
Grado de eficacia, eficiencia y satisfacción con la que usuarios específicos pueden lograr objetivos específicos, en contextos de uso específicos.
Accesibilidad
Se refiere a que el diseño y estructura de la aplicación posibilite el acceso a todos sus potenciales usuarios, sin excluir a aquellos con limitaciones individuales.
Arquitectura de la información
La AI es definida como el arte y la ciencia de organizar espacios de información con el fin de ayudar a los usuarios a satisfacer sus necesidades de información. La actividad de organizar comporta la estructuración, clasificación y rotulado de los contenidos del sitio web (Toub; 2000).
estructura y organización
(discapacidades, idioma, software y hardware empleado para acceder, ancho de banda, etc. )
Protocolo de comunicación
Análisis de interface
-Elementos de manipulación directa
-Elementos estructurales
-Usabilidad (resoluciones)
-Accesibilidad
-Estructura de la información /(Diagramación y AI)
Niveles de acceso a la información
Actualización de la información.
Compatibilidad entre plataformas
Los protocolos determinan las reglas y formatos
que rigen la transferencia de datos

Para poder entablar comunicación en la red y obtener
datos son necesarios 2 protocolos y un lenguaje universal que se permita en dichos protocolos.
Protocolo HTTP/HTTPS
Hypertext Transfer Protocol
Funciona a través de solicitudes y respuestas entre un cliente (navegador de Internet) y un servidor ( computadora donde se encuentran las páginas web).
Permite la transferencia de archivos multimedia.
cliente - servidor
Protocolo TCP/IP

Es la baso de internet que sirve para enlazar computadoras que usan diferentes sistemas operativos, tiene como función enviar paquetes de datos tanto a nivel local como a través de redes.
TCP Es el protocolo de control de transporte de datos

IP Es un número que identifica de manera lógica una interfaz en un dispositivo dentro de una red conectada a internet
HTML
HyperText Markup Language

Es el lenguaje que se emplea para el desarrollo de páginas de internet se por una seríe de etiquetas que el navegador interpreta resulta en la interfaz gráfica, es decir sirve para crear dar estructura y colocar contenido a una página web.
Hipertexto
Textos alojados en la red que tienen enlaces (URL) que se direccionan a otros documentos.
Multimedia
Es el uso de diferentes medios como
textos, gráficos, animación, sonido en
diversos formatos digitales para transportar información.
Hipermedia:
Es la combinación de hipertexto y multimedia
Herramientas de comunicación
Son aquellas que utilizan las tecnologías de la información y comunicación como medio para desarrollar capacidades de interacción e intercambio de información.

Para acceder a las herramientas de comunicación en internet necesitamos valernos de un navegador y/o un buscador.
Síncronas
Son aquellas que permiten la comunicación en tiempo real en la cual los participantes están conectados al mismo tiempo
la información mandada es recibida en el momento en que se envía

-Videoconferencias
-Chats
-Redes sociales
Asíncronas
Son la que hacen posible un tipo de comunicación en las que las personas no están en línea al mismo tiempo.

-Páginas web
-Blogs
-E-mail
-Foros
Full transcript