Maestra en Sistemas ComputacionalesMCA Gustavo Alejandro Galindo RosalesAbril 2015igusi_sot!"otmail#com1Forma de Evaluacin $%&menes '0( )areas 10( *rogramas+0( Revisiones 20( )otal100(2Modelado Conceptual de Aplicaciones Web UNIDAD 1+Tcnicas de diseoEldiseoesunlenguajeyloprincipalescmo usas ese lenguaje (Tibor Kalman).Reconocer la necesidad es la principal condicin para el diseo (Charles Eames).Eldiseoeselmtododejuntarlaormayel contenido.Eldiseoessimple!poresoestan complicado("aul Rand).'Tarea 1! ,uevas t-cnicas paraun nuevo dise.o /eb*or e0uipo "acer una investigaci1n 2 e%poner una de las siguientes t-cnicas34a%er,ode#js5agrant5Introduccin67esde los inicios de la 8orld 8ide 8eb9 tanto el dise.o delasp&ginascomodelapropiaestructuradelos "iperdocumentos9"avariadoenormemente#Sial principio9los"iperte%tosenla8ebselimitabana plasmar9sobreestenuevomedio9unte%toimpreso segment&ndolo en pe0ue.os blo0ues 2 colocando a0u 2 all&algunosenlaces9enlaactualidad9lasp&ginas/eb se"anconvertidoenverdaderasobrasdedise.o gr&:co9 multimedia e ingeniera inorm&tica# ;ntegraci1n debasesdedatos9serviciosonline9inclusi1nde so:sticadas"erramientasdeb$n 1??>9 7avid Siegel en)-cnicas avanAadas para el dise.o de p&ginas /ebdistingua + generaciones en el desarrollo de las interaces de la 8883Webs de primera #eneracin!estructura linealeventual inserci1n de otograas 2 lneas de separaci1nbaja de:nici1n Bpro2ectados para terminales ASC;; en blanco 2 negroCWebs de se#unda #eneracin!iconos en veA de palabras subra2adas con aAulmen< de opcionesondos coloreados o con im&genesbordes aAules alrededor de las :guras interactivasWebs de tercera #eneracin!"egemona del dise.o sobre la tecnologautiliAaci1n de met&orasuso de unlayouttipogr&:co 2 visual para la descripci1n de una p&gina bidimensionalestructura entrada D&rea centralD salidaAntecedentes ESin embargo9 "o2 podemos "ablar de una cuarta generaci1n de /ebsenlas0ueprimatantoeldise.ogr&:cocomola tecnologa#Fos/ebmasters2anosons1lodise.adores gr&:cos9sinoe%pertosinorm&ticos0ue"andeconocerlos nuevoslenguajes9dominarlasnuevas"erramientasde programaci1n9 conectividad a base de datos9 seguridad9 etc# $l "iperte%to 2a no es una colecci1n de te%tos enlaAados9 sino un espaciodeintercambiodeserviciosdetodotipo3culturales9 inormativos9 comerciales9 sociales9 etc#Son muc"os los actores 0ue "a2 0ue tener en cuenta a la "ora dedise.arunsitio/eb#Sinembargo9dosactoresdestacan sobrelosdem&s3sucontenido2eldise.odelainteraA#Fos ar0uitectosdelainormaci1nseocupana"oradeldise.o centradotantoeneluso9comoenelusuariopara"acerlea -ste las tareas lo m&s sencillas posibles#Antecedentes ?Grancisco)osete HerranAenFa e%perienciadel usuarioresumeen lasiguiente imagen9enorma derueda9todaslas disciplinas implicadasenel dise.odesitios /eb3Metas I&sicas de 7ise.o)-cnicasdemodeladoconceptualproporcionen uneno0uemetodol1gico2sistem&ticoala especi:caci1n de aplicaciones tradicionales#Fos m-todos de dise.o orientados a objetos 0ue utiliAant-cnicasdemodeladoconceptualno proporcionan primitivas para especi:caci1n de la navegaci1n9 presentaci1n9 etc#JComoelicitar2representarlasem&ntica navegacional en modelos conceptualesK10Metas I&sicas de 7ise.o$%tensi1n de un m-todo de producci1n LL para la construcci1n de aplicaciones /eb a trav-s de la incorporaci1n de un modelo 0ue representa las caractersticas propias de las aplicaciones /ebMtiliAaci1n de patrones conceptuales para representar los re0uisitos Bnavegaci1n9 presentaci1n9 etc##C de los usuarios#Fa sem&ntica navegacional de una aplicaci1n /eb se captura en un Modelo de Nave#acin11