SlideShare una empresa de Scribd logo
Actividad Diseño de interfaz
ACTIVIDAD LIGADA A:
UNA ARQUITECTURA, una interfaz de usuario y una interacción H-M, con valor de 2 puntos en la escala estimativa-
Propósito de la actividad:
Aplicar los criterios del diseño de la interacción para evaluar un sitio web.

Basado en cómo la página HTML fue diseñada en su arquitectura e ingeniería para desarrollar el trabajo que realiza cuando un usuario interactúa con
su computadora, con internet, con la página en sí, apoyándose en su interfaz de usuario (es decir los sitios en los que ingresa el usuario, en lo que
hace clic, ingresa por teclas del teclado información, etcétera)

Por igual es ver, analizar, identificar, dentro del código fuente de la pagina HTML tres aspectos relevantes en la arquitectura y la ingeniería del
sistema analizado.

Instrucciones:
    • Trabajo individual
    • Provoca el evento navegador
    • Provoca el evento Facebook, mi cuenta
    • Sobre la HTLM asignada, provoca un evento (en una parte vacía de tu Facebook) con el clic derecho, vuelve a provocar un evento, resultando
       en ver código fuente
    • Provoca evento seleccionar todo y copiar
    • Provoca un evento para Word, pega lo que copiaste del block de notas electrónico
    • Del código mostrado: busca en dónde está tu nombre de usuario de la HTML, esto se presenta cómo URL (debes identificar la línea del código
       y anexarla en el espacio respectivo). Realiza el resaltado necesario (en amarillo) para esta parte del código
    • Busca en dónde está el acceso por http. Realiza el resaltado necesario para esta parte del código fuente
    • Ubica 5 aplicaciones que realices comúnmente en facebook y explica cómo funciona y que resultado obtienes, esto en el apartado
       correspondiente.
    • Guarda la actividad en tu memoria con el nombre ARQUITECTURA_TUS APELLIDOS

   •   EJEMPLO DE GUARDADO: ARQUITECTURA_TORRESCANO MONTIEL
Aplicación   Botón usado   Qué se hace y qué se obtiene

             Amigos        Te permite buscar a tus contactos o bien buscar a amigos


Buscar



             Inicio        Te permite ver las publicaciones de tus contactos y ver tus notificaciones, invitaciones
                           y mensajes

Inicio



             Chat          Te permite poder comunicarte con tus contactos que estén conectados además de
                           poder hacer video llamadas
Platicar




             Mis fotos     Te permite poder ver las fotos que as subido y poder volver a publicarlas


Fotos



             Grupos        Te permite ver las publicaciones de tu grupo u otro grupo que tu no creaste, también
                           puedes crear un grupo
Grupos
NOMBRE DEL SITIO WEB                                                      Facebook
 UBICACIÓN DEL ENLACE                                               http://www.facebook.com/
         WEB
                                  SI       NO
NUMERO       CRITERIO           CUMPLE   CUMPLE                                      COMENTARIOS
                                                  Es buena porque podemos hacer cualquier cosa que queramos como poder chatear, ver tu
  1      Interfaz interactiva                     perfil, ver tus imágenes
                                  X


  2       Interfaz para la        X
           manipulación
              directa



  3       Interfaz intuitiva      X



  4      Interfaz con menús
            y formularios         X
            desplegables

  5        Interfaz visual
            muy atractiva         X



  6      Interfaz centrada
           en el usuario          X


  7         Interfaz para
          configuración de        X
               usuario
Conclusión: (Mínimo 5 renglones)




                                      ATENTAMENTE

                                   Enrique Torrescano Montiel
                                   Avalos García Luis Eduardo

Más contenido relacionado

PPTX
Miss paula slim y prof david sánchez. consejo escolar glogster perdidos en el...
DOC
Roberto carlos
PDF
Roberto carlos
DOC
Arquitectura de facebook.
PPTX
como crear un blog en 10 pasos
PPSX
Compu preset
PDF
Arquitectura, de facebook
Miss paula slim y prof david sánchez. consejo escolar glogster perdidos en el...
Roberto carlos
Roberto carlos
Arquitectura de facebook.
como crear un blog en 10 pasos
Compu preset
Arquitectura, de facebook

La actualidad más candente (11)

PPT
Tutorial feevy
DOCX
Puedes bloquear toda la pagina de facebook
PDF
Arquitura de facebook Estic 56 Luna Alarcon Karen Itzayana
PPT
Marcadores sociales: Blinklist
PPT
Bloglines
PPTX
La privacidad de facebook
DOCX
Como insertar una presentación de fotos en un blog o wiki
PPT
Pre3seminariodeinformatica
PDF
Cómo crear plugins para Wordpress
PDF
Arquitectura de facebook
PPTX
pasos para crear un blogger
Tutorial feevy
Puedes bloquear toda la pagina de facebook
Arquitura de facebook Estic 56 Luna Alarcon Karen Itzayana
Marcadores sociales: Blinklist
Bloglines
La privacidad de facebook
Como insertar una presentación de fotos en un blog o wiki
Pre3seminariodeinformatica
Cómo crear plugins para Wordpress
Arquitectura de facebook
pasos para crear un blogger
Publicidad

Similar a Arquitectura, ejercitacion (2) (20)

PDF
arquictectura
PDF
PDF
Para subir
PDF
Arquitectura hernandez chavez
PDF
arquitectura de facebook
PDF
arquitectura de ingeniería en facebook
PDF
INGENIERIA EN ARQUITECTURA DE FACEBOOK PROF ENRIQUE TORRESCANO MONTIEL INFORM...
PDF
13 venegas cabrera_b_w1
PDF
Arquitectura, ejercitacion islas huerta alvaro
DOC
Roberto carlos
DOC
Roberto carlos
PDF
Ingenieria,arquitectura de facebook 1
PDF
Estructura de facebook e.s.t.i.c.56
PDF
Arquitectura, de facebook
DOC
Jorge alexis trabajo de arquitectura de facebook
PDF
Ingenieria y analisis de facebook adey vite
PDF
Ingenieria y analisis de facebook
PDF
ESTIC 56 LOPEZ PEREZ
PDF
Arquitectura, ejercitacion
PDF
Ingenieria y analisis en arquitectura de facebook
arquictectura
Para subir
Arquitectura hernandez chavez
arquitectura de facebook
arquitectura de ingeniería en facebook
INGENIERIA EN ARQUITECTURA DE FACEBOOK PROF ENRIQUE TORRESCANO MONTIEL INFORM...
13 venegas cabrera_b_w1
Arquitectura, ejercitacion islas huerta alvaro
Roberto carlos
Roberto carlos
Ingenieria,arquitectura de facebook 1
Estructura de facebook e.s.t.i.c.56
Arquitectura, de facebook
Jorge alexis trabajo de arquitectura de facebook
Ingenieria y analisis de facebook adey vite
Ingenieria y analisis de facebook
ESTIC 56 LOPEZ PEREZ
Arquitectura, ejercitacion
Ingenieria y analisis en arquitectura de facebook
Publicidad

Arquitectura, ejercitacion (2)

  • 1. Actividad Diseño de interfaz ACTIVIDAD LIGADA A: UNA ARQUITECTURA, una interfaz de usuario y una interacción H-M, con valor de 2 puntos en la escala estimativa- Propósito de la actividad: Aplicar los criterios del diseño de la interacción para evaluar un sitio web. Basado en cómo la página HTML fue diseñada en su arquitectura e ingeniería para desarrollar el trabajo que realiza cuando un usuario interactúa con su computadora, con internet, con la página en sí, apoyándose en su interfaz de usuario (es decir los sitios en los que ingresa el usuario, en lo que hace clic, ingresa por teclas del teclado información, etcétera) Por igual es ver, analizar, identificar, dentro del código fuente de la pagina HTML tres aspectos relevantes en la arquitectura y la ingeniería del sistema analizado. Instrucciones: • Trabajo individual • Provoca el evento navegador • Provoca el evento Facebook, mi cuenta • Sobre la HTLM asignada, provoca un evento (en una parte vacía de tu Facebook) con el clic derecho, vuelve a provocar un evento, resultando en ver código fuente • Provoca evento seleccionar todo y copiar • Provoca un evento para Word, pega lo que copiaste del block de notas electrónico • Del código mostrado: busca en dónde está tu nombre de usuario de la HTML, esto se presenta cómo URL (debes identificar la línea del código y anexarla en el espacio respectivo). Realiza el resaltado necesario (en amarillo) para esta parte del código • Busca en dónde está el acceso por http. Realiza el resaltado necesario para esta parte del código fuente • Ubica 5 aplicaciones que realices comúnmente en facebook y explica cómo funciona y que resultado obtienes, esto en el apartado correspondiente. • Guarda la actividad en tu memoria con el nombre ARQUITECTURA_TUS APELLIDOS • EJEMPLO DE GUARDADO: ARQUITECTURA_TORRESCANO MONTIEL
  • 2. Aplicación Botón usado Qué se hace y qué se obtiene Amigos Te permite buscar a tus contactos o bien buscar a amigos Buscar Inicio Te permite ver las publicaciones de tus contactos y ver tus notificaciones, invitaciones y mensajes Inicio Chat Te permite poder comunicarte con tus contactos que estén conectados además de poder hacer video llamadas Platicar Mis fotos Te permite poder ver las fotos que as subido y poder volver a publicarlas Fotos Grupos Te permite ver las publicaciones de tu grupo u otro grupo que tu no creaste, también puedes crear un grupo Grupos
  • 3. NOMBRE DEL SITIO WEB Facebook UBICACIÓN DEL ENLACE http://www.facebook.com/ WEB SI NO NUMERO CRITERIO CUMPLE CUMPLE COMENTARIOS Es buena porque podemos hacer cualquier cosa que queramos como poder chatear, ver tu 1 Interfaz interactiva perfil, ver tus imágenes X 2 Interfaz para la X manipulación directa 3 Interfaz intuitiva X 4 Interfaz con menús y formularios X desplegables 5 Interfaz visual muy atractiva X 6 Interfaz centrada en el usuario X 7 Interfaz para configuración de X usuario
  • 4. Conclusión: (Mínimo 5 renglones) ATENTAMENTE Enrique Torrescano Montiel Avalos García Luis Eduardo