La evolucin del desarrollo de sitios web Facultad de Ingeniera, Escuela de Computacin, Universidad Don BoscoChristian Alberto Arias Moreno ariasmorenochristian@yahoo.es Christian Javier Lpez Roque cjavier93@gmail.com Carlos Alberto Mrquez Garca carlosmg76@gmail.com ResumenLaWebdehoyesununiversode aplicacionesypginaswebinterconectadas lleno de vdeos, fotos y contenido interactivo. Lo quenoveelusuarioescmointeractanlos navegadoresylastecnologaswebparahacer queestoseaposible.Alolargodeltiempo,las tecnologas web han evolucionado hasta permitir quelosdesarrolladorespuedancrearnuevase increbles experiencias web. La Web actual es el resultadodeloscontinuosesfuerzosdeuna comunidadwebabiertaqueayudaadefinir estastecnologasweb,talescomoHTML5, CSS3yWebGL,ygarantizaquetodoslos navegadores web las admitan. PalabrasClaveinternet,HTTP,HTML, CSS, WWW. I.Introduccin Desdesuscomienzosallporlosaos60, Internethapasadopormuchasfases,ysu instrumentoprincipal,laspginasweb,han sufridogigantescoscambiosdesdeentonces. Ensusorgenes,laspginaseranplanas, nicamentepresentabantexto,peroamedida que ha ido aumentando el desarrollo tecnolgico estos sitios han ido creciendo con l. Eldesarrollotecnolgicodenuevossoftwarey hardwarehanconseguidoqueInternethaya evolucionadoaunavelocidadgalopantesilo comparamosconotrosmedioscomolaradioo latelevisin.Porello,lainterfazdeahorapoco tienequeverconlasdepginasdeantao. Inclusocon las de hace slo 10. II.Inicios de la web Elpropsitodelaprimerapginawebera informaracercadelproyectodelaWorld WideWeb,quepodramostraducircomo RedInformticaMundial.Unadelas principalesrazonesporlasquenosepoda pensarenundiseo,ademsdeserlos iniciosdelaweb(yunnuevousoparael protocolo de Internet), era la velocidad de las conexiones, que en el mejor de los casos era a travs de dial-up (por lnea conmutada). En estetiempo,mostrarunasimpleimagenera imposible. Lawebqueviosunacimientoen1989 consisteenunbonchededocumentosweb conectadospormediodehipervnculos, representparalosmediosde comunicacionesunodelosmayoreslogros debidoaque,esrpidaytodospueden participar,algoqueenlosmedios tradicionales no se poda lograr. Sedicequeenunfuturonomuylejanola webocasionar(oestocasionando)la extincindelosmediostradicionales,tales comolatelevisin,peridicosyelradio,con estosltimosdosesmsevidenteesta prediccinpuesltimamentesehanvenido cerrandoestacionesderadioeimportantes empresasquedistribuyenperidicos alrededor del mundo. Todo consista en texto simple y texto con links, yaproximadamentedosaosdespus,yase podahablarunpocodediseo,puesalgunas etiquetasdelaespecificacinHTMLmostraban pordefectoeltextoconalgntamaoypeso diferente al estndar, etc. Hoy en da al trabajar enundiseowebesimportanteretomarlo esencialdesusinicios:muypocopesoyla mximaexpresindelminimalismoyla usabilidad. III.WEB 1.0 En 1993, surgi el navegador Mosaic, que era el primeroquedesplegabalasimgenesenlnea con el texto, en vez de abrirlas por separado en otra ventana. Este navegador fue el responsable depopularizarlaweb.Sinembargo,paraeste aonoexistanestndareswebniuna institucinreguladora,porloqueen1994 Berners-LeefundaelWorldWideWeb Consortium,mejorconocidocomo W3C,elcual hastanuestrosdasregulalosestndaresdel desarrolloyeldiseoweb.Posteriormente,los creadoresdeMosaiccrearonNetscape,que eventualmenteperdilabatallacontraInternet Explorer de Microsoft. Algo muy popular durante estapocafueelusodetablasparaacomodar visualmenteelcontenidodondeeradeseado, hasta la introduccin de CSS en 1996 gracias al W3C. Gran parte de las innovaciones de esta poca fueron impulsadas por la guerra de los navegadores(conInternetExplorery Netscapecomoprincipalescontendientes) msqueporelimpulsodelW3C;durante este tiempo, algo muy popular en la web eran loscontadoresdevisitas,unusoexagerado deGIFsanimados,ytextoanimadoycon desplazamiento mediante marquesinas, una etiqueta HTML. En1996nosolamenteseintrodujoel lenguaje CSS, tambin Flash, aunque este no ganpopularidadsinohasta1998.Larazn porlaquecomenzaserutilizadocadavez ms en diseo web, fue que CSS y HTML no eran tan poderosos para generar grficos que paraeseentoncesnotenanprecedentes, comoformasredondeadas,quecambiaban decolor,conefectotridimensionalmediante el manejo de tonalidades.

Ainiciosdeladcadadelos2000,las tendenciasdediseowebcambiaronde nuevo,graciasaquelaindustrianotque Flashnoeratanprometedor,ysobretodoa quelasespecificacionesparaCSSse ampliaron. Ahora no solamente el texto tena links,tambinlasimgenes,conelusode HTMLyCSS,nadadeFlashniscripts.Los matices y tonalidades tipo nen o chillantes cayeronendesuso,enfavordecoloresms agradablesalavista.Lasresolucionesde pantallayeltamaodeloselementos recobraronimportancia,denuevoeldiseo webseenfocabaenusabilidadynoen solamente llamar la atencin, a la vez que los motores de bsqueda podan indexar mejor a cada sitio. La web 1.0 que bsicamente se refiere a un sitio webqueutilizaunmontndedocumentosen HTML(HyperTextMarkupLanguage) interconectasconenlacesvinoarepresentar pginaswebmsagradablesalavistaylos primerosnavegadoresvisualescomoIE, Netscape, etc. Es decir, la web 1.0 naci cuando violavidalawebengeneral,unsitioenHTML conectado con enlaces. Larealidadesotra,apesardequehaceaos quenacilaweb1.0,lamayorapensaraque estextinta,perono,anenestostiemposen losqueprcticamenteestamosentrandoenla web3.0,ansiguenhabiendoempresasy personasqueutilizanlaweb1.0comosifuera algo novedoso en la tecnologa. La web 1.0 es la madredeloqueconocemosahoraperoest extinta,aquelquelasigautilizandoesuna personaquenotienelamsremotaideadel camino que sigue la web. IV.Web 2.0 EltrminoWeb2.0fueacuadoporTim O'Reillyen 2004 para referirse a una segunda generacinenlahistoriadeldesarrollode tecnologaWebbasadaencomunidadesde usuariosyunagamaespecialdeservicios, como las redes sociales, los blogs, los wikis o lasfolsonomas,quefomentanla colaboracinyelintercambiogilde informacinentrelosusuariosdeuna comunidadoredsocial.LaWeb2.0es tambinllamadawebsocialporelenfoque colaborativoydeconstruccinsocialdeesta herramienta. ElterminoWeb2.0(2004presente)est comnmenteasociadoconunfenmeno social,basadoenlainteraccinqueselogra apartirdediferentesaplicacionesweb,que facilitancompartirinformacin,la interoperatividad,eldiseocentradoenel usuarioylacolaboracinenlaWWW. Ejemplos de la Web 2.0 son las comunidades web, los servicios web, las aplicaciones Web, losserviciosderedsocial,losserviciosde alojamientodevideos,laswikis,blogs, mashupsyfolcsonomasyengeneral,como ya hemos visto, todo conjunto de aplicaciones ysitiosWebquepermitanunainteraccin entre usuarios. TalvezeltrminoWeb2.0sueneunpoco extremo,peroenverdadloscambiostotales y duraderos del diseo web se comenzaron a ver en esta poca, aproximadamente de 2005 a 2010. Interfaces ms bonitas a la vez que permitanaltausabilidad,lamuertecasi totaldeFlash,elverdaderoiniciodelSEOy tcnicascambiantesparaposicionarlas pginasweb(algunasyaendesusoyaque no favorecan al buen contenido original). EsunaevolucindeWeb1.0.Esun ecosistemadelainformacin:Google, Wikipedia,EBay,YouTube,SkypeSkype, Writely,Blogger,RSS,Flickr,Emule,Todas estas aplicaciones y sitios tienen en comn que suprincipalactivoeselusuario.Amayor nmerodeusuariosaumentaelvalordelsitioy sucontenido.Nohayversiones,siempreest cambiando.LaWeb2.0estdestinadaala navegacin.Tieneinnovaciones(tecnologas) Sitios representativos de Web 2.0. Con la web 2.0 vinieron muchas mejoras para la creacindesitioswebcomoloeselusode AJAX que no es ninguna tecnologa, ni lenguaje deprogramacinesunatcnicadedesarrollo webquecombinavariastecnologas consiguiendo una navegacin ms gil y rpida, ms dinmica. Tecnologas empleadas: XHTML(oHTML)yCSS-Presentacin de datos DocumentObjectModel(DOM)-Mostrareinteractuardinmicamente con la informacin XMLyXSLT-Intercambiarymanipular datos con el servidor web XMLHttpRequest-Recuperaciny envo de datos de modo asncrono JavaScript-Nexo de unin A.Blogs Espacioswebdondesusautoresescriben cronolgicamenteartculosyloslectores dejan sus comentarios. Sonsitioswebperidicamenteactualizados querecopilancronolgicamentetextoso artculosdeunoovariosautores.Existen weblogsdetipopersonal,periodstico, empresarial o corporativo, etc. B.Wiki Delhawaianowikiwikirpidosonuna coleccindepginashipertextopuedenser visitadas y editadas por cualquier persona en cualquiermomento.Bsicamentesonun editordetextoonlinequepermitequesus contenidosseanescritosdeforma colaborativaatravsdeunnavegador, utilizandounanotacinsencillaparadar formato,crearenlaces,etc.Cuandoalguien edita una pgina wiki, suscambios aparecen inmediatamenteenlaweb,sinpasarpor ningn tipo de revisin previa. RSS( Really Simple Sindication) Formatoquepermitequeunosprogramas llamados agregadores presenten el contenido de una pgina web sin necesidad visitarla. Usandounagregador,elInternautapuede suscribirseavariaspginaswebyrecibir automticamentetodaslasnovedadesdelas pginas en un nico sitio. V.Web 3.0 Web3.0esunneologismoqueseutilizapara describir la evolucin del uso y la interaccin en laredatravsdediferentescaminos.Ello incluye, la transformacin de la red en una base dedatos,unmovimientohaciahacerlos contenidos accesibles por mltiples aplicaciones non-browser,elempujedelastecnologasde inteligenciaartificial,lawebsemntica,laWeb Geoespacial,olaWeb3D.Frecuentementees utilizadoporelmercadoparapromocionarlas mejorasrespectoala Web2.0.Eltrmino Web 3.0apareciporprimeravezen2006enun artculodeJeffreyZeldman,crticodelaWeb 2.0yasociadoatecnologascomoAJAX. Actualmenteexisteundebateconsiderableen tornoaloquesignificaWeb3.0,yculesla definicin acertada. Enelintentodecomprensindelapropia Web2.0yasevislumbrannuevasfuturas etapasdelaWeb,sobretodoorientadasa mejorarlainteractividadylamovilidad entre/de los usuarios. El trmino Web 3.0 est asociado al concepto deWebSemntica,desarrolladobajola tutela del creador de la Web Tim Berns-Lee. Bsicamente,todalainformacinpublicada enlasdiferentespginasWebnoes entendibleporlosordenadores,teniendo nicamente significado para las personas. La ideaconsisteenaadirinformacinadicional alainformacinvisible,detalmaneraque puedaserentendidaporlosordenadores. Dichosordenadores,pormediodetcnicas deinteligenciaartificial,serancapacesde emularymejorarlaobtencinde conocimiento,algohastaelmomento reservadonicamentealaspersonas.Se tratadedotardesignificadoalaspginas Web, y de ah el nombre de Web Semntica. Sellegainclusoaacuareltrminode Sociedad del Conocimiento a aquel grado de evolucindelaSociedaddelaInformacin en el que se alcanza dicho estadio. VI.Web semntica LaWebSemnticaesunaWebextendida, dotada de mayor significado en la que cualquier usuario en Internet podr encontrar respuestas a suspreguntasdeformamsrpidaysencilla graciasaunainformacinmejordefinida.Al dotar a la Web de ms significado y, por lo tanto, demssemntica,sepuedenobtener solucionesaproblemashabitualesenla bsqueda de informacin gracias a la utilizacin deunainfraestructuracomn, mediantelacual, esposiblecompartir,procesarytransferir informacindeformasencilla.EstaWeb extendidaybasadaenelsignificado,seapoya enlenguajesuniversalesqueresuelvenlos problemas ocasionados por una Web carente de semntica en la que, en ocasiones, el acceso a la informacin se convierte en una tarea difcil y frustrante. LaWebhacambiadoprofundamentelaforma en la que nos comunicamos, hacemos negocios yrealizamosnuestrotrabajo.Lacomunicacin prcticamentecontodoelmundoencualquier momentoyabajocosteesposiblehoyenda. Podemosrealizartransaccioneseconmicasa travsdeInternet.Tenemosaccesoamillones derecursos,independientementedenuestra situacingeogrficaeidioma.Todosestos factoreshancontribuidoalxitodela Web.Sin embargo,almismotiempo,estosfactoresque hanpropiciadoelxitodela Web,tambinhan originado sus principales problemas: sobrecarga deinformacinyheterogeneidaddefuentesde informacinconelconsiguienteproblemade interoperabilidad. LaWebSemnticaayudaaresolverestosdos importantesproblemaspermitiendoalos usuariosdelegartareasensoftware.Graciasa la semntica en la Web, el software es capaz de procesarsucontenido,razonarconeste, combinarloyrealizardeduccioneslgicaspara resolver problemas cotidianos automticamente. Entre los principales componentes de la Web SemnticapodemosencontrarXML,XML Schema,RDF,RDFSchemayOWL.La descripcin de OWL en ingls Ontology Web Languagedescribelasfuncionesy relacionesdecadacomponentedelaWeb Semntica: XML:Proveeunasintaxiselemental paralasestructurasdecontenidos dentro de documentos. XMLSchema:Esunlenguajepara proporcionar y restringir la estructura y elcontenidodeloselementos contenidosdentrodedocumentos XML. RDF:Esunlenguajesimplepara expresarmodelosdelosdatos,que refierenalosobjetosrecursosya susrelaciones.UnmodelodeRDF-basedsepuederepresentaren sintaxis de XML. RDF Schema: Es un vocabulario para describirpropiedadesyclasesde recursosRDF-based,consemntica parageneralizar-jerarquasdelas propiedades y clases. OWL:Esunmecanismopara desarrollartemasovocabularios especficosenlosquepodamos asociar esos recursos. VII.Diseo web mvil Algoquecambidenuevolamaneradehacer pginas web, aproximadamente desde 2011, fue elaugedelosdispositivosmvilesinteligentes, empezandoporlossmartphones,despuslas tablets,ymsrecientementelasphablets (smartphones con tamaos de pantalla cercanos a los de una tablet). Pero en vez de disear por separadounsitioparaescritoriosyotropara mviles, lleg una tendencia -o tcnica- llamada diseoadaptable,queconsisteenunsolositio (idealmenteunsoloHTMLyunsoloCSS)en que,dependiendodeltamaodelaventana,el contenido se acomoda a su tamao. Estopermiteutilizarimgenesdelancho completodelapantalla,yaunadoaello, permiti que surgiera un diseo web minimalista, enpartepropiciadoporeltamaotanpequeo delaspantallasyladificultadparapresionar botonespequeosenpginasweb.Enesta ocasinlosbotonesylosbloquessehan tornado en elementos de mayor tamao, menos tridimensionales y ms cuadrados, con colores y aparienciasmuylimpias,usodesimpleslneas paraconos,ascomotextointegradoenlas imgenes, algo simplemente hermoso a la vista, y que permite visualizarel contenido importante de manera muy fcil. Estas tcnicas an se encuentran en evolucin, y bien podra sorprendernos lo que se genere en losprximosaos.Sindudaelpanorama cambiantededispositivosque,entreotras cosas,seutilizanparanavegarlaweb-incluyendolamuyanticipadaporexpertos muertedelaPC-jugarunpapelmuy importante en el futuro del diseo web. VIII.Recomendaciones y Conclusiones Lawebhaevolucionadodeunamanera sorprendente, desde su aparicin con laweb 1.0,estosedebeaquesiempreseha buscadoresolverlasnecesidadesque emergenconelavancedelatecnologa, cuandolawebapenasestabasurgiendo muchaspersonaseranajenas,encuantoa inters, a este tipo de tpicos, pero a medida eltiempoavanzaylabrechatecnolgicase reduce an mas, cada persona va retomando intersporresolversusproblemasmediante elusodetecnologaylascosasqueenella estnimplcitascomolaweb,losavances tecnolgicostambinsevenreflejadosenla webylaaccesibilidadaestosavances muchomsdebidoaquesiahoranose tuviera un acceso a la web ms factible como setienehoyenda,laspersonasno buscaranresolversusproblemasmediante esterecurso,encuantoaquelawebseva adaptandoalosavancesdela tecnologaes tansimplecomofijarnosenqueeldiseo mvilwebsedebeaquelatecnologamvil haavanzadomuchoyestalalcancede todosentonceslawebhatenidoque adaptarse a esto. IX.Bibliografa y Referencias Fielding,R.;Gettys,J.;Mogul,J.;Frystyk, H.;Masinter,L.;Leach,P.;Berners-Lee,T. (June1999).HypertextTransferProtocol HTTP/1.1.RequestForComments2616. Information Sciences Institute. Berners-Lee,Tim;Bray,Tim;Connolly, Dan;Cotton,Paul;Fielding,Roy;Jeckle, Mario;Lilley,Chris;Mendelsohn,Noah; Orchard,David;Walsh,Norman;Williams, Stuart(December15,2004).Architectureof theWorldWideWeb,VolumeOne.Version 20041215. W3C. HACIALAWEBSEMANTICA-HTTP://WWW.HIPERTEXTO.INFO/DOCUMENTOS/WEB_SEMANTICA.HTMEVOLUCION DEL DESARROLLO WEB- HTTP://WWW.LSI.US.ES/DOCENCIA/GET.PHP?ID=2780 EVOLUCIONDELAWEB-HTTP://PROFESORES.ELO.UTFSM.CL/~TARREDONDO/INFO/NETWORKS/EVOLUCION_WEB.PDF LAEVOLUCINDELAWEB,DELA1.0 ALA3.0?- HTTP://SIETEPECADOSDIGITALES.WORDPRESS.COM/2012/02/27/EVOLUCION-DE-LA-WEB/