SlideShare una empresa de Scribd logo
UNIVERSIDAD ESTATAL DE BOLIVAR

 FACULTAD DE CIENCIAS DE LA EDUCACION

  ESCUELA DE INFORMATICA EDUCATIVA

TRABAJO DE: DESARROLLO DE SOFTWARE 2

    CATEDRATICO LIC. MARCELO BAÑO

                TEMA:

MODELO DE DISEÑO PARA APLICACIONES WEB
Según Jakob Neilsen dos enfoques Básicos
del diseño : el ideal artístico de expresarle
     uno mismo y el ideal de ingeniería de
     resolver un problema para un cliente.
Seguridad


   Disponibilidad


    Escalabilidad


Tiempo en el mercado
Simplicidad




               Metas de
Consistencia                 Identidad
                diseño




                Robustez
anticipación




      Enfoque                                           Comunicación



                       Principios y
                       directrices
Flexibilidad
                      del diseño de
                        la interfaz                       consistencia




               eficiencia                  Autonomía
                                           controlada
El diseño estético, también llamado diseño
grafico es un esfuerzo artístico que
complementa los aspectos técnicos de la
ingeniería Web.
 El diseño estético considera aspectos de la
presentación y percepción de Web.
El diseño del contenido se enfoca en dos
asuntos de diseño diferente, cada uno lo
abordan    individuos  con    conjunto   de
habilidades. Además el diseño de contenidos
se ocupa de representar la información
dentro de un objeto.
El diseño arquitectónico esta enlazado con
las metas establecidas para la Web, el
contenido que representan, los usuarios que
la visitaran y la filosofía de navegación que se
establezca. El diseñador arquitectónico de
identificar la arquitectura de contenido y la
arquitectura de la Web.
Una vez establecida la arquitectura de la web
y la identificación de los componentes, el
diseñador debe definir las rutas de
navegación que habiliten para los usuarios el
acceso al contenido y las funciones de la web.
PATRONES DE DISEÑO HIPERMEDIA.
Son patrones de diseño en la ingeniera web que abarcan.
 Patrones de diseño Genérico.
 Patrones de diseño Hipermedia.
Otras categorías de patrones:
 Patrones arquitectónicos: Esto patrones auxilian en el diseño del
   contenido y la arquitectura.
 Patrones de construcción de componentes: Estos patrones recomienda
   métodos para combinar componentes.
 Patrones de navegación: Estos mas ayudan al diseño.
 Patrones de presentación: estos patrones auxilian en la presentación de
   contenidos.
 Patrones de interacción comportamiento / usuario: estos patrones auxilian
   en el diseño de la interacción usuario maquina.
METODOS DE DISEÑO HIPERMEDIA ORIENTADO A OBJETOS (MDHOO).
Durante las pasadas décadas se propusieron varios métodos de diseño para aplicaciones
web hasta la fecha ningún método es dominante. El método de diseño hipermedia
orientado a objetos esta compuesto de cuatro diferentes actividades de diseño.
 Diseño Conceptual.
 Diseño de Navegación.
 Diseño Abstracto de la Interfaz.
 Implementación.
Componentes
                           .
                    Parte numero
                    parte nombre    Factura de
 Habitación.          parte tipo    materiales.
Dimensiones          Descripción   Identificado
 Exterior de            Precio     r numero de
  ventanas                           artículos
 Exterior de                        Precio total
   puertas


                                       Articulo
                                      Cantidad
                                    Parte numero
                                    Parte, nombre
                                      Parte tipo
                   Pedido               Precio
               Pedido numero
                   Cliente
                 Factura de
                 materiales
                 Embarque
                  cobranza

Más contenido relacionado

La actualidad más candente

Diseño de interfaz importancia y proceso
Diseño de interfaz importancia y procesoDiseño de interfaz importancia y proceso
Diseño de interfaz importancia y proceso
adrianazamora
 
