ManualdeProyectosWeb EscuelaSuperiordeEconomíayNegocios Volumen1 PreparadoporIng.FelipeTorres DecanodeIngenieríaIndustrialydeNegocios
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios Contents Introducción... 6 1.PlanificaciónGeneraldelProyectoWeb... 7 1.1.EquipodeTrabajo... 7 1.1.1.CreacióndelComitéWeb... 7 1.1.2.LevantamientodeNecesidadesdelServicio... 10 1.2.FinanciamientodelProyectodeSitioWeb... 10 1.3.ExternalizacióndelProyecto... 11 1.3.1.TérminosdeReferencia... 11 1.3.2.EvaluaciónyAdjudicacióndePropuestas... 13 1.3.3.ElaboracióndeContratosdeServicios... 13 1.4.InstrumentosdeSeguimiento... 14 1.4.1.Metodologíadeseguimiento... 14 1.4.2.ReunionesdeControl,actasdereunióneInformesdeAvance... 14 1.5.RecepciónFinaldelProyecto... 15 1.5.1.Documentación... 15 1.5.2.Capacitación... 16 2.Web2.0... 17 2.1.DefinicióndelaWeb2.0ysuorigen... 17 3.DefinicióndelSitioWeb... 19 3.1.ArquitecturadeInformación... 19 3.1.1.DefinicióndeObjetivosdelSitio... 19 3.1.2.DefinicióndeAudiencia... 20 3.1.3.DefinicióndeContenidosdelSitio... 21 3.1.4.DefinicióndelaEstructuradelSitio... 23 3.1.5.DefinicióndelosSistemasdeNavegación... 25 3.1.6.DefinicióndelDiseñoVisual... 26 4.DiseñoWeb... 30 4.1. Quéesunainterface?... 30 4.1.1.Elementosdelainterfaz... 31 2 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios 4.1.2.Usodelogotipos... 33 4.1.3.Sistemadenavegación... 33 4.1.4.Áreasdecontenidos... 34 4.1.5.Áreasdeinteracción... 35 4.1.6.Experienciadeusuario... 35 4.2.DiseñoparaelAccesoRápido... 37 4.2.1.BuenasPrácticas... 38 5.Estándares... 48 5.1.EstándaresInternacionales... 48 5.1.1. Quésonlosestándares?... 48 5.1.2. Quiénfijalosestándares?... 48 5.1.3. Porquéhayqueseguirlosestándares?... 49 5.1.4. Cómosemideyverificasucumplimiento?... 49 5.2.Estándaressugeridos... 50 5.2.1.Utilidad... 50 5.2.2.DesarrollousandoHTML/XMLestándar... 50 5.2.3.Estándar3:MonitoreodeActividad... 50 5.2.4.Contingencias... 51 5.2.5.CodificacióndeCaracteres... 51 5.2.6.PolíticadePrivacidad... 52 5.2.7.DiagramaciónconCSS... 52 5.2.8.UtilizacióndeMarcos... 53 5.2.9.UsodePlug ins... 53 5.2.10.Accesibilidad... 53 5.2.11.ValidacióndelaHojadeEstilo... 54 5.3.AplicacióndeEstándares... 54 5.3.1.Estructuradelosdocumentosweb... 54 5.3.2.UtilizacióndelasHojasdeEstilo(CSS)... 59 6.Encontrabilidad... 60 6.1. QuéeslaEncontrabilidad?... 61 6.1.1.Sitiosvisibleseinvisibles... 61 6.1.2.PosicionamientodelSitioWeb... 62 3 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios 6.1.3.InclusiónenÍndicesautomatizados... 62 6.1.4.InclusiónenDirectorios... 63 6.1.5.UsuariosyUsodeBuscadores... 63 6.2. CómosemidelaEncontrabilidad?... 64 6.2.1.Relaciónconlosmotoresdebúsqueda... 64 6.2.2.Relaciónconlosíndices... 65 6.3. CómoseaumentalaEncontrabilidad?... 65 6.3.1.EstándaresyCódigosrelacionados... 66 6.3.2.Etiquetasde<head>... 66 6.3.3.Usoderobots.txt... 66 6.3.4.Usodesitemaps.xml... 68 6.3.5.Administracióndecontenidos... 69 6.3.MineríaWebyEncontrabilidad.... 71 6.3.1.Quiénbuscayquébusca... 72 7.Usabilidad... 73 7.1. QuéeslaUsabilidad?... 73 7.1.1.CaracterísticasPrincipalesdelaUsabilidad... 74 7.1.2.Áreasteóricasrelacionadas... 74 7.1.3.PrincipalesAutores... 75 7.1.4.Principalesrecursos... 77 7.2.AseguramientodeUsabilidad... 77 7.2.1.Medicióndelausabilidad... 77 7.2.2.MetodologíadeJakobNielsen... 78 7.2.3.TestHeurístico... 79 7.2.4.TestdeUsuario... 80 7.2.5.MetodologíadeAlanCooper... 81 7.2.6.CreacióndePersonasyEscenarios... 81 7.3.EjemplosprácticosdemedicióndeUsabilidad... 82 7.3.1.Utilizacióndelametodología... 82 8.PuestaenMarchadelSitioWeb... 84 8.1.ErroresenlaEtapadePruebas... 84 8.2.CómoyQuéProbar... 84 4 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios 8.2.1.PruebasdeInterfacesyContenidos... 85 8.2.2.PruebasdeFuncionalidadesyOperación... 87 8.2.3.PruebasdeCarga... 89 8.2.4.PruebasdeSeguridad... 91 8.2.5.PruebasdeRespaldoyRecuperación... 97 8.3.6.RegistroyControldePruebasyErrores... 97 8.4.DesarrollodeunPlandeLanzamiento... 98 8.4.1.ListadeChequeoPrevia... 98 8.4.2.DesarrollodeunPlandeComunicaciones... 98 8.4.3.ElSitiocomoApoyodelaInstituciónoPrograma... 99 8.5.MétricasdeEvaluacióndeDesempeñoInternasyExternas... 100 Anexo1 Actadereunión... 101 Anexo3 PautaparaEvaluaciónHeurísticadeSitios... 102 Anexo4 TestdeUsuario... 105 Anexo5 GráficadeunaPersonayEscenario... 113 Anexo6 ChecklistdeAccesibilidad... 115 Anexo7 AccesibilidadparaDiscapacitados... 117 Anexo8 Metatags... 123 Anexo9 PautadeComparacióndeSitiosWeb... 129 REFERENCIAS... 130 5 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios Introducción Este documento conforma parte de una serie de 9 artículos que han sido preparados como material académico para el concurso Arroba de Oro y conforman un manual para desarrollar las mejores prácticasylograrimplementarestándaresdeclasemundialenlosproyectoswebydejarcimientospara losfuturosdesarrollosweb. Este manual cubre aspectos administrativos de proyectos y mejores prácticas para la formación del equipodetrabajo,desarrolloadecuadodelostérminosdereferenciaylicitacióndeldesarrollowebo construccióndelaaplicacióninternamente. Se introducen conceptos de vanguardia en el diseño, desarrollo e implementación de proyectos web asociados a la llamada Web 2.0, lo que conlleva más que realizar alguna inversión tecnológica en el programa, pero escuchar y, sobre todo, conversar y relacionarse con los usuarios. Conlleva una transformacióntotaldelaculturaactualdelosclientesousuariosdelosproductososerviciosofrecidos por la Internet. Atributos derivados de las nuevas tecnologías, como rapidez, colaboración y transparencia, afectarán a la toma de decisiones del programa. Las propuestas pasarán de generarse exclusivamente entre las personas que forman parte del equipo directivo a dar entrada a empleados, proveedoresyhastaclientesenlosprocesosestratégicosdedecisión. Lairrupcióndelasnuevastecnologíassociales(blogs,wikis,podcast,redessociales,etc.)hagenerado un alto grado de interconectividad entre las personas, lo que les permite intercambiar todo tipo de opiniones sobre diferentes productos, servicios y experiencias con otras personas. Cada día más las personas toman decisiones de compra de productos o servicios orientados o motivados por la información que encuentra en la web social. Las empresas deben tener muy presente que las conversacionesyrecomendacionesquetienenlugarenlawebsocialocupanyamásdel15%deltráfico eninternet. Estemanualademáspresentalasherramientasconcretasparaverificarlacorrectaimplementaciónde todoslosestándaresasociadosalosnuevosproyectosweb,asítambiéncomopruebasespecíficaspara controlaryauditarlostérminosdereferenciaestablecidosenlaetapainicialdelproyecto. Elsiguientemanualhasidocompiladoenbaseaunaseriederecursosdisponiblespublicamenteenla webycitadosenlasreferenciasdecadadocumento.lacompilacióndelmaterialhasidodesarrollada por el departamento de Ingeniería Industrial y de Negocios de la Escuela Superior de Economía y Negocios(ESEN). 6 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios 1.PlanificaciónGeneraldelProyectoWeb 1.1.EquipodeTrabajo ParaelcorrectodesarrollodelproyectodeSitioWebenlainstituciónoprograma,seráimprescindible contarconunequipodeprofesionalesmultidisciplinarioquecumplalastareasquecorrespondan,para ofrecer soluciones adecuadas a los desafíos que se irán presentando a lo largo de las etapas que deberáncumplirse. Ellosseránlosencargadosdedefinirlastareasespecíficasarealizarydeberánestarfrentealasacciones concretasquesecomprometanparaavanzar,desdelaplanificación,hastalapuestaenmarchadelsitio Web. Por lo anterior, es necesario realizar una conformación adecuada de dicho grupo, para lo cual se recomiendadarlossiguientespasos: CreacióndelComitéWeb AsegurarlarelaciónconAutoridadesSuperiores DefinirCompetenciasinternas:perfilesrequeridos DefinirCaracterísticasdela"Contraparte"interna Acontinuaciónseentregaunaexplicacióndetalladadecadaunadeestasactividades. 1.1.1.CreacióndelComitéWeb Enlasinstitucionesenquesehanlogradolosmayoreséxitosenproyectosweb,sehaconsideradoclave laexistenciadel"comitéweb".esteesunequipodetrabajomultidisciplinarioqueintegralasdiferentes visionesdelainstitución,generandoungrupodetrabajoqueinterpretalasnecesidadesexistentes. No obstante, así como hay elementos positivos asociados a su acción, igualmente se deben evitar las característicasnegativasasociadasalosgruposdetrabajo,entrelascualesseincluyenlabajacapacidad de reacción ante decisiones, la burocratización de los procesos y el estancamiento de la toma de decisiones.peseaello,losejemplospositivosdesuusodancuentadequeconunabuenaorganización ysistematizacióndelasdecisiones,siemprepesaránmásafavorlasventajasquesusproblema CreacióndelComitéWebysusFunciones ParaqueunComitéwebfuncioneadecuadamentesesugierecumplirconlosiguiente: Contar con un jefe operacional que se encargue de que el comité funcione dentro de los márgenesestablecidos. Efectuarreunionessemanalesdeavanceydiscusiónenlasqueseplanteentareasdeejecución semanal,conincentivosconcretosparasurealizacióndentrodelosplazosdados. Desarrollarunapolíticaderedaccióndeactasdetrabajointernas,quepermitanirdandocuenta de las promesas adoptadas y su grado de avance y cumplimiento. En ella es imprescindible generarunáreaderesumendetareasrealizadasyotradecompromisosenlasquesedetallela tarea,suresponsableyelplazocomprometido. 7 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios Dotar al comité de instrumentos adecuados de trabajo y de poder de decisión efectivo para haceravanzarelproyectodeacuerdoalasmetasquesehayanproyectado. EntrelosintegrantesdelComitéWebsedeberíacontaralossiguientes: 1. Directorinstitucional:EselresponsableúltimoporelSitioWebinstitucionalodelprograma. Aportalavisiónestratégicaqueentregaloslineamientosparaeldesarrollo.Supresencianoes necesaria para todas las reuniones, aunque debe refrendar todos los avances que se vayan realizando. 2. Director del proyecto: Es el administrador general del proyecto y responsable frente a la dirección del servicio. Sus tareas principales son: traspasar la visión estratégica organizacional en un modelo conceptual sólido y consensuado para ser implementado en Internet. Adicionalmente, debe ser capaz de gestionar todas las instancias involucradas, asegurando la coherencia del equipo con la organización en su conjunto. Finalmente, es el encargado de obtener los recursos humanos, técnicos y financieros necesarios, y conocer el funcionamiento delsistema,demaneradepoderrealizaruncontroldegestiónefectivo. 3. Gestoresdecontenido:Sonlosprofesionalesquemanejanlainformaciónqueseincorporaal sitio,ayudandoadefinirquécontenidosdebenserusadosparaasegurarelcumplimientodelos objetivos del sitio. Trabajan en la generación de los mismos, en forma coordinada con las fuentesdeinformación.sonresponsables,además,derevisarsistemáticamentelaactualización delainformación. 4. Validadoresdecontenidos:Desempeñanestafunciónlosdirectivosinstitucionalesquetrabajan en estrecha colaboración con los gestores de contenidos, asegurando la calidad de la informaciónadesplegarenelweb. 5. Validadorestécnicos:Desempeñanestafunciónlosprofesionalesinformáticos,asegurandola capacidaddelossistemasparaejecutarloqueseleestépidiendoalproyectoenelweb. Varios de estos roles no son incompatibles entre ellos y en muchos casos una misma persona puede asumirlosenformasimultánea,dependiendodelascaracterísticasdelainstitución.asimismo,esmuy probablequeelorganismonocuenteconelequipodeprofesionalesrequeridosdentrodesupersonal, porloquesepuedepensarenlaexternalizacióndeciertasfunciones. RoldelasAutoridadesSuperiores Para que un proyecto de Sitio Web llegue a cumplir los objetivos que se le plantean, debe existir una decisióncentralenlaorganización,paraotorgarleprioridadencuantoarecursoshumanos,financieros yeltiempoadecuadoparasucorrectaejecución. Nopodráhaberunbuenproyecto,sielDirectivoPrincipalnoloavalaosidejadeladosuparticipación enlasactividadesdelcomitéwebenquelecorrespondaparticipar. Cabeseñalarque,unSitioWebseráexitosoenlamedidaenquecumplaconlosObjetivos,Audienciay Tecnología definidos previamente. Por ello, se espera que el director de la institución apoye las actividadesquedesarrolleelcomitéweb,conlocualofrecerálaúnicagarantíaposibledesucorrecta 8 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios ejecución. Al mismo tiempo, cumplirá con los requerimientos exigidos en los instructivos relacionados coneltematecnológico CompetenciasInternas:PerfilesRequeridos Para el adecuado desarrollo de un proyecto de Sitio Web, será indispensable contar con recursos humanos capacitados, que permitan avanzar con éxito en la generación de las funcionalidades requeridas. Dentro de los roles que es importante considerar para el desarrollo de un proyecto, se pueden considerarlossiguientes: 1. Web Máster: Profesional encargado de la infraestructura técnica del sitio y de crear puentes entrelatecnologíaysuusoporpartedeespecialistasnotécnicos. 2. Encargadosdeimplementarelsitio:Eselroldeprogramadores,diseñadoresycomunicadores, responsablesdeldiseñoeimplementacióndelaherramienta. 3. Gestoresdecontenido:Sonlosprofesionalesquemanejanlainformaciónqueseincorporaal sitio,ayudandodefinirquécontenidosdebenserusadosparaasegurarelcumplimientodelos objetivos del sitio. Trabajan en la generación de los mismos, en forma coordinada con las fuentesdeinformación.sonresponsables,además,derevisarsistemáticamentelaactualización delainformación. Es muy importante considerar que dependiendo de la envergadura de un proyecto de Sitio Web se requerirádeprofesionalesdemaneraexclusivaoparcial.sielproyectoesgrandesedeberácontarcon personaldedicadoespecialmenteenlasfasesdedesarrollo,pruebaeimplantación;sielproyectoesde menortamaño,podráserabordadodemaneraparcialporprofesionalesquecompartansujornadade trabajoenvariaslabores. Otrafórmulamuyusadaeslaexternalizacióndeservicios,mediantelacualsecontratanpormediode TérminosdeReferenciacapacidadesexternasalainstituciónparalaconstrucciónyluego,lasinternas paralamantención. Estesistemahasidoexitosamenteusadoendiversosproyectos,aunquesedebeconsiderarcomoparte importantedelproyectoeladecuadotraspasodelosconocimientosquesehayangeneradodurantela construccióndelnuevosistemaalpersonaldelainstitución. Deesamanera,quedaráenlapropiainstituciónlainformaciónyprácticanecesariaparatrabajarconlas nuevasherramientasquesegeneren,ydeesamaneraofrecerunadecuadomantenimientotécnicouna vezqueelsitiosehayaentregadoyestéenfuncionamiento CaracterísticasdelaContraparteInterna Dadoqueenunpuntodeltemaanteriorsemencionólaposibilidaddehacereldesarrolloatravésde una contratación externa, en dicho caso es muy relevante el papel que debe jugar el profesional que paraestosefectosllevaráeltítulodecontraparteinterna. 9 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios Sustareasprincipalesson: Traspasar la visión estratégica organizacional en un modelo conceptual sólido y consensuado paraserimplementadoeninternet. Ser capaz de gestionar todas las instancias involucradas, asegurando la coherencia del equipo conlaorganizaciónensuconjunto. Gestionar los recursos humanos, técnicos y financieros necesarios, para el desarrollo del proyecto. Conocer el funcionamiento del sistema, de manera de poder realizar un control de gestión efectivo. Mantenerunarelaciónfructíferaaunquerazonadaconlosproveedoresinternosoexternos,con el fin de asegurar el cumplimiento de plazos y la entrega de funcionalidades de acuerdo a los compromisosasumidosaliniciodelproyecto. Paratodoslosefectos,esmuyadecuadoqueestepapellodesempeñeelprofesionalquepreviamente en este capítulo fue denominado Director del proyecto dado que es quien se desempeña como administradorgeneraldelproyectoyeselresponsablefrentealadireccióndelservicio. 1.1.2.LevantamientodeNecesidadesdelServicio Ellevantamientodenecesidadesdelainstituciónestáprofundamenterelacionadoconladefiniciónde losobjetivosquedeberácumplirelsitiowebquesedeseadesarrollar. Enestesentido,unapropuestaconcretaesqueunainstituciónnodebeintentarresolverdeunasolavez yenunúnicoproyectotodoslasnecesidadescomunicacionalesqueesposibleatenderatravésdeun proyectoweb.encambio,espreferibleabordarlasenplanesescalablesquepermitaniravanzandoen unadirecciónconcreta,conplazosadecuadosyetapascuyodesarrollopuedaserevaluadoyaprobado eneltiempo. La etapa de Levantamiento de necesidades del servicio concluye con la redacción y aprobación de un InformedeEtapaenelquesedenaconocerlasconclusionesalcanzadas,conelfindequepuedaservir como elemento de especificación del proyecto a desarrollar. Igualmente dicho documento será un insumoindispensableenlaetapaposteriordeelaboracióndelostérminosdereferencia. Asimismo,estageneracióndedocumentosdereferencia,enunaetapatantempranadelproyecto,lleva a poner la atención sobre lo importante que es documentar cada una, con el fin de que todos los involucradospuedancontarconlamismainformaciónparaactuardemaneracoordinadaalolargodel mismo. 1.2.FinanciamientodelProyectodeSitioWeb UnodelostemasquegeneraretrasosenlageneracióndeproyectosdedesarrollodeSitiosWeb,esla carenciadefondosparafinanciarlos. Comopuntodepartidaenesteaspecto,sedebetenerencuentaqueeldesarrollodeunSitioWebnose diferenciadeotroproyectoenlainstitución,encuantoalanecesidadderecursosparasurealización; 10 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios esto implica que se debe calcular y estimar el financiamiento necesario en función del modelo conceptualcreadoparalaimplementacióndelsitio. Encuantoalosrecursosfinancieros,sepuedenmencionarlossiguientescostosasociados: CostodeImplementación:Requerimientosdematerialinformáticocomosoftwareyhardware adecuadosalasfuncionalidadesexigidasalsitioyrecursoshumanoscapacesdellevaradelante elproyecto,estopuedeimplicarcontratacióndepersonal,capacitacióndepersonalogastospor externalización. CostosdeDesarrollo:Cadaetapaconsideradaenelmodeloconceptualdelsitioestaráasociada acostosdedesarrollo.enestesentidoesadecuadorevisarlaposibilidaddeimplementarelsitio medianteunsistemaescalable,enqueelcostodedesarrollopuedadividirseenetapas;deesta maneraseevitaráunimpactofuerteenelpresupuesto. Costos de Mantención y Actualización: Implica gastos en personal, rediseño y ajuste de procedimientos y actualización de la información. En este ítem se deben considerar los gastos informáticosrelacionados,comoelalojamientodelsitioweb(hosting)ylaconectividad,entre otros. 1.3.ExternalizacióndelProyecto Conelobjetivodeobtenerunatecnologíamásavanzada,accederasolucionesinformáticasenmenor tiempo y utilizar adecuadamente los recursos disponibles, la institución o programa puede desarrollar lostérminosdereferenciaparaquetercerosdesarrollenelproyectodesitioweb. A través de éstas es posible recibir ofertas concretas respecto de metodologías de desarrollo, tecnologías apropiadas y soluciones informáticas completas de acuerdo a los recursos disponibles; al mismotiempopermitenobtenerunaampliagamadeofertasdeprecioparadecidircuálpuedeserla másadecuadaparaelcaso. Paracumpliradecuadamenteconunprocedimientodelicitación,esnecesariocumplirconlassiguientes recomendaciones: GenerarlosTérminosdeReferencia Utilizarmecanismosdeselección EvaluaryAdjudicarPropuestas ElaborarlosContratos Acontinuaciónseentregaeldetalledecadaunadeellas: 1.3.1.TérminosdeReferencia Consisteenundocumentoquenormalmenteesgeneradoporeláreajurídicaytécnicadelainstitución o programa, en el que se estipula la relación que existirá entre las partes durante el desarrollo del proyecto y que se explicita con todo detalle lo que se requiere desarrollar en el marco del proyecto, juntoconlascondicionesdelaentregaysatisfacción.entrelosítemsquedebeabordarsecuenta: Aspectoscontractuales: 11 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios 1. Antecedentes generales: en que se explica en línea gruesa los motivos para desarrollar el proyecto. 2. Calendario de las bases: se refiere a indicar de manera clara cuándo se producirán los principaleshitosdelejecutante,queseránlossiguientes: o Consultas y Aclaraciones: indica en qué momento las instituciones participantes en el proyectopodránhacersuspreguntasparaaclararconceptosdelasbasesotérminosde Referencia. o RecepcióndePropuestas:fechalímiteenqueserecibiránlaspropuestas. o Adjudicación de Propuestas: indica en qué fecha se comunicará el ganador del proyecto. o Presentación de las Propuestas: indica cuáles son las formalidades que se deben cumplir para la entrega de las propuestas, explicando de manera clara cuál es la documentaciónquesedebeincluir. o Evaluación de las Propuestas: se refiere a la forma en que serán evaluadas las proposiciones hechas por los diferentes oferentes y los criterios que se utilizarán para ello. Se puede indicar que se recurrirá a una Comisión Evaluadora y señalar quiénes seránsusintegrantes. o AdjudicacióndelasPropuestas:explicalaformaenqueserácomunicadalaaceptación delapropuestaylospasosquesedarándespuésdedichaaceptación. 3. Plazos:serefierealosplazosqueseindicanparaqueelproyectohayasidoterminado,dando cumplimientoestrictoasuscaracterísticas,lasquesedebieronhaberindicadoenlostérminos dereferencia. 4. Multas:indicalassituacionesenlasquecorresponderádescontar,delospagosrestantesodela garantía,montosdedinero.lassituacionesenqueestosepuedeproducir,correspondeauna delassiguientes:(1)incumplimientooretrasoenlosplazosdeentregadelserviciocontratado (2) No entrega de los productos establecidos en el contrato (3) Entrega del trabajo en condicionesdistintasalasconvenidas 5. FormadePago:indicalamodalidaddepagoquetendráelproyecto. 6. Resolución de Conflictos: se debe indicar de qué forma se zanjarán los conflictos que se produzcan;usualmenteseindicaenquétribunalestarálacompetenciaparalaresolucióndelos mismos. AspectosTécnicos 1. ObjetivoGeneral:indicarquéseesperaconseguirconelSitioWeb. 2. ObjetivosEspecíficos:indicarlasmetasporáreaqueseesperaalcanzarconelproyecto. 3. ResultadosEsperados:indicarcuálesdebenserloscontenidosmínimosquesedebeincluirenel sitio. 4. RequerimientosFuncionales:indicarcuálesdebenserlosserviciosinteractivosqueseespera incluirenelsitio. 5. Requerimientos Técnicos: indicar las características técnicas que debe tener la solución informáticaqueseproponga. 12 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios 6. Metodología:indicardequéformayenquéplazossedebenentregarlosavancesquesevayan haciendoenelproyectodedesarrollo. 7. Elementos de la recepción final: indicar qué elementos serán los que deberá entregar el ganadordelalicitación,incluyendodesdeelsitiowebpropiamentetalhastaotroselementos deimportancia,entrelosquehayquedestacarlossiguientes: SitioWebfuncionando Códigofuentedetodaslasaplicacionesconstruidas DocumentacióncompletadetodosloselementosdelSitioWeb ElementosgráficosdelSitioWeb,originalesyeditables Capacitaciónentodosloselementosnecesariosparautilizarenelsitio 1.3.2.EvaluaciónyAdjudicacióndePropuestas Comopartedelprocesodelicitación,unelementoquesedebeestablecerconladebidaanticipación,es laformaenquelainstitucióntomaráladecisióndeadjudicarlaaunodelosproponentes. Para ello es muy importante que se establezca el mecanismo y que éste sea conocido en todos sus aspectos, de tal manera que todos los participantes sepan de manera transparente cómo fueron evaluadoslosparticipantesyquiénhayaresultadoganador. Por ejemplo, algunos de los criterios y factores que se tendrán en consideración por parte de la ComisiónEvaluadora,puedenser: Perfildelosparticipantes:composicióndelequipodetrabajo;experienciaenlamateriaobjeto delestudio. CalidaddelaOfertaTécnica:comprensióndelosrequerimientosindicadosenlosTérminosde Referencias;metodologíadetrabajo. CaracterísticasdelaOfertaEconómica. Adicionalmente, existen criterios y políticas específicas para el proceso de selección de la propuesta ganadora. En el caso de PROinnova y Fusades por políticas internas solicita un mínimo de tres cotizacionesenelprocesodelicitaciónparapodercomenzararealizarlacotizaciónencasocontrariose declara la licitación desierta. En el caso que los fondos provengan del Banco Interamericano de Desarrollo, como es el caso del convenio ATN/ME 10714 ES es necesario solicitar la no objeción por parte del Banco Interamericano de Desarrollo de la cotización seleccionada antes de proceder a su adjudicaciónycontrato. 1.3.3.ElaboracióndeContratosdeServicios Unavezquesehahecholaadjudicacióndelproyectodedesarrolloesnecesarioavanzarenlaredacción delcontrato,medianteelcualseincluyantodosloselementosquecorresponderáresguardarmientras semantengalarelacióndetrabajoconelganadordelalicitación. Para ello se debe incorporar como elemento de valor en el contrato, todo aquello que indiquen los Términos de Referencia, puesto que en esta etapa las especificaciones que éstos contienen serán los elementosquepermitiránverificarelcumplimientoefectivodelproyecto. 13 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios 1.4.InstrumentosdeSeguimiento Tan importante como las etapas de planificación, licitación y adjudicación de un proyecto, lo es la de seguimientodelmismo,mediantelacualserealizalasupervisióncontinuadelaejecucióndelastareas incluidasenelproyecto,conelfindeasegurarsedequesevadesarrollandodeacuerdoalplanprevisto. En este sentido es importante tener en cuenta que se debe hacer la supervisión en tres planos simultáneos,quesonlossiguientes: Desarrollo de tareas: revisión de las actividades técnicas y operativas contempladas en el proyecto; Revisióndeimpacto:paradefinirenquéáreaselproyectoestácausandoproblemasocambios quedebenserabordados; Factores externos: para mantener la atención en elementos que no están necesariamente ligadosalproyecto,peroquepuedanestarafectándolo. Graciasaloquesehagaenesostresplanossepodrádisponerdeinformaciónactualizadaquepermita detectardesviacionesrespectoalaplanificaciónprevista;redefinirlaestrategiaydireccióndelproyecto ytomardecisionesdeformarápidayadecuadaparahacerlascorreccionesqueseestimennecesarias. Con el fin de hacer el seguimiento correspondiente en esos tres planos, se ha considerado necesario poderutilizarlassiguientesherramientasmetodológicas: Metodologíadeseguimiento Reunionesdecontrol,actasdereunióneinformesdeavance 1.4.1.Metodologíadeseguimiento Para hacer el seguimiento de un proyecto es necesario contar con alguna herramienta que facilite el controlypermitaestablecerlarelacióndecadaunadelasetapasconelrestodelasexistentes.deesta manera será más fácil descubrir qué etapa está atrasada y afectando a las siguientes y con ello al conjuntodeltrabajo. EnestesentidosurgendostécnicasconocidasquesonlaCartaGanttylaMallaPert,quesondeutilidad y a través de las cuales se consiguen los objetivos antes mencionados. Para crear una Carta Gantt se pueden usar software simples que van desde Microsoft Excel (o cualquier planilla de cálculo) hasta MicrosoftProjectqueestáorientadoprecisamenteaesetipodetrabajo.ParacrearunaMallaPertse debenusarsoftwaremáscomplejos,comomicrosoftproject. 1.4.2.ReunionesdeControl,actasdereunióneInformesdeAvance Talcomosedebecontarconlasherramientasdesoftwareparahacerelseguimientodelosproyectos, esnecesarioqueduranteeldesarrollohayareunionesdecontrolenlasquesevayarevisandoelavance delosproyectos. Estas deben tener una frecuencia semanal y deben estar basadas en la Carta Gantt, con el fin de ir corrigiendo de manera clara los retrasos y problemas que se vayan detectando. Además, ésta será la 14 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios únicaformadeevitarquehaciaelfinaldelproyectosedescubraquehayunatrasoquehagapeligrarsu finalización. Respectodelasactasdereuniones,setratadedocumentosescritosenlosqueseregistranlostemas quesehanabordadoenlareunión.véaseanexo1paraunejemplodeunactadereuniónqueincluya lossiguienteselementos: Tema:Nombredelproyectoyrazóndelareunión FechayHora:indicarcuándoserealizalareunión Participantes:laspersonasqueasistieronalareunión Puntostratados:dequésetratólareunión;equivalealaagenda Acuerdos:definicionesydecisionesquefuerontomadasenlareunión Tareasporrealizar:quienejecutarálosacuerdosanteriores PróximaReunión:indicarcuándosehará 1.5.RecepciónFinaldelProyecto Para hacer la recepción final de un proyecto se debe utilizar como lista de tareas lo indicado por el Contrato,ylosTérminosdeReferencia,puestoqueenellosdebeestarindicadotodoloqueelganador delalicitacióndeberíaefectuarenelmarcodelproyecto. En este sentido, es muy relevante cumplir concretamente con cada uno de los puntos indicados en dichosdocumentos,yaque,antelasautoridadescontraloras,seránesosdocumentoslosquepermitan validarelcorrectocumplimientodelcontrato. Paralarecepciónsedebesolicitaralmenoslosiguiente: 1.5.1.Documentación EsimportantehacernotarqueademásderecibirelSitioWebfuncionandoycumpliendoconlastareas que se le habían solicitado, es necesario que los desarrolladores entreguen al menos la siguiente documentaciónquedebehabersidosolicitadaenlostérminosdereferencia: Código fuente: corresponde a los programas de todas las aplicaciones construidas; debe ser entregado en formato digital y debidamente documentado para entender de qué manera funciona. Documentación:correspondeainformescompletosrespectodelascaracterísticasdetodoslos elementos del Sitio Web; si se trata de sistemas, debe incluir los manuales de usuario y administradorquepermitaentendercómofuncionayquéhacerpararesolverproblemas;debe serentregadoenformatodigital,ademásdeimpreso. Elementosgráficos:correspondeatodaslasimágenesdelSitioWeb,paralascualessepideque seanentregadasenelformatooriginalenquefueronconstruidasyquepuedansereditadas,es decir,cambiadasusandoelmismoprograma.loanteriorsignificaquenodebeaceptarsequelas imágenes sean entregadas en formato GIF o JPG usado en el Sitio Web, ya que eso impide su edición. 15 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios 1.5.2.Capacitación También es importante considerar que si el desarrollo de una aplicación o Sitio Web lo realizó una empresaexternaalainstitución,seránecesariorecibircapacitaciónparaentendercómofunciona.para elloesindispensablecontarconhorasdeenseñanzadepartedelosdesarrolladoresendosámbitos: CapacitaciónAdministradores:eslaquerecibeelpersonalinformáticodelainstituciónyquele permiteentendercómohasidoconstruidoelsitiowebylaformademantenerlo,respaldarloe incluso,mejorarlo. Capacitación Usuarios: es la que reciben los usuarios avanzados que estarán a cargo de la mantencióndelsitiowebyquelespermitefamiliarizarsecontodosloselementosquesedeban conocerparautilizarelsitioentodasupotencialidad. 16 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios 2.Web2.0 Ninguna entidad hoy en día tiene una hoja de ruta con un esquema claro sobre cuál será su futuro modelodenegocioenlared.enestesentido,estemanualtienecomoobjetivoayudaralasempresasa entender mejor el concepto de la Web 2.0 y determinar las implicaciones que pudiera tener en su modelodenegocio,ensuvisibilidadyposicionamientoenlared,ensufuturaestrategiademarketingy comunicación,asícomoensupolíticadeorganizaciónyrecursoshumanos. Losavancestecnológicosdelosúltimosañoshanprovocadotaltransformaciónenlasociedadcivilque su impacto en la organización y gestión de las empresas será irreversible. Las iniciativas de creación y difusióndelconocimiento,comowikipedia,elsoftwarelibreolasredesp2p,hantransformadotantola estructuradelacomunicacióncomolaformadetransmitirelsaberentrelosciudadanos. Unodelosbeneficiosderivadosdelasnuevastecnologíassocialespuedeverseclaramenteenlamejora deprocesosdecolaboraciónentrelasdiferentesáreasdeunaempresa.losblogs,wikis,redessociales pueden lograr que las empresas sean más productivas, más comunicativas y que sus procesos de decisión sean más ágiles y transparentes. Por ejemplo, la aplicación de este tipo de herramientas participativasenprocesosdefidelizacióndeclientesesmuyinteresante,yaquepermitealosusuarios compartirsuconocimientosobreunproducto(funcionalidades,utilización,etc.)yexperienciasconlos demás.aunquelatradicionalorganizaciónpiramidaldelamayoríadelasempresasnovaadesaparecer, losgestoresnopuedenignorarquemuchosdesusfuturosempleadosyclientesutilizanyaadiarioestas herramientasyesperaránquelasempresashaganlomismo. 2.1.DefinicióndelaWeb2.0ysuorigen LasfasesevolutivasdelaWeb conocidascomoweb1.0,web2.0yhastaalgunosyahablandelaweb 3.0 sonsólounmeroreflejodelasfasesdelciclodevidadecualquierproducto.enelsectordelas nuevas tecnologías, antes del lanzamiento comercial de cualquier producto o servicio se lanza una versión beta del mismo para testar su fiabilidad y comportamiento en el mercado. Esta versión de pruebasuelecompartirseconclientescercanosalaempresaconelfindedetectaranomalías,recepción delproducto,expectativasquegenera,etc.unavezcorregidostodoslosfallosdetectados,lacompañía lanzaalmercadola versión1.0.sielproductotieneéxito,entonceslacompañíalanzaalcabodeun tiempo la versión 2.0 donde incorporar nuevas funcionalidades y mejoras. Y así, sucesivamente, la empresalanzadiferentesversionesdelproducto versión3.0,4.0,etc. hastaqueconsideraqueelciclo delproductohallegadoasufinyessubstituidoporotro. SimplificandolahistoriadelaWeb elpróximoañolaredcumple40años,podemosdecirquelafase Web 1.0 termina con la explosión de la conocida burbuja puntocom en el año 2000 y que en estos momentosnosencontramosenlaversión2.0,graciasatimo Reillyquecreóesteconceptoenelaño 2001. Algunas personas hablan ya de una supuesta versión 3.0, que conllevará disfrutar de una Web más semántica, pero en mi opinión esta segunda fase seguirá desarrollándose al menos durante los próximos10años. 17 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios Sin lugar a dudas, existe mucho marketing alrededor de la Web 2.0. En los últimos meses se han organizado centenares de conferencias y congresos sobre este fenómeno y se han publicado miles de artículosdeopiniónyestudiosenmediostradicionalesydigitales.porejemplo,segúnelinforme Top Enterprise Web 2.0 Predictions for 2008 de la consultora Forrester Research, un 25% de los 1.000 responsables de toma de decisiones en entornos corporativos de Europa y Norteamérica prevé implementartecnologíasweb2.0en2008.noobstante,paraun42%delosencuestadoslaweb2.0no figuraentresusprioridades.estosresultadosnosorprenden.nadiehoyendíatieneclarocuálseráel futuro de los medios de comunicación, cuáles son las tecnologías que perdurarán, cuáles son puro marketing,etc. Segúnlosexpertos,estasupuesta Web2.0 noessinounawebmáscolaborativaquepermiteasus usuariosaccederyparticiparenlacreacióndeunconocimientoilimitado,ycomoconsecuenciadeesta interacciónsegenerannuevasoportunidadesdenegocioparalasempresas.enestesentido,eldebatey lareflexiónnodeberíacentrarseensiestamosonoenlafaseweb1.0,2.0ó3.0,loimportantepara las organizaciones y empresas es analizar los cambios que están surgiendo y las implicaciones que tendránenloshábitosdelosusuarios.esnecesariotenerencuentaquelosconsumidoresnosehacen este tipo de preguntas ni reflexiones; más bien están asumiendo con toda naturalidad estas nuevas herramientas de comunicación en sus procesos de consulta, comparación y compra de productos y servicios. A lo largo de éste manual se discutirán las mejores prácticas y estándares asociados a la creación de proyectos con tecnologías asociadas a proyectos de Web 2.0. Es importante recalcar que no es la tecnologíaoelsoftwarequehahechoposibleestaevolucióndelciclodevidadelosproyectosweb,sino masbienlareutilizacióndelamismatecnologíadisponible,ygeneracióndemayorinteractividadhacia elusuario. 18 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios 3.DefinicióndelSitioWeb 3.1.ArquitecturadeInformación EntrelasmetodologíasmásútilesquetendránlosprofesionalesencargadosdedesarrollarunSitioWeb, secontaránlasqueaparecendescritasdentrodelaarquitecturadelainformación,queeselconjunto de métodos y herramientas que permiten organizar los contenidos, para ser encontrados y utilizados porlosusuarios,demanerasimpleydirecta. La Arquitectura de Información estará cumpliendo sus objetivos cuando un usuario entre por primera vezalsitioypuedareconoceraquiénperteneceelsitioweb;lopuedaentenderenformarápidaysin esfuerzoyencontrarlainformaciónofrecidafácilmente.adicionalmenteesoentregaráelbeneficiode quequienesproducenelsitiopodránubicarlanuevainformaciónsintenerquecrearnuevasestructuras y al mismo tiempo tendrán la libertad de incorporar nuevas iniciativas al sitio sin tener que partir de cero. Los elementos que se muestran a continuación constituyen la metodología de la Arquitectura de Información,mediantelacualesposibleconseguirlasmetasdeorganizaciónyvisibilidaddelcontenido. Cadaunadeellasdebeserinvestigada,desarrolladaydocumentadaadecuadamente: 3.1.1.DefinicióndeObjetivosdelSitio AtravésdeestaetapasebuscadefinircuálesseránlosobjetivoscentralesquedeberátenerelSitioWeb yestablecerlaformadecumplirlos. Serecomiendacomenzarporgenerarunobjetivocentralyluegodefinirvariosobjetivossecundarios;no obstanteloanterior,esimportantequeestosobjetivosseanexplicitadosadecuadamentealcomienzo deldesarrollo,conelfindequetodoelequipotengaclaroelhorizontequedebetenerelproyecto. Paragenerarobjetivosqueseanválidosycomprensibles,seaconsejaescribirlosatravésdefrasesque seinicienconverbosqueexpresenlasaccionesarealizar.porejemplo:recibirpreguntasdelosusuarios sobre las actividades de la institución o Presentar públicamente los informes más importantes de la institución. Una forma de llegar más concretamente a los objetivos, es revisar la visión y la misión de la organización,desdelacualsepuedenobtenerlasclavesquepermitandefinirlos.demásestádecirque losobjetivosdelsitiodeberánestarenconcordanciaconlasnecesidadesyplanificaciónquehayahecho lainstituciónensusplanesanuales. Idealmenteellistadodeobjetivosdelsitiodebeestaracotadoynollegaramásdecincoproposiciones. Estenúmero,sibienesarbitrario,seindicacomounaformadeseñalarquelosobjetivosnopuedenser tantoscomoparaimpedirsucumplimiento;nitanpocoscomoparaqueelsitioseapocoambicioso. 19 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios De cada uno de estos objetivos se pueden desprender tareas concretas que permitan avanzar en el cumplimientodeellos. 3.1.2.DefinicióndeAudiencia Unavezquesehaterminadoadecuadamentelaetapaanteriorconlageneracióndelosobjetivosdel sitio,sedebedarunsiguientepaso,queeseldedeterminarlasprincipalesaudiencias(públicos)hacia lascualesseorientaráelsitio. EstáclaroqueelSitioWebnopodráatenderalmismopúblicoqueatiendelainstituciónoelprograma, dadoqueelaccesoainternetseproducemayoritariamenteensegmentosdeingresosmedianosaaltos. Sin embargo, hay varias consideraciones que tener en cuenta, al definir qué tipos de audiencia se atenderándesdelaspantallasdelsitio. Acontinuaciónsehacenalgunasdefinicionesdeaudiencia,lasque,sinimportarlascaracterísticasdel sitio, siempre deberán estar presentes, y por lo mismo, deben traducirse en acciones para poder atenderlasadecuadamente. Porcapacidadfísica:laaudienciadelsitioincluirápersonascondiscapacidadesfísicasatravés del cumplimiento de las normas de Accesibilidad que se han recomendado como estándares internacionales. Para hacerlo se deben seguir los Estándares Técnicos de Accesibilidad.(Ver Anexo7) Por capacidad técnica: la audiencia que llegue al sitio se dividirá de acuerdo a la experiencia técnica que tenga; por ello se deben plantear acceso simples mediante enlaces y otros más complejos,porejemplo,medianteelusodebuscador Porconocimientodelainstituciónoprograma:losusuariosdelsitiosedividiránentrequienes conocen la institución y quienes no la conocen. Por lo anterior, los primeros siempre sabrán dónde buscar lo que necesitan usando la terminología, siglas y nombres de departamentos internos;lossegundos,entanto,noentenderánnadadelanomenclaturainternaylesserámuy difícilaccederalainformaciónqueselesofrezcadeesamanera. Pornecesidadesdeinformación:losusuariosdelsitiotambiénsedividiránentrequienesllegan abuscarcontenidosdeterminadosyquienessólolleganaversiexistealgoquelespuedaservir enloqueesténrealizando. Por ubicación geográfica: dentro de la audiencia siempre habrá salvadoreños que ingresan al Sitio Web desde lugares diferentes a San Salvador o incluso El Salvador, por lo que los contenidosdebenrespondertambiénaestadiversidad. Una metodología efectiva, al momento de trabajar en el tema de las audiencias, tiene que ver con la formaenqueelequipodedesarrollorespondaadospreguntas: Cuálessonlasaudienciasprevistas? Porquélagentevendráasusitio? 20 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios Alresponderlaprimerapregunta,seráposibledeterminarhaciaquiénessedeberáenfocarelsitioy,por lo mismo, comenzar a tomar decisiones respecto de la forma de navegación, servicios interactivos previstosyotroselementosdedesplieguequetendráelsitio. Alresponderlasegundapreguntaloquesebuscaesquebasadosenlasaudienciasposibles,seafactible imaginarlostiposdecontenidosqueellosvendránabuscaralsitio. Enestesentido,laexpresiónEstudiarescenariosdeuso,buscadeterminarsituacionesdeusorealesen el Sitio Web, basado en usuarios existentes que puedan llegar al sitio a buscar determinados tipos de información. Al llegar a casos reales de uso del sitio, basado en las audiencias que se haya definido, es posible establecer con mucha mayor exactitud cómo esas personas(es decir casos reales) van a usar el sitio. Naturalmente, este tipo de revisiones permiten ratificar o modificar lo que se haya definido previamentecomocontenidodelsitio,debidoaquemuchasveceslaplanificacióninicialeshechapor personasqueconocenlainstituciónydanporobviosmuchosdeloscontenidosqueparalosusuarios normalesnolosontanto. 3.1.3.DefinicióndeContenidosdelSitio Una vez que se han identificado los objetivos del sitio y la audiencia, se debe proceder a hacer las definicionesmásconcretasquepermitandecidirquécontenidossonlosquevaatenerelsitiowebque sedesarrolle. Paraidentificarcontenidos,sedebenutilizarcomoinsumolosmaterialesquesehayanobtenidoenla etapadeidentificacióndeobjetivosydeaudiencias,yaqueenamboslabúsquedagiróentornoalas necesidadesqueteníanlosusuariosdelsitio. Para cumplir con una norma general respecto de qué debería contener un sitio, se pueden anotar las siguientes,comolasmásimportantes: Acerca del Programa: entregar la información completa referida al objetivo del proyecto ó programaodelafuncionalidaddelsitioweb. Productos / Servicios: destacar las actividades principales que el usuario puede hacer el proyecto web ó en el programa; puede incluir una lista de servicios interactivos para hacerlos desdeelsitioweb. NovedadesdelaInstitución:últimasactividades,noticias,etc. Viendo esta listamínima(quecreceráenlamedidadelasnecesidadesdeentregadeinformacióndel proyectooprograma),hayquehacerénfasisenqueelinterésdeloscontenidosvariarásisetratadeun usuariointernooexterno. Por lo mismo, es muy relevante que tanto los objetivos como la audiencia del sitio se hayan definido muybienenformaprevia,porquedelocontrarionohabráposibilidaddeatenderaambosusuariosde maneraadecuada. 21 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios AgruparyEtiquetarelContenido Conlasdefinicioneshechashastaahora,llegaelmomentodeponerenprácticalasmetodologíasque permiten ordenar los contenidos, agrupándolos en conjuntos coherentes y dándoles nombres que los identifiquen. Probablementelamejortécnicaparahacerloeshacerunaspequeñastarjetasdepapel,enlasquese anotanlasprincipalesáreasdecontenidoquesehayandetectadoyrevisadoenelpasoanterior.una vez hecho, las cartas se ponen sobre una mesa y se van agrupando, hasta formar conjuntos de elementoscoherentesentreellos.luego,acadaconjuntoseleponeunnombre(idealmenteunasola palabra)queidentifiqueatodossuscontenidos. Conesasagrupacioneshechas,yatendremosloselementosadecuadosparagenerarposteriormenteel árboldecontenidosque,asuvez,permitiráhacerelsistemadenavegación. Una vez que el proceso de Etiquetado ha concluido, es bueno hacer comprobaciones empíricas de la validezdelosnombresescogidos.paraello,serequierequeloselegidosseanmostradosapersonasde diversoorigenyqueconozcanlainstitución,comotambiénaquienesladesconozcanporentero.ellos debenresponderlassiguientespreguntas: Quésignificaestenombre? Quétiposdecontenidosesperaríaencontrarenestaárea? Conlasrespuestasobtenidassepodrájuzgarsilosnombresquesehanusadosonlosmásadecuadoso, bien,hayqueintroducirmodificaciones. Porejemplo,dentrodelosnombresmásusadosparaunadelasseccioneshabitualesdeunSitioWeb comoesladeinformacióncorporativa,secuentaacercade,sobre...,quiénessomoseinformacióndel ProgramaodelaInstritución. IdentificarRequerimientosFuncionales Juntoconlabúsquedadelasáreasdecontenidoquedeberátenerelsitio,sedebetrabajartambiénen ladefinicióndeloquesebuscaqueelsitiohaga,esdecir,lostiposdeinteracciónquesebuscaincluir. Dentrodelosserviciosinteractivosmásfrecuentessecuentanlassiguientes: FormulariodeContactoparaenvíodemensajeselectrónicos Sistemadeenvíodeunanoticiapormailaunamigo Formatodeimpresióndeloscontenidos MapadelSitio Dentro de las funcionalidades de mayor complejidad, pero a las que todo sitio debería aspirar, se cuenta: BuscadorinternodelSitioWeb 22 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios Áreadeaccesoprivadoparausuariosregistrados Sistemadeenvíodeboletinesdenoticiasdelsitioausuariosregistrados Sistemas específicos para alguna funcionalidad requerida e interactividad por parte de los usuarios Será importante que el sitio cuente con todos los servicios interactivos descritos como mínimos, para ofrecerunamejorexperienciaalusuarioquelovisita. AnálisisdeSitiosSimilares ElúltimoelementoquesedebedesarrollarenestaetapaeslabúsquedadeotrossitiosenInternetque sean similares a nuestra institución, con el fin de revisar de qué manera han resuelto los mismos problemasquedeberemosatender. Esta actividad comparativa permitirá llegar a las buenas prácticas que es posible adaptar a las necesidades de nuestro sitio, con el fin de asegurarnos métodos de funcionamiento y despliegue de contenidos,queseancoherentesconlosobjetivosquesehanplanteadoinicialmente. Es importante que se haga una pauta previa de comparación, con el fin de saber de antemano cuáles sonlosparámetrosquesemediránygraciasaeso,optimizarlarevisiónquesehaga. 3.1.4.DefinicióndelaEstructuradelSitio Unavezquesehahechoeltrabajodeidentificacióndecontenidosreseñadoenlasetapasanterioresde estedocumento,sedebeavanzarhacialasdefinicionesrelacionadasconlaformaquetendráelsitioque seestádesarrollando.elloimplicarátrabajarentresáreasconcretas,atravésdelascualessedefinirála estructuradelsitio,elárboldecontenidosylossistemasdenavegaciónqueseofreceráalosusuarios paraqueavancenatravésdesuscontenidos. Lastresetapasseexplicanacontinuación: SerefierealprocesodeidentificarlaformaquetendráelSitioWebqueseestádesarrollando.Eneste sentidoesimportantehacerunadiferenciaentreestructuraydiseño(queseráexplicadagráficamente másadelanteenestecapítulo). Estructura: se refiere a la forma que tendrá el Sitio Web en términos generales con sus secciones,funcionalidadesysistemasdenavegación.noconsideraniincluyeelementosgráficos (logotipos,viñetas,etc.). Diseño:serefierealasolucióngráficaquesecrearáparaelsitio,enlacualaparecencolores, logotipos,viñetas,yotroselementosdediseñoquepermitenidentificarvisualmentealsitio. Dadoloanterior,cuandohablamosdelaestructuranosestamosrefiriendobásicamenteacuálserála experienciaquetendráunusuariocuandoaccedealsitio.deestamanerapodremosdeterminardónde estaránubicadoslosserviciosinteractivos(buscador,sistemasdeencuestas,áreasdecontenidos). Graciasalarealizacióndeestaetapaesposiblediscutirentérminosmuyprácticoscuálserálaofertade elementos de información e interacción que tendrá el usuario. Al no incluir elementos de diseño, se 23 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres
ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios permite que la discusión sobre la estructura se desarrolle en aspectos concretos, sin que intervengan aúnconsideracionesestéticasquehabitualmenteatrasanlaaprobacióndeestaetapadeldesarrollo. MapasPermanentesdelSitio Serefierealprocesodecrearunárboldecontenidoenelquesemuestredemaneraprácticacuántas seccionestendráelsitioendesarrolloycuántosniveleshabrádentrodecadauno. Cuandoseusalaideadecrearunárbol,serefiereexactamenteagenerarundiagramaquecuentecon un tronco, ramas y hojas, para mostrar las zonas principales, secundarias y contenidos finales que se iránincorporando. En este sentido se debe evitar a toda costa que el árbol de contenidos represente la estructura de la organización,dadoqueéstaesconocidaycomprendidainternamente,peroconstituyeunabarrerade entrada para usuarios externos. Si ellos llegan a buscar en una estructura de contenidos basada en la forma en que funciona la organización, primero deberán comprender cómo funciona la entidad para luegoencontrarloquelesinteresa. Dadoloanterior,lasrecomendacionesparalageneracióndeesteárbolsonlassiguientes: Secciones:sedebeintentarqueseanlasmenosposibles,conelfindeconcentrarlasacciones delusuarioenpocasáreas;hayqueconsiderarquecadaunadelasáreasaintegrarenelárbol requerirádemantenimientoposteriorencontenidos,gráficayfuncionalidad,loqueencarecerá elcostofinaldeoperacióndelsitio.dadoloanterior,serecomiendaquelasseccionessesitúen entre5y7. Niveles:sedebeintentarqueelusuarioestésiempreamenosdetresclicksdelcontenidoque anda buscando. Por ello no se debería crear más de tres niveles de acceso; esto significa una Portada,unaPortadilladeSecciónylosContenidospropiamentetales. Contenidosrelacionados:sedebeconsiderarquehabráfuncionalidadesqueesténpresentesen todo el sitio. Entre ellas se incluyen elementos como Buscador, Preguntas Frecuentes y Formularios de Contacto. Se recomienda que este tipo de elementos quede fuera del árbol y flotensobreéste,conelfindeindicarquedesdetodaslaspáginashabráenlacesaellos. DefinicióndelosSistemasdeNavegación Unavezquesecuentaconlosárbolesdecontenidodesarrolladosenelpasoanterior,latareasiguiente consisteengenerarlossistemasdeaccesoadichoscontenidosenelsitioweb.atravésdeestos,los usuariospodránavanzarporsusdiferentesáreas,sinperderse. Enlageneracióndedichossistemassedebeatenderadoselementosqueseránmuyimportantes: Textual: se refiere a que la navegación se hará a través de elementos concretos, tales como menús, guías, botones y otros elementos que deben ser claramente distinguibles dentro de la interfaz. Para generarlos se debe conseguir que cada uno de ellos represente claramente la función para la que fueron designados y no dejar lugar a dudas sobre su función ni sobre la 24 P á g i n a ManualdeProyectosWeb PreparadoporIng.FelipeTorres