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

Destacado

Bit Online
Bit OnlineBit Online
Bit Online
bitonline
 
La planta
La plantaLa planta
La plantaamerac
 
Sistema de juego 6 2
Sistema de juego 6   2Sistema de juego 6   2
Sistema de juego 6 2Exe Åkerfeld
 
1 antecedentes de la computacion en la ingenieria
1 antecedentes de la computacion en la ingenieria1 antecedentes de la computacion en la ingenieria
1 antecedentes de la computacion en la ingenieria
Alex Gzjz
 
Aplicación practica depruebas estadisticas
Aplicación practica depruebas estadisticasAplicación practica depruebas estadisticas
Aplicación practica depruebas estadisticas
Jose Feliciano Novelo Tec
 
4ta actividad 4to periodo 7°
4ta actividad 4to periodo 7°4ta actividad 4to periodo 7°
4ta actividad 4to periodo 7°
Rolando Gutierrez
 
aprendizaje_colaborativo
aprendizaje_colaborativoaprendizaje_colaborativo
aprendizaje_colaborativoelcuervo2222
 
Manual de soldadura oerlicon
Manual de soldadura oerliconManual de soldadura oerlicon
Manual de soldadura oerlicon
mamutmut
 
Powerpsico
PowerpsicoPowerpsico
PowerpsicoCCV1502
 
La intervención temprana, un apoyo para la prevención de adicciones y el suic...
La intervención temprana, un apoyo para la prevención de adicciones y el suic...La intervención temprana, un apoyo para la prevención de adicciones y el suic...
La intervención temprana, un apoyo para la prevención de adicciones y el suic...AlejandroSalasLopez
 
Ex hacienda del chorrillo
Ex hacienda del chorrilloEx hacienda del chorrillo
Ex hacienda del chorrillocarsotelo
 
El jardin de los derviches
El jardin de los dervichesEl jardin de los derviches
El jardin de los dervichesana293
 
DEXCell Software de gestió energètica
DEXCell Software de gestió energèticaDEXCell Software de gestió energètica
DEXCell Software de gestió energètica
Ecotendències Cosmocaixa
 
Presentacion de power point mirian jami
Presentacion de power point mirian jamiPresentacion de power point mirian jami
Presentacion de power point mirian jamimiriaja
 
Casa de oración houston
Casa de oración houstonCasa de oración houston
Casa de oración houston
Cisneroscoronado
 
Ley emprendedores 2013 para Comercio Electrónico (por eCommerceUPV)
Ley emprendedores 2013 para Comercio Electrónico (por eCommerceUPV)Ley emprendedores 2013 para Comercio Electrónico (por eCommerceUPV)
Ley emprendedores 2013 para Comercio Electrónico (por eCommerceUPV)
Máster en Comercio Electrónico - UPV
 
1 componentes de pc
1 componentes de pc1 componentes de pc
1 componentes de pccursosuda
 
Alternativa seducativas responsabilidadpenalmenores7
Alternativa seducativas responsabilidadpenalmenores7Alternativa seducativas responsabilidadpenalmenores7
Alternativa seducativas responsabilidadpenalmenores7Julio Ríos
 

Destacado (20)

Resumen 2 nucleo
Resumen 2 nucleoResumen 2 nucleo
Resumen 2 nucleo
 
Bit Online
Bit OnlineBit Online
Bit Online
 
La planta
La plantaLa planta
La planta
 
Sistema de juego 6 2
Sistema de juego 6   2Sistema de juego 6   2
Sistema de juego 6 2
 
1 antecedentes de la computacion en la ingenieria
1 antecedentes de la computacion en la ingenieria1 antecedentes de la computacion en la ingenieria
1 antecedentes de la computacion en la ingenieria
 
Aplicación practica depruebas estadisticas
Aplicación practica depruebas estadisticasAplicación practica depruebas estadisticas
Aplicación practica depruebas estadisticas
 
4ta actividad 4to periodo 7°
4ta actividad 4to periodo 7°4ta actividad 4to periodo 7°
4ta actividad 4to periodo 7°
 
aprendizaje_colaborativo
aprendizaje_colaborativoaprendizaje_colaborativo
aprendizaje_colaborativo
 
Manual de soldadura oerlicon
Manual de soldadura oerliconManual de soldadura oerlicon
Manual de soldadura oerlicon
 
Powerpsico
PowerpsicoPowerpsico
Powerpsico
 
La intervención temprana, un apoyo para la prevención de adicciones y el suic...
La intervención temprana, un apoyo para la prevención de adicciones y el suic...La intervención temprana, un apoyo para la prevención de adicciones y el suic...
La intervención temprana, un apoyo para la prevención de adicciones y el suic...
 
Ex hacienda del chorrillo
Ex hacienda del chorrilloEx hacienda del chorrillo
Ex hacienda del chorrillo
 
El jardin de los derviches
El jardin de los dervichesEl jardin de los derviches
El jardin de los derviches
 
Aula Virtual
Aula VirtualAula Virtual
Aula Virtual
 
DEXCell Software de gestió energètica
DEXCell Software de gestió energèticaDEXCell Software de gestió energètica
DEXCell Software de gestió energètica
 
Presentacion de power point mirian jami
Presentacion de power point mirian jamiPresentacion de power point mirian jami
Presentacion de power point mirian jami
 
Casa de oración houston
Casa de oración houstonCasa de oración houston
Casa de oración houston
 
Ley emprendedores 2013 para Comercio Electrónico (por eCommerceUPV)
Ley emprendedores 2013 para Comercio Electrónico (por eCommerceUPV)Ley emprendedores 2013 para Comercio Electrónico (por eCommerceUPV)
Ley emprendedores 2013 para Comercio Electrónico (por eCommerceUPV)
 