Linea de tiempo de sistemas operativos
Linea de tiempo de sistemas operativosLinea de tiempo de sistemas operativos
Linea de tiempo de sistemas operativos
Miguel Magaña
 
Modelo Cascada y Espiral
Modelo Cascada y EspiralModelo Cascada y Espiral
Modelo Cascada y Espiral
juanksi28
 
Conceptos básicos de un Sistema Operativo
Conceptos básicos de un Sistema OperativoConceptos básicos de un Sistema Operativo
Conceptos básicos de un Sistema Operativo
MIGUEL0327
 
Modelo cascada
Modelo cascadaModelo cascada
Modelo cascada
masilog
 

La actualidad más candente (20)

Diseño de interfaz importancia y proceso
Diseño de interfaz importancia y procesoDiseño de interfaz importancia y proceso
Diseño de interfaz importancia y proceso
 
Reporte de practicas android studio
Reporte de practicas android studioReporte de practicas android studio
Reporte de practicas android studio
 
Linea de tiempo de sistemas operativos
Linea de tiempo de sistemas operativosLinea de tiempo de sistemas operativos
Linea de tiempo de sistemas operativos
 
MICROSOFT WINDOWS
 MICROSOFT WINDOWS MICROSOFT WINDOWS
MICROSOFT WINDOWS
 
Linea de tiempo windows
Linea de tiempo windowsLinea de tiempo windows
Linea de tiempo windows
 
Ejercicios básicos HTML
Ejercicios básicos HTMLEjercicios básicos HTML
Ejercicios básicos HTML
 
Sistema Operativo iOS
Sistema Operativo iOSSistema Operativo iOS
Sistema Operativo iOS
 
Tabla comparativa acerca de los diversos tipos de licencias de software
Tabla comparativa acerca de los diversos tipos de licencias de softwareTabla comparativa acerca de los diversos tipos de licencias de software
Tabla comparativa acerca de los diversos tipos de licencias de software
 
Modelo Cascada y Espiral
Modelo Cascada y EspiralModelo Cascada y Espiral
Modelo Cascada y Espiral
 
4. Desarrollo ágil de software
4. Desarrollo ágil de software4. Desarrollo ágil de software
4. Desarrollo ágil de software
 
Conceptos básicos de un Sistema Operativo
Conceptos básicos de un Sistema OperativoConceptos básicos de un Sistema Operativo
Conceptos básicos de un Sistema Operativo
 
Sistemas de gestión de base de datos
Sistemas de gestión de base de datosSistemas de gestión de base de datos
Sistemas de gestión de base de datos
 
Librerias java
Librerias javaLibrerias java
Librerias java
 
Programacion web
Programacion webProgramacion web
Programacion web
 
MAC OS
MAC OSMAC OS
MAC OS
 
Modelo cascada
Modelo cascadaModelo cascada
Modelo cascada
 
Factibilidad Técnica y Económica
Factibilidad Técnica y EconómicaFactibilidad Técnica y Económica
Factibilidad Técnica y Económica
 
Bases de datos deductivas
Bases de datos deductivas Bases de datos deductivas
Bases de datos deductivas
 
Fase De DiseñO Y Analisis De Datos
Fase De DiseñO Y Analisis De DatosFase De DiseñO Y Analisis De Datos
Fase De DiseñO Y Analisis De Datos
 
Gestion De Proyecto De Desarrollo De Software
Gestion De Proyecto De Desarrollo De SoftwareGestion De Proyecto De Desarrollo De Software
Gestion De Proyecto De Desarrollo De Software
 

Destacado

Metodologias para el desarrollo de aplicacones web
Metodologias para el desarrollo de aplicacones webMetodologias para el desarrollo de aplicacones web
Metodologias para el desarrollo de aplicacones web
Josafat Mtz
 
Qué es la ingeniería web
Qué es la ingeniería webQué es la ingeniería web
Qué es la ingeniería web
Victor Barraza
 
MODELO DE DISEÑO WEBAPP
MODELO DE DISEÑO WEBAPPMODELO DE DISEÑO WEBAPP
MODELO DE DISEÑO WEBAPP
PSMIJIN
 
