SlideShare una empresa de Scribd logo
1 de 16
Universidad Tecnológica de Hermosillo

       Venegas García Gerardo

            26 ENERO 2013
El objetivo de esta investigación dar a
conocer sobre el OpenCms así como
    el uso del diseño de interfaz de
 usuario la usabilidad, estándares y
 guías de estilo para el desarrollo de
         una interfaz eficiente
   Es un gestor de contenidos desarrollado en
    lenguaje de programación Java. Consiste en
    una aplicación web que facilita la creación,
    modificación y eliminación de páginas web y
    sus respectivos contenidos
   Workflow y gestor de tareas: El workflow para
    la creación de contenidos siempre está activo e
    integrado con los proyectos “online” y
    “offline”.
   Editor WYSIWYG: Permite insertar enlaces o
    imágenes a galerías con “drag & drop”, crear
    tablas con el wizard y enlaces externos.
   Sistema de plantillas: El sistema que integra
    OpenCms usa páginas dinámicas y permite la
    separación del contenido XML y las plantillas

   JSP: Permite crear fácilmente y según los
    estándares funcionalidades dinámicas
   La calidad de la interfaz de usuario puede ser
    uno de los motivos que conduzca a un sistema
    al éxito o al fracaso. Los principios que se
    presentan son de utilidad para creación de
    interfaces funcionales y de fácil operación
   Permite cuidar no solo los aspectos clave del
    desarrollo y puesta en servicio del
    emprendimiento sino también toda riqueza de
    interacción, la satisfacción del cliente y la
    fidelización que brinda la experiencia de uso.
   Simplicidad: el punto óptimo se alcanza
    cuando la GUI ha sido simplificada al máximo
    sin reducir su funcionabilidad.
   Ayudan a asegurar una consistencia a través de
    las aplicaciones para usuarios, reduciendo así
    el tiempo de aprendizaje y previendo los
    errores de los usuarios.
En Informática tienen estatus legal para definir
estándares de IURE:
•   ISOAsociación Internacional para Estándares
•   IECComisión Electrotécnica Internacional
•   ANSIInstituto Nacional Americano para
Estándares
•   IEEE Instituto de Ingenieros Eléctricos y
ElectrónicosAmericano
•   CENComité Europeo para la Estandarización
•   W3CConsorcio para la World Wide Web
   • ISO/IEC 9126: Evaluación de productos software:
    características de calidad y directrices para su uso
   • ISO 9241: requisitos ergonómicos para trabajar con
    terminales de presentación visual (VDT)
   • ISO/IEC 10741: interacción de diálogos
   • ISO/IEC 11581: símbolos y funciones de los iconos
   • ISO 11064: diseño ergonómico de centros de control
   • ISO 13406: requisitos ergonómicos para trabajar con
    presentaciones visuales basadas en paneles planos
   • ISO 13407: procesos de diseño centrados en la
    persona para sistemas interactivos
   se tratan temas como las pautas, directrices y
    normas de calidad en el diseño de interfaces de
    usuarios de forma que se garantice la
    coherencia de un producto o sitio web.
Para los desarrolladores:
Minimizar las necesidades de rediseño

Producción de software reutilizable

Reducir el tiempo de desarrollo

Reducir las decisiones de diseño
Para los usuarios:
Reducción de errores

Menos frustración

Mejora de la eficiencia

Reducción de la resistencia al uso de las nuevas

tecnologías
   Cuando estemos diseñando la interfaz es
    importante tener en cuenta las
    necesidades del usuario haciendo las
    instrucciones sencillas, así conseguiremos
    que se adapte con más rapidez al
    sistema.
   El uso de la guía de estilo debe ser una
    actividad regular cuando se diseña una
    interfaz ya que esta cuenta con toda la
    documentación del proyecto.
   http://almacenplantillasweb.es/2010/08/guia
    s-de-estilo-para-diseno-de-interfaces-web/
   http://www.monografias.com/trabajos10/diu
    suar/diusuar.shtml
   http://es.wikipedia.org/wiki/Dise
    %C3%B1o_de_interfaz_de_usuario
   http://alejandroalves.wordpress.com/2008/11
    /30/gestores-de-contenidos-usabilidad-
    accesibilidad-y-otras-historias/

Más contenido relacionado

Destacado

Information Education in Thailand
Information Education in ThailandInformation Education in Thailand
Information Education in Thailanddrkulthida
 
Keep Your Eyes on the Middle East- Spotlight Syria!
Keep Your Eyes on the Middle East- Spotlight Syria!Keep Your Eyes on the Middle East- Spotlight Syria!
Keep Your Eyes on the Middle East- Spotlight Syria!Beth Frisby
 
Thailand Great Tour
Thailand Great TourThailand Great Tour
Thailand Great TourHelga
 
Amy Boesen: Interior Design Portfolio
Amy Boesen: Interior Design PortfolioAmy Boesen: Interior Design Portfolio
Amy Boesen: Interior Design PortfolioAmy Boesen
 
HISTORY: Thai (Thailand) Architecture 1.0
HISTORY: Thai (Thailand) Architecture 1.0HISTORY: Thai (Thailand) Architecture 1.0
HISTORY: Thai (Thailand) Architecture 1.0ArchiEducPH
 
SYRIA - 2016 in Review - Part II
SYRIA -  2016 in Review - Part II SYRIA -  2016 in Review - Part II
SYRIA - 2016 in Review - Part II vinhbinh2010
 
Don't be rich, Live rich - One year on the road - The good and the bad
Don't be rich, Live rich - One year on the road - The good and the badDon't be rich, Live rich - One year on the road - The good and the bad
Don't be rich, Live rich - One year on the road - The good and the badnomadznu
 
India Festival of Colors 2013
India Festival of Colors 2013India Festival of Colors 2013
India Festival of Colors 2013maditabalnco
 
Syrian Civil War
Syrian Civil War Syrian Civil War
Syrian Civil War cisarrr
 
Travel Tips Learned from Japan! - #japan #traveltips
Travel Tips Learned from Japan! - #japan #traveltipsTravel Tips Learned from Japan! - #japan #traveltips
Travel Tips Learned from Japan! - #japan #traveltipsEmpowered Presentations
 

Destacado (14)

Information Education in Thailand
Information Education in ThailandInformation Education in Thailand
Information Education in Thailand
 
Keep Your Eyes on the Middle East- Spotlight Syria!
Keep Your Eyes on the Middle East- Spotlight Syria!Keep Your Eyes on the Middle East- Spotlight Syria!
Keep Your Eyes on the Middle East- Spotlight Syria!
 
Architecture in Thailand
Architecture in ThailandArchitecture in Thailand
Architecture in Thailand
 
Thailand Great Tour
Thailand Great TourThailand Great Tour
Thailand Great Tour
 
Amy Boesen: Interior Design Portfolio
Amy Boesen: Interior Design PortfolioAmy Boesen: Interior Design Portfolio
Amy Boesen: Interior Design Portfolio
 
Recipes
RecipesRecipes
Recipes
 
HISTORY: Thai (Thailand) Architecture 1.0
HISTORY: Thai (Thailand) Architecture 1.0HISTORY: Thai (Thailand) Architecture 1.0
HISTORY: Thai (Thailand) Architecture 1.0
 
SYRIA - 2016 in Review - Part II
SYRIA -  2016 in Review - Part II SYRIA -  2016 in Review - Part II
SYRIA - 2016 in Review - Part II
 
Don't be rich, Live rich - One year on the road - The good and the bad
Don't be rich, Live rich - One year on the road - The good and the badDon't be rich, Live rich - One year on the road - The good and the bad
Don't be rich, Live rich - One year on the road - The good and the bad
 
India Festival of Colors 2013
India Festival of Colors 2013India Festival of Colors 2013
India Festival of Colors 2013
 
Syrian Civil War
Syrian Civil War Syrian Civil War
Syrian Civil War
 
Travel Tips Learned from Japan! - #japan #traveltips
Travel Tips Learned from Japan! - #japan #traveltipsTravel Tips Learned from Japan! - #japan #traveltips
Travel Tips Learned from Japan! - #japan #traveltips
 
Narrative writing
Narrative writingNarrative writing
Narrative writing
 
Foot Notes
Foot NotesFoot Notes
Foot Notes
 

Similar a Ensayo Unidad 1

Metodologías Ágiles para el Desarrollo de Software y Metodologias Para el de...
Metodologías Ágiles  para el Desarrollo de Software y Metodologias Para el de...Metodologías Ágiles  para el Desarrollo de Software y Metodologias Para el de...
Metodologías Ágiles para el Desarrollo de Software y Metodologias Para el de...Joel Fernandez
 
Carrera vazquez wilghen actividad 1.3 - ensayo unidad i__tic si 5-1
Carrera vazquez wilghen  actividad 1.3 - ensayo unidad i__tic si 5-1Carrera vazquez wilghen  actividad 1.3 - ensayo unidad i__tic si 5-1
Carrera vazquez wilghen actividad 1.3 - ensayo unidad i__tic si 5-1XKWDX
 
Heuristic evaluations.
Heuristic evaluations.Heuristic evaluations.
Heuristic evaluations.lorena_moreno
 
Heuristic evaluations.
Heuristic evaluations.Heuristic evaluations.
Heuristic evaluations.lorena_moreno
 
Heuristic evaluations.
Heuristic evaluations.Heuristic evaluations.
Heuristic evaluations.lorena_moreno
 
Introduccion a las Arquitecturas Limpias
Introduccion a las Arquitecturas LimpiasIntroduccion a las Arquitecturas Limpias
Introduccion a las Arquitecturas Limpiassolidussnake07
 
Evaluacion de la usabilidad
Evaluacion de la usabilidad Evaluacion de la usabilidad
Evaluacion de la usabilidad lissethr
 
RESUMEN (Usabilidad de los sitios web etodologias y tecnicas de evaluacion)
RESUMEN (Usabilidad de los sitios web  etodologias y tecnicas de evaluacion) RESUMEN (Usabilidad de los sitios web  etodologias y tecnicas de evaluacion)
RESUMEN (Usabilidad de los sitios web etodologias y tecnicas de evaluacion) Fidel Saumeth
 
Usabilidad de los sitios web
Usabilidad de los sitios webUsabilidad de los sitios web
Usabilidad de los sitios webMaryurisTrujillo
 
USABILIDAD DE LOS SITIOS WEB
USABILIDAD DE LOS SITIOS WEBUSABILIDAD DE LOS SITIOS WEB
USABILIDAD DE LOS SITIOS WEBAngel Porras
 
Prototipado rapido de interfaces
Prototipado rapido de interfacesPrototipado rapido de interfaces
Prototipado rapido de interfacesNOEMI DORIS
 
Ingenieria Web
Ingenieria WebIngenieria Web
Ingenieria WebLiszeth
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuarioCarlis93
 
Diseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónicoDiseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónicoGaby Bolaños Gomez
 

Similar a Ensayo Unidad 1 (20)

profundizaU1.pdf
profundizaU1.pdfprofundizaU1.pdf
profundizaU1.pdf
 
Metodologías Ágiles para el Desarrollo de Software y Metodologias Para el de...
Metodologías Ágiles  para el Desarrollo de Software y Metodologias Para el de...Metodologías Ágiles  para el Desarrollo de Software y Metodologias Para el de...
Metodologías Ágiles para el Desarrollo de Software y Metodologias Para el de...
 
Carrera vazquez wilghen actividad 1.3 - ensayo unidad i__tic si 5-1
Carrera vazquez wilghen  actividad 1.3 - ensayo unidad i__tic si 5-1Carrera vazquez wilghen  actividad 1.3 - ensayo unidad i__tic si 5-1
Carrera vazquez wilghen actividad 1.3 - ensayo unidad i__tic si 5-1
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Heuristic evaluations.
Heuristic evaluations.Heuristic evaluations.
Heuristic evaluations.
 
Heuristic evaluations.
Heuristic evaluations.Heuristic evaluations.
Heuristic evaluations.
 
Heuristic evaluations.
Heuristic evaluations.Heuristic evaluations.
Heuristic evaluations.
 
Introduccion a las Arquitecturas Limpias
Introduccion a las Arquitecturas LimpiasIntroduccion a las Arquitecturas Limpias
Introduccion a las Arquitecturas Limpias
 
Evaluacion de la usabilidad
Evaluacion de la usabilidad Evaluacion de la usabilidad
Evaluacion de la usabilidad
 
RESUMEN (Usabilidad de los sitios web etodologias y tecnicas de evaluacion)
RESUMEN (Usabilidad de los sitios web  etodologias y tecnicas de evaluacion) RESUMEN (Usabilidad de los sitios web  etodologias y tecnicas de evaluacion)
RESUMEN (Usabilidad de los sitios web etodologias y tecnicas de evaluacion)
 
Usabilidad de los sitios web
Usabilidad de los sitios webUsabilidad de los sitios web
Usabilidad de los sitios web
 
T01 dawebguis
T01 dawebguisT01 dawebguis
T01 dawebguis
 
Ingenieria Web
Ingenieria WebIngenieria Web
Ingenieria Web
 
USABILIDAD DE LOS SITIOS WEB
USABILIDAD DE LOS SITIOS WEBUSABILIDAD DE LOS SITIOS WEB
USABILIDAD DE LOS SITIOS WEB
 
Prototipado rapido de interfaces
Prototipado rapido de interfacesPrototipado rapido de interfaces
Prototipado rapido de interfaces
 
Software de tipo web
Software de tipo webSoftware de tipo web
Software de tipo web
 
Ingeniería de usabilidad
Ingeniería de usabilidadIngeniería de usabilidad
Ingeniería de usabilidad
 
Ingenieria Web
Ingenieria WebIngenieria Web
Ingenieria Web
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Diseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónicoDiseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónico
 

Ensayo Unidad 1

  • 1. Universidad Tecnológica de Hermosillo Venegas García Gerardo 26 ENERO 2013
  • 2. El objetivo de esta investigación dar a conocer sobre el OpenCms así como el uso del diseño de interfaz de usuario la usabilidad, estándares y guías de estilo para el desarrollo de una interfaz eficiente
  • 3. Es un gestor de contenidos desarrollado en lenguaje de programación Java. Consiste en una aplicación web que facilita la creación, modificación y eliminación de páginas web y sus respectivos contenidos
  • 4. Workflow y gestor de tareas: El workflow para la creación de contenidos siempre está activo e integrado con los proyectos “online” y “offline”.  Editor WYSIWYG: Permite insertar enlaces o imágenes a galerías con “drag & drop”, crear tablas con el wizard y enlaces externos.
  • 5. Sistema de plantillas: El sistema que integra OpenCms usa páginas dinámicas y permite la separación del contenido XML y las plantillas  JSP: Permite crear fácilmente y según los estándares funcionalidades dinámicas
  • 6. La calidad de la interfaz de usuario puede ser uno de los motivos que conduzca a un sistema al éxito o al fracaso. Los principios que se presentan son de utilidad para creación de interfaces funcionales y de fácil operación
  • 7. Permite cuidar no solo los aspectos clave del desarrollo y puesta en servicio del emprendimiento sino también toda riqueza de interacción, la satisfacción del cliente y la fidelización que brinda la experiencia de uso.  Simplicidad: el punto óptimo se alcanza cuando la GUI ha sido simplificada al máximo sin reducir su funcionabilidad.
  • 8. Ayudan a asegurar una consistencia a través de las aplicaciones para usuarios, reduciendo así el tiempo de aprendizaje y previendo los errores de los usuarios.
  • 9. En Informática tienen estatus legal para definir estándares de IURE: • ISOAsociación Internacional para Estándares • IECComisión Electrotécnica Internacional • ANSIInstituto Nacional Americano para Estándares • IEEE Instituto de Ingenieros Eléctricos y ElectrónicosAmericano • CENComité Europeo para la Estandarización • W3CConsorcio para la World Wide Web
  • 10. • ISO/IEC 9126: Evaluación de productos software: características de calidad y directrices para su uso  • ISO 9241: requisitos ergonómicos para trabajar con terminales de presentación visual (VDT)  • ISO/IEC 10741: interacción de diálogos  • ISO/IEC 11581: símbolos y funciones de los iconos  • ISO 11064: diseño ergonómico de centros de control  • ISO 13406: requisitos ergonómicos para trabajar con presentaciones visuales basadas en paneles planos  • ISO 13407: procesos de diseño centrados en la persona para sistemas interactivos
  • 11. se tratan temas como las pautas, directrices y normas de calidad en el diseño de interfaces de usuarios de forma que se garantice la coherencia de un producto o sitio web.
  • 12. Para los desarrolladores: Minimizar las necesidades de rediseño Producción de software reutilizable Reducir el tiempo de desarrollo Reducir las decisiones de diseño
  • 13. Para los usuarios: Reducción de errores Menos frustración Mejora de la eficiencia Reducción de la resistencia al uso de las nuevas tecnologías
  • 14. Cuando estemos diseñando la interfaz es importante tener en cuenta las necesidades del usuario haciendo las instrucciones sencillas, así conseguiremos que se adapte con más rapidez al sistema.
  • 15. El uso de la guía de estilo debe ser una actividad regular cuando se diseña una interfaz ya que esta cuenta con toda la documentación del proyecto.
  • 16. http://almacenplantillasweb.es/2010/08/guia s-de-estilo-para-diseno-de-interfaces-web/  http://www.monografias.com/trabajos10/diu suar/diusuar.shtml  http://es.wikipedia.org/wiki/Dise %C3%B1o_de_interfaz_de_usuario  http://alejandroalves.wordpress.com/2008/11 /30/gestores-de-contenidos-usabilidad- accesibilidad-y-otras-historias/