1 componentes de pc
1 componentes de pc1 componentes de pc
1 componentes de pc
 
Alternativa seducativas responsabilidadpenalmenores7
Alternativa seducativas responsabilidadpenalmenores7Alternativa seducativas responsabilidadpenalmenores7
Alternativa seducativas responsabilidadpenalmenores7
 

Similar a MODELO DE DISEÑO WEBAPP

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é...
Seminario TransCyberiano
 
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
Edward Bermúdez M.
 
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‏
David Leon Sicilia
 
oohdm
oohdmoohdm
Roles del diseñador digital
Roles del diseñador digitalRoles del diseñador digital
Roles del diseñador digital
Creatif comunicación proactiva
 
Experiencia Interaccion Interfaces
Experiencia Interaccion InterfacesExperiencia Interaccion Interfaces
Experiencia Interaccion Interfaces
Gonzalo Auza
 
Unidad 4
Unidad 4Unidad 4
DiseñO Para Web App
DiseñO Para Web AppDiseñO Para Web App
DiseñO Para Web App
uneve
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño WebLorena Guerrero
 
Presentacion interfaz hombre_maquina
Presentacion interfaz hombre_maquinaPresentacion interfaz hombre_maquina
Presentacion interfaz hombre_maquinaulises1305
 
Presentacion interfaz hombre_maquina
Presentacion interfaz hombre_maquinaPresentacion interfaz hombre_maquina
Presentacion interfaz hombre_maquinaulises1305
 
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
 
Inter tecno clase 01 - plan asignatura
Inter tecno   clase 01 - plan asignaturaInter tecno   clase 01 - plan asignatura
Inter tecno clase 01 - plan asignatura
Marcelo Luis Barbosa dos Santos
 
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
alastar16
 
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
Carlos Van de Velde
 
Universidad estatal de bolivar
Universidad estatal de bolivarUniversidad estatal de bolivar
Universidad estatal de bolivarrolex_ueb
 
Universidad estatal de bolivar
Universidad estatal de bolivarUniversidad estatal de bolivar
Universidad estatal de bolivarChino CT
 
Universidad estatal de bolivar
Universidad estatal de bolivarUniversidad estatal de bolivar
Universidad estatal de bolivarChino CT
 
Universidad estatal de bolivar
Universidad estatal de bolivarUniversidad estatal de bolivar
Universidad estatal de bolivarChino CT
 
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
Katherine Exss
 

Similar a MODELO DE DISEÑO WEBAPP (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‏
 
oohdm
oohdmoohdm
oohdm
 
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
 
DiseñO Para Web App
DiseñO Para Web AppDiseñO Para Web App
DiseñO Para Web App
 
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
 

Último

Ventajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloroVentajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloro
durangense277
 
Catalogo Buzones BTV Amado Salvador Distribuidor Oficial Valencia
Catalogo Buzones BTV Amado Salvador Distribuidor Oficial ValenciaCatalogo Buzones BTV Amado Salvador Distribuidor Oficial Valencia
Catalogo Buzones BTV Amado Salvador Distribuidor Oficial Valencia
AMADO SALVADOR
 
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
CesarPazosQuispe
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
AlejandraCasallas7
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
IsabellaRubio6
 
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
espinozaernesto427
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
Emilio Casbas
 
Desarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdfDesarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdf
samuelvideos
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
AlejandraCasallas7
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
coloradxmaria
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
cdraco
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
PABLOCESARGARZONBENI
 
Presentacion de Estado del Arte del The Clean
Presentacion de Estado del Arte del The CleanPresentacion de Estado del Arte del The Clean
Presentacion de Estado del Arte del The Clean
juanchogame18
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
JulyMuoz18
 
actividad 2 tecnologia (3).pdf junto con mis compañeros
actividad 2 tecnologia (3).pdf junto con mis compañerosactividad 2 tecnologia (3).pdf junto con mis compañeros
actividad 2 tecnologia (3).pdf junto con mis compañeros
aljitagallego
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
SamuelRamirez83524
 
SISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsxSISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsx
tamarita881
 
Catalogo general Ariston Amado Salvador distribuidor oficial Valencia
Catalogo general Ariston Amado Salvador distribuidor oficial ValenciaCatalogo general Ariston Amado Salvador distribuidor oficial Valencia
Catalogo general Ariston Amado Salvador distribuidor oficial Valencia
AMADO SALVADOR
 
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVATECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
LilibethEstupian
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 

Último (20)

Ventajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloroVentajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloro
 
Catalogo Buzones BTV Amado Salvador Distribuidor Oficial Valencia
Catalogo Buzones BTV Amado Salvador Distribuidor Oficial ValenciaCatalogo Buzones BTV Amado Salvador Distribuidor Oficial Valencia
Catalogo Buzones BTV Amado Salvador Distribuidor Oficial Valencia
 
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
 
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
 
Desarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdfDesarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdf
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
 
Presentacion de Estado del Arte del The Clean
Presentacion de Estado del Arte del The CleanPresentacion de Estado del Arte del The Clean
Presentacion de Estado del Arte del The Clean
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
 
actividad 2 tecnologia (3).pdf junto con mis compañeros
actividad 2 tecnologia (3).pdf junto con mis compañerosactividad 2 tecnologia (3).pdf junto con mis compañeros
actividad 2 tecnologia (3).pdf junto con mis compañeros
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
 
SISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsxSISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsx
 
Catalogo general Ariston Amado Salvador distribuidor oficial Valencia
Catalogo general Ariston Amado Salvador distribuidor oficial ValenciaCatalogo general Ariston Amado Salvador distribuidor oficial Valencia
Catalogo general Ariston Amado Salvador distribuidor oficial Valencia
 
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVATECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 

MODELO DE DISEÑO WEBAPP

  • 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