Modelado de diseño para aplicaciones web
Modelado de diseño para aplicaciones webModelado de diseño para aplicaciones web
Modelado de diseño para aplicaciones web
Carlos Toapanta
 
Modelo de diseño
Modelo de diseñoModelo de diseño
Modelo de diseño
marytatiana
 
Riesgos en los proyectos de software
Riesgos en los proyectos de softwareRiesgos en los proyectos de software
Riesgos en los proyectos de software
alejayepesmolina
 

Destacado (20)

Modelos de desarrollo de aplicaciones web
Modelos de desarrollo de aplicaciones webModelos de desarrollo de aplicaciones web
Modelos de desarrollo de aplicaciones web
 
Modelado conceptual de aplicaciones web
Modelado conceptual de aplicaciones webModelado conceptual de aplicaciones web
Modelado conceptual de aplicaciones web
 
DISEÑO DE LA ARQUITECTURA DEL SOFTWARE
DISEÑO DE LA ARQUITECTURA DEL SOFTWAREDISEÑO DE LA ARQUITECTURA DEL SOFTWARE
DISEÑO DE LA ARQUITECTURA DEL SOFTWARE
 
Metodologias para el desarrollo de aplicacones web
Metodologias para el desarrollo de aplicacones webMetodologias para el desarrollo de aplicacones web
Metodologias para el desarrollo de aplicacones web
 
Metodologias para el desarrollo de aplicaciones web
Metodologias para el desarrollo de aplicaciones webMetodologias para el desarrollo de aplicaciones web
Metodologias para el desarrollo de aplicaciones web
 
Qué es la ingeniería web
Qué es la ingeniería webQué es la ingeniería web
Qué es la ingeniería web
 
MODELO DE DISEÑO WEBAPP
MODELO DE DISEÑO WEBAPPMODELO DE DISEÑO WEBAPP
MODELO DE DISEÑO WEBAPP
 
Modelado de diseño para aplicaciones web
Modelado de diseño para aplicaciones webModelado de diseño para aplicaciones web
Modelado de diseño para aplicaciones web
 
ПОРТФОЛІО
ПОРТФОЛІОПОРТФОЛІО
ПОРТФОЛІО
 
Modelo de diseño
Modelo de diseñoModelo de diseño
Modelo de diseño
 
Desarrollo web final
Desarrollo web finalDesarrollo web final
Desarrollo web final
 
Riesgos en los proyectos de software
Riesgos en los proyectos de softwareRiesgos en los proyectos de software
Riesgos en los proyectos de software
 
13.diseño de web apps
13.diseño de web apps13.diseño de web apps
13.diseño de web apps
 
Exposición de Tesis - Teoría de Sistemas.
Exposición de Tesis - Teoría de Sistemas.Exposición de Tesis - Teoría de Sistemas.
Exposición de Tesis - Teoría de Sistemas.
 
Cliente web y servidor web
Cliente web y servidor webCliente web y servidor web
Cliente web y servidor web
 
70174983 que-es-el-diseno-hiermedia
70174983 que-es-el-diseno-hiermedia70174983 que-es-el-diseno-hiermedia
70174983 que-es-el-diseno-hiermedia
 
DiseñO Para Web App
DiseñO Para Web AppDiseñO Para Web App
DiseñO Para Web App
 
software para textos mircarla moreno
software para textos mircarla morenosoftware para textos mircarla moreno
software para textos mircarla moreno
 
oohdm
oohdmoohdm
oohdm
 
Diseño de arquitectura
Diseño de arquitectura Diseño de arquitectura
Diseño de arquitectura
 

Similar a MODELO DE DISEÑO WEB

Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
Lorena Guerrero
 
Presentacion interfaz hombre_maquina
Presentacion interfaz hombre_maquinaPresentacion interfaz hombre_maquina
Presentacion interfaz hombre_maquina
ulises1305
 
Presentacion interfaz hombre_maquina
Presentacion interfaz hombre_maquinaPresentacion interfaz hombre_maquina
Presentacion interfaz hombre_maquina
ulises1305
 
metodologia desarrollo_sistemas_hipermedia_orientada_objetos
metodologia desarrollo_sistemas_hipermedia_orientada_objetosmetodologia desarrollo_sistemas_hipermedia_orientada_objetos
metodologia desarrollo_sistemas_hipermedia_orientada_objetos
Mayta Coronel
 
Universidad estatal de bolivar
Universidad estatal de bolivarUniversidad estatal de bolivar
Universidad estatal de bolivar
rolex_ueb
 
Universidad estatal de bolivar
Universidad estatal de bolivarUniversidad estatal de bolivar
Universidad estatal de bolivar
Chino CT
 
Universidad estatal de bolivar
Universidad estatal de bolivarUniversidad estatal de bolivar
Universidad estatal de bolivar
Chino CT
 
Universidad estatal de bolivar
Universidad estatal de bolivarUniversidad estatal de bolivar
Universidad estatal de bolivar
Chino CT
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz web
Alexis Morillo
 

Similar a MODELO DE DISEÑO WEB (20)

Los Elementos de la experiencia de usuario | TransCyberiano 2010 | Manfred Pé...
Los Elementos de la experiencia de usuario | TransCyberiano 2010 | Manfred Pé...Los Elementos de la experiencia de usuario | TransCyberiano 2010 | Manfred Pé...
Los Elementos de la experiencia de usuario | TransCyberiano 2010 | Manfred Pé...
 
Metodología del diseño de sitios web educativos
Metodología del diseño de sitios web educativosMetodología del diseño de sitios web educativos
Metodología del diseño de sitios web educativos
 
Metricas Orientada a Operacion, Metricas de Interfaz de Usuario y WebApps‏
Metricas Orientada a Operacion, Metricas de Interfaz de Usuario y WebApps‏Metricas Orientada a Operacion, Metricas de Interfaz de Usuario y WebApps‏
Metricas Orientada a Operacion, Metricas de Interfaz de Usuario y WebApps‏
 
Roles del diseñador digital
Roles del diseñador digitalRoles del diseñador digital
Roles del diseñador digital
 
Experiencia Interaccion Interfaces
Experiencia Interaccion InterfacesExperiencia Interaccion Interfaces
Experiencia Interaccion Interfaces
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
 
Presentacion interfaz hombre_maquina
Presentacion interfaz hombre_maquinaPresentacion interfaz hombre_maquina
Presentacion interfaz hombre_maquina
 
Presentacion interfaz hombre_maquina
Presentacion interfaz hombre_maquinaPresentacion interfaz hombre_maquina
Presentacion interfaz hombre_maquina
 
metodologia desarrollo_sistemas_hipermedia_orientada_objetos
metodologia desarrollo_sistemas_hipermedia_orientada_objetosmetodologia desarrollo_sistemas_hipermedia_orientada_objetos
metodologia desarrollo_sistemas_hipermedia_orientada_objetos
 
Inter tecno clase 01 - plan asignatura
Inter tecno   clase 01 - plan asignaturaInter tecno   clase 01 - plan asignatura
Inter tecno clase 01 - plan asignatura
 
Unidad 4 diseño de interfaces hombre máquina
Unidad 4 diseño de interfaces hombre máquinaUnidad 4 diseño de interfaces hombre máquina
Unidad 4 diseño de interfaces hombre máquina
 
Introducción a la ingeniería web
Introducción a la ingeniería webIntroducción a la ingeniería web
Introducción a la ingeniería web
 
Universidad estatal de bolivar
Universidad estatal de bolivarUniversidad estatal de bolivar
Universidad estatal de bolivar
 
Universidad estatal de bolivar
Universidad estatal de bolivarUniversidad estatal de bolivar
Universidad estatal de bolivar
 
Universidad estatal de bolivar
Universidad estatal de bolivarUniversidad estatal de bolivar
Universidad estatal de bolivar
 
Universidad estatal de bolivar
Universidad estatal de bolivarUniversidad estatal de bolivar
Universidad estatal de bolivar
 
PiX una herramienta para la comunidad UX
PiX una herramienta para la comunidad UXPiX una herramienta para la comunidad UX
PiX una herramienta para la comunidad UX
 
Seminario Metodos De Trabajo Revit 2011
Seminario Metodos De Trabajo Revit 2011Seminario Metodos De Trabajo Revit 2011
Seminario Metodos De Trabajo Revit 2011
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz web
 

MODELO DE DISEÑO WEB

  • 1. UNIVERSIDAD ESTATAL DE BOLIVAR FACULTAD DE CIENCIAS DE LA EDUCACION ESCUELA DE INFORMATICA EDUCATIVA TRABAJO DE: DESARROLLO DE SOFTWARE 2 CATEDRATICO LIC. MARCELO BAÑO TEMA: MODELO DE DISEÑO PARA APLICACIONES WEB
  • 2. Según Jakob Neilsen dos enfoques Básicos del diseño : el ideal artístico de expresarle uno mismo y el ideal de ingeniería de resolver un problema para un cliente.
  • 3. Seguridad Disponibilidad Escalabilidad Tiempo en el mercado
  • 4. Simplicidad Metas de Consistencia Identidad diseño Robustez
  • 5. anticipación Enfoque Comunicación Principios y directrices Flexibilidad del diseño de la interfaz consistencia eficiencia Autonomía controlada
  • 6. El diseño estético, también llamado diseño grafico es un esfuerzo artístico que complementa los aspectos técnicos de la ingeniería Web. El diseño estético considera aspectos de la presentación y percepción de Web.
  • 7. El diseño del contenido se enfoca en dos asuntos de diseño diferente, cada uno lo abordan individuos con conjunto de habilidades. Además el diseño de contenidos se ocupa de representar la información dentro de un objeto.
  • 8. El diseño arquitectónico esta enlazado con las metas establecidas para la Web, el contenido que representan, los usuarios que la visitaran y la filosofía de navegación que se establezca. El diseñador arquitectónico de identificar la arquitectura de contenido y la arquitectura de la Web.
  • 9. Una vez establecida la arquitectura de la web y la identificación de los componentes, el diseñador debe definir las rutas de navegación que habiliten para los usuarios el acceso al contenido y las funciones de la web.
  • 10. PATRONES DE DISEÑO HIPERMEDIA. Son patrones de diseño en la ingeniera web que abarcan.  Patrones de diseño Genérico.  Patrones de diseño Hipermedia. Otras categorías de patrones:  Patrones arquitectónicos: Esto patrones auxilian en el diseño del contenido y la arquitectura.  Patrones de construcción de componentes: Estos patrones recomienda métodos para combinar componentes.  Patrones de navegación: Estos mas ayudan al diseño.  Patrones de presentación: estos patrones auxilian en la presentación de contenidos.  Patrones de interacción comportamiento / usuario: estos patrones auxilian en el diseño de la interacción usuario maquina.
  • 11. METODOS DE DISEÑO HIPERMEDIA ORIENTADO A OBJETOS (MDHOO). Durante las pasadas décadas se propusieron varios métodos de diseño para aplicaciones web hasta la fecha ningún método es dominante. El método de diseño hipermedia orientado a objetos esta compuesto de cuatro diferentes actividades de diseño.  Diseño Conceptual.  Diseño de Navegación.  Diseño Abstracto de la Interfaz.  Implementación.
  • 12. Componentes . Parte numero parte nombre Factura de Habitación. parte tipo materiales. Dimensiones Descripción Identificado Exterior de Precio r numero de ventanas artículos Exterior de Precio total puertas Articulo Cantidad Parte numero Parte, nombre Parte tipo Pedido Precio Pedido numero Cliente Factura de materiales Embarque cobranza