Proceso de desarrollo pgina Web Nuestra experiencia ha crecido paralelamente a la complejidad del entorno de Internet, consolidando un estricto plan

de trabajo que facilita la coordinacin de todas las tareas requeridas para cada proyecto. El contacto continuo con nuestros clientes asegura la satisfaccin con el producto final. Nuestro proceso para desarrollar un proyecto Web exitoso es el siguiente:

Consultora de proyectos para Internet. Consultores realizan la primera toma de contacto que servir para recoger necesidades, discutir ideas, etc. Estudio y valoracin del proyecto. Para poder presentar la propuesta ms ajustada al proyecto, se realiza el anlisis necesario para definir y planificar todas las tareas y recursos que generar el proyecto acabado. Tras ello, se determina una propuesta para presentar al cliente, totalmente flexible y personalizada, resultando un contrato en el que nos obligamos a cumplir sus objetivos y garantizar su satisfaccin. Direccin creativa y artstica. Creativos apoyan el proceso de conceptuacin estudiando diferentes lneas de diseo que se adapten a los propsitos de la estrategia online. Presentando al menos dos ideas diferentes y modificando o creando nuevas lneas tantas veces como sea necesario para alcanzar los gustos y objetivos del cliente. Anlisis funcional En paralelo, se sigue un estudio de las respuestas tcnicas del modelo a implantar determinando la plataforma de desarrollo, sistema de navegacin, arquitectura de la informacin, etc. En esta fase se suceden las entrevistas y contactos con el cliente para resolver dudas y evitar errores de conceptuacin. Ejecucin del proyecto Una vez definida la aplicacin en su totalidad, comienza el desarrollo real del proyecto, coordinando las diferentes especialidades hasta la integracin total del trabajo. Durante el desarrollo se habilita un acceso privado para que el cliente pueda seguir el proceso interactuando con los analistas si detectase nuevas funcionalidades o comentarios. Pruebas y publicacin. Al concluir la aplicacin, se comprueba su funcionamiento, testeando todos los componentes funcionales. Por ltimo se realiza la instalacin y publicacin del proyecto Web en Internet. Auditorias de Seguridad, accesibilidad y usabilidad Durante todo el proyecto, se realizan continuas auditorias de seguridad, accesibilidad y usabilidad para asegurar un nivel adecuado de cada una de ellas en el producto final. Seguimiento del proyecto A lo largo del tiempo que el proyecto siga funcionando, se mantienen los chequeos para garantizar la correcta actualizacin de sus contenidos por parte del cliente. Estadsticas de uso Proporcionamos las estadsticas de visitas de su pgina Web, pudiendo conocer el nmero de visitas, visitantes, frecuencia de acceso, distribucin en meses, das y horas, origen de las visitas, buscadores que le indexan, palabras utilizadas para encontrarle, etc.

Mi Proceso de Diseo Web A la hora de comenzar un trabajo, no slo de diseo grfico, es de gran importancia tener un plan. Un plan nos ahorra mucho tiempo, ya que sabemos a dnde vamos, qu objetivos hay que cumplir, y nos permite sobre todo organizarnos. Es muy fcil perderse en detalles sin importancia y nimiedades sin un plan. En el diseo encierra lo que los diseadores llamamos el proceso de diseo, pero abarca tambin aspectos como el briefing, planteamiento de objetivos y fechas de entrega. Cuando uno planea para disear en CSS, la traduccin de un diseo hecho en Photoshop a cdigos HTML y CSS se hace mil veces ms fcil. Vern, los primeros sitios que dise con CSS terminaban hacindose una maraa un tanto confusa, ya que parta de detalles del diseo y slo iba agregando cosas hasta que al final me quedaba el diseo lo ms parecido a lo que quera. Este enfoque qu podra llamarse por adicin, resulta ser a veces tedioso y largo ya que no sigue un plan definido sino el mal aprovechado instinto de diseo que todo artista grfico posee. Ahora estoy siguiendo un proceso que me est ayudando ms y todo gracias a la ayuda de un papel, mi mente y un poco de paciencia, la temida palabra para personas que slo quieren ponerse manos a la obra a la produccin del diseo en s. Este proceso va as: Paso 1. Definir qu layout va a tener el sitio. Esto lo hago en papel, ms o menos ubicando en un dibujo muy simple secciones del sitio. Es necesaria la informacin de lo que el cliente necesita. Comienzo definiendo lo ms simple: 1 columna, 2 columnas, o 3 columnas. Paso 2. Realizo el draft en Photoshop. Esto me permite hacer cambios rpidos moviendo las cosas noms. SIEMPRE usando lneas guas ya que ms adelante, junto a la Herramienta Regla sern de suma importancia para establecer las medidas en cdigo. Paso 3. Una vez terminado el draft o drafts, tengo que pasar el diseo a cdigo. Para esto comienzo agarrando una hoja y un lapicero. Cada seccin ir en una caja o div, as que escribo los nombres de todas esas secciones, y escribo los nmeros a usar. Ancho de la caja prinipal, mrgenes, divisiones, tipo de letra, etc. Todo en lenguaje humano. Paso 4. Ahora es tiempo de empezar con el editor de pginas Web. Yo uso Dreamweaver 8. Contrariamente a lo que haca antes, comienzo con poner cdigo HTML de estructura tal y como quiero que sea visto por los buscadores y gente discapacitada. As, evito poner siempre el Sidebar antes que el contenido que es lo ms principal. Gracias al CSS es posible hacer esto sin importar que el Sidebar aparezca antes. Como ven, es solo la estructura, el esqueleto. Paso 5. Es hora de poner el contenido. Nada de estilos, nada de fonts, nada de colores. El contenido se pone usando tags que le den sentido. Uso h1, h2, etc. para encabezados. Los prrafos encerrados en su p tag. La navegacin en listas no ordenadas (ul). Paso 6. Ya tenemos todo listo para darle el aspecto grfico que tenamos en mente. Comenzamos entonces armando la estructura, lo que ser fcil ya que tenemos todos los nmeros en nuestro papel. Paso 7. Trabajamos la pgina seccin por seccin, definiendo imgenes de fondo, colores, letras, espaciado. En fin, cientos de cosas que podemos hacer con CSS. Yo trabajo de arriba hacia abajo. Definiendo primero fondos y dimensiones, y al final encargndome de detalles. Paso 8. Una vez que el sitio est terminado hay que probarlo. En realidad lo mejor es ir probando en los varios navegadores mientras avanzamos. Una revisin final nos librar de cualquier problema que el usuario pueda tener. Paso 9. El paso final, validar el cdigo. Esto nos permitir corregir errores que no veamos o se nos chispotearon, como cerrar tags por ejemplo. Al final quedamos con nuestra pgina validada en cdigo XHTML, cumpliendo los estndares.

Diseo Web - Empresa web Lder en Desarrollo de Pginas Web. En Empresa web S. de R.L. de C.V. estamos comprometidos totalmente con tu proyecto por lo cual hemos elaborado un proceso de trabajo eficaz el cual te ayudara a saber cmo se llevara a cabo el proyecto de su empresa o negocio ya , aplicacin o alguna de nuestras soluciones. 1.- Entrevista con el cliente - En este proceso ya sea personal o va telefnica, recopilaremos toda la informacin necesaria , que nos acerque a los alcances de su proyecto. 2.- Planeacin de su proyecto - Este proceso definiremos las caractersticas, funciones, objetivos y costos de su pgina web o proyecto. 3.- Contratacin - Elaboraremos un contrato en el cual se establecern las clausulas y contenidos de su proyecto. 4.- Recopilacin de su informacin - Haciendo sinergia con usted recopilaremos todo el material para empezar la elaboracin de su pgina web o proyecto. 5.- Propuestas Graficas - Enviaremos a usted un nmero especifico de propuestas grficas, las cuales usted podr seleccionar y aprobar una para la realizacin de si pgina web o proyecto. 6.- Desarrollo de Propuesta - Entregaremos un pre de su pgina web o proyecto, el cual usted podr realizar modificaciones o cambios para adaptarlo totalmente a su proyeccin. 7.- Correcciones - Usted podr corregir el diseo, en textos y grficos durante esta etapa la cual ser ya final para la entrega de su proyecto. 8.- Entrega de Proyecto - Usted tendr su proyecto realizado en su totalidad.

PROCESO DE TRABAJO Una vez aprobado el presupuesto definitivo, tras tener un acta de reunin de nuestras conversaciones, unas especificaciones tcnicas aprobadas, unos mandatarios de diseo especificados y el contrato de protecciones y garantas firmado, se inicia el proceso de trabajo propiamente dicho con las siguientes fases 1.0 PROYECTO Desarrollo del diseo del espacio web, los contenidos y su estructuracin, los sistemas de navegacin y formas de interactuacin, las tecnologas y sistemas a utilizar, en textos, diagramas, wireframes, mapas web e imgenes explicativos en detalle. 1.1 ESTRUCTURA Desarrollo del esquema general de contenidos y funcionalidades. Arquitectura de la informacin. Plano de estructura de contenidos, mapa de pginas, diagramas de jerarquas Desarrollo de tablas de tiempos de trabajo. 1.2 DISEO Desarrollo del diseo del espacio web. Wireframes de pgina de inicio, interiores, fichas de productos, formularios Propuestas grficas ilimitadas de pgina de inicio e interiores. Desarrollo de arquetipos grficos definitivos. Control de usabilidad del diseo. 2.0 GESTIN DOMINIOS Y ALOJAMIENTO Bsqueda de dominio/os ms adecuados y libres. Gestin de compra de dominios. Creacin de dominios (en su caso) o redireccin y apuntes de DNS a los alojamientos definitivos. Creacin de cuentas de correo y asesoramiento. Configuracin y montaje (en su caso) del servidor/es de alojamiento. EN ESTE PUNTO SE ENVIAR LAS TABLAS DE TIEMPOS DE TRABAJO CERRADAS BAJO CALENDARIO CON FECHAS CONCRETAS Y DA DE ENTREGA DEFINITIVO DEL ESPACIO WEB. 3.0 DESARROLLO Desarrollo del diseo del espacio web, los contenidos y su estructuracin, los sistemas de navegacin y formas de interactuacin, las tecnologas y sistemas a utilizar, en textos, diagramas, wireframes, mapas web e imgenes explicativos en detalle. 3.1 CREACIN DE CDIGO FUENTE MAESTRO 3.1.1 XHTML + CSS Envo de orden de trabajo a maquetacin. Creacin de CSS Creacin de archivos o archivos HTML base 3.1.2 MAQUETACIN Creacin de todas las pginas constituyentes del espacio web. Ajustes de CSS. 3.1.3 PROGRAMACIN Creacin de bases de datos Desarrollo de formularios y registros Creacin de zonas de control y/o administracin (en su caso) Otros desarrollos de programacin especfica CONTROL DE NAVEGABILIDAD Y USABILIDAD DE LA WEB

3.2 OPTIMIZACIN DE CDIGO Depuracin de cdigo fuente Adaptacin a otros navegadores (IE6, IE7, Safari, Opera, Firefox y Google Chrome) Estadarizacin de cdigo y CSS (siempre desarrollado bajo directrices de la W3C) Adaptacin a otros dispositivos (en su caso). Por defecto siempre se visualizan sin problema nuestos espacios web en otros dispositivos (telfonos mviles, pdas), pero ciertas funcionalidades pueden exigir ajustes especficos. Optimizacin de accesibilidad para superar procesos de control de WAI y TAU (en su caso) 3.3 INSERCIN DE CONTENIDOS Insercin de contenidos Aplicacin de formatos Adecuacin de contenidos Optimizacin de contenidos (tanto imgenes como textos) 4.0 FASE DE TESTEO Entorno de pruebas para su confirmacin y correcciones. Realizacin de las modificaciones pertinentes. 5.0 PUBLICACIN VERSIN BETA Publicacin de la web en estado beta. Control exhaustivo y correccin de fallos sobre web. Instalacin de sistemas de control de visitas y acceso al cliente (Google Analytics) 6.0 PUBLICACIN OFICIAL

Diseo Web / Proceso de trabajo

Paso 1 Virtuallix le ofrece efectivas soluciones en diseo web para todos los tipos de negocios y empresas. Revise en lnea nuestros precios (link), y vea los paquetes que tenemos disponibles. Paso 2 Seleccione el paquete que mejor se adapte a sus necesidades de diseo web, el sitio le guiar en lnea de manera segura para seleccionar el mtodo de pago, el cual puede ser : transferencia, deposito, pago con tarjeta mediante pay pal ydinero mail para pagar en oxxo. Todas nuestras transacciones son realizadas con la mas alta seguridad posible. Es necesario dar como minimo un anticipo del 50% del valor del paquete y en el paquete mas economico pagar el 100%. Paso 3 Una vez realizado y verificado su pago, sera necesario tambin llenar un cuestionario de informacin personal y de su empresa, y de el nombre de dominio que desea compremos para su pagina. Mediante este cuestionario nos ayudar con el proceso de diseo web para crearle las propuestas correctas para su compaa. Por favor tmese su tiempo. Necesitamos saber el rubro de su negocio o empresa, su mercado potencial, etc. En virtuallix.com estamos comprometidos a proteger su privacidad y le garantizamos no hacer mal uso de ella. Paso 4 Sera necesario que determine cuantas y cuales secciones debera llevar su pagina web, asi como tambien debera agregar las fotografias que desea sean incorporadas, para facilitar el proceso puede utilzar un archivo de word: en donde debera enviarnos la informacion que desea aparezca en su sitio web, asi como las fotografias que desea acompae al texto. Lo recomendable es no exceder mas de una pagina de word por seccin. Una vez que haya recabado la informacin que desea sea considerada para el desarrollo de su sitio, debera enviarla por mail al correo hola@vitrtuallix.com.mx. (Recomendaciones del contenido de un sitio web) Paso 5 En el momento en que recibamos su informacion, comenzaremos a trabajar en su proyecto de diseo web. Un equipo de 2 a 5 especialistas sern los encargados de realizar su proyecto de diseo web y en tan solo 72 horas le presentaremos 2 propuestas del layout de su pagina web. Paso 6 Una vez que haya autorizado el layout, deber realizar un pago del 25% del valor total del paquete por los medios de pago antes mencionados. Paso 7 El siguiente paso es programar la pagina web. Y colocar toda su informacion, y galerias de fotografias que nos haya enviado. Paso 8 Colocaremos el sitio en lnea temporalmente dentro de los servidores de virtuallix para que usted revise que todo el contenido y organizacin es correcta, una vez autorizado el contenido se procedera a subir la pagina directamente en el domino de su empresa /pyme que usted nos haya solicitado. Paso 9 Deber Liquidar el dinero restante del 25% del valor total del paquete. Se crearan los mails que solicite para su empresa (ej. Nombre@midomino.com.mx). Tambien se le entregaran via digital los archivos editables de su sitio.

TIEMPOS DE ENTREGA Nuestros tiempos de entregas son relativamente rapidos, pues contamos con un equipo de trabajo amplio comprometido con sus proyectos y sabemos que muchas veces las cosas se necesitan para ya!!!; Aunque los Tiempos de entregan varian dependiendo del personalizacin de su proyecto, a continuacion le mostramos el tiempo de entrega promedio para los sitios, una vez que nos haya enviado toda la informacion que ir en su sitio web y que haya aprobado el diseo web de su layout: Paquete diseo web ESPECIAL (HTML)...........................36 horas Paquete diseo web ESPECIAL (FLASH).........................2 dias hbiles Paquete diseo web BASICO (HTML)...............................3 dias hbiles Paquete diseo web BASICO (FLASH).............................6 dias hbiles Paquete diseo web STANDARD (HTML)..........................7 dias hbiles Paquete diseo web STANDARD (FLASH).......................14 dias hbiles Paquete diseo web FULL (HTML).....................................9 dias hbiles Paquete diseo web FULL (FLASH).................................18 dias hbiles SI AUN ASI TU TRABAJO LO REQUIERES MAS RAPIDO QUE ESTO, HAZNOSLO SABER, SIEMPRE PODEMOS DARTE MAS SOLUCIONES. NUESTRO UNICO OBJETIVO ES QUE QUEDES SATISFECHO.

Proceso de trabajo

comienzo del proyecto

desarrollo del proyecto

entrega del proyecto

Cronograma de Trabajo Webclub Proceso / Metodologa Proceso de Produccin de una Pgina Web, Diseo de imagen coporativa, Diseo grfico etc. _A Investigacin _B Concepto _C Diseo Visual _D Produccin _E Revisin 1. Leer la informacin de nuestro sitio web: metodologa, preguntas frecuentes. Enviarnos una solicitud de cotizacin con los datos que se piden en la misma. En un lapso de 24 horas nos pondremos en contacto con usted y llevaremos a cabo el proceso de informe de proyecto/necesidades (cliente) - propuesta cotizacin (Webclub) contratacin. 2. Recopilar toda la informacin que su empresa necesita para construir su sitio web, publicidad on line, realizar su imagen corporativa, etc: fotos*, logos*, textos*; escribir las palabras claves* y frases de bsqueda*, escoger varios nombres de su dominio*, pensar en su estructura de navegacin* y ver sitios de su competencia*. 3. Enviar la informacin de su empresa a travs del correo electrnico/ftp.

4. Nosotros recibimos la informacin, la analizamos y le mandamos una propuesta de estructura y una consultora de su informacin va correo electrnico. 5. Usted nos enva su respuesta sobre la informacin que enviamos: aceptacin de estructura grfica, variantes de colores corporativos, etc. 6. 7. 8. 9. En tres das le enviaremos las diferentes propuestas de diseo. Aceptacin del diseo o solicitud de cambios por parte del cliente. En 2-4 das se realizan los cambios en la propuesta del diseo. Aceptacin de la propuesta de diseo por parte del cliente.

10. Produccin de su sitio web, imagen corporativa, etc. La duracin puede ser de una semana a un mes para sitios administrables, o ms en funcin de la complejidad de cada proyecto. Por favor, para una descripcin grfica del proceso, dar click en la imagen/cronograma superior. 11. 12. 13. Entrega previa del sitio al cliente. Empieza la optimizacin para buscadores por parte de Webclub. Revisin por parte del cliente.

14. Entrega final. El proceso de produccin de su pgina web ser realizado de 21 a 30 das hbiles, en funcin de la fluidez de la informacin que intercambiemos. Se pueden realizar tambin proyectos muy urgentes o sitios que necesitan seis o ms meses de produccin. Para una descripcin grfica del proceso, dar click en la imagen/cronograma superior.

El proceso de un proyecto web

Muchas veces nos enfrentamos a diversos proyectos y no sabemos por dnde empezar o que pasos seguir, entonces empiezan las dificultades ya que generalmente si no se tiene una buena programacin de tareas y etapas de parte del cliente y de parte de las personas involucradas directamente en el proyecto, es muy difcil llegar a un buen trmino. Obviamente cada proyecto es nico, pero no est de ms tener algunas pautas presentes, por ello aqu les traigo un esquema publicado originalmente en Simple Square que puede ayudar a clarificar mejor ste tema. 1. Reunin Inicial:Todos los proyectos deberan empezar con una reunin inicial donde se hablen las generalidades del mismo, donde se definan cuales son los objetivos generales y en general, donde se defina que se espera de cada una de las partes involucradas. 2. Evaluacin de Necesidades: Una vez definido el punto anterior, se deben evaluar las necesidades del proyecto para pasar una propuesta formal, en ste punto es importante que el cliente de el respectivo feedback para dejar ste punto bien claro. 3. Investigacin: Es importante que quien vaya a realizar el proyecto realice una investigacin inicial con el fin de saber haca donde dirigirse, en ste punto cabe toda la bsqueda de informacin tanto a nivel de la temtica del proyecto en s, como el uso de herramientas que pueden facilitar el trabajo o que sern necesarias. 4. Esquema del sitio: Cuando ya se ha hecho la investigacin respectiva y se tiene la informacin necesaria, es hora de hacer un esquema general del sitio para saber qu secciones llevar, cules sern los mdulos a crear para obtener un mapa del sitio que servir de referencia durante el proyecto. 5. Wireframes: Despus de tener el esquema general del sitio, se debe hacer un esquema grfico general de cmo y dnde irn todos los elementos del mismo. Es importante que en sta parte se de una retroalimentacin eficaz para evitar demoras innecesarias en el proyecto. 6. Propuesta grfica de la pgina inicial: Un punto a tener en cuenta es que la propuesta grfica se debe realizar despus de todo el proceso anterior para que todo sea ms claro, aunque hay que resaltar que ste proceso puede ser el ms demorado por la cantidad de cambios que puede pedir el cliente. Usualmente yo dejo claro desde el comienzo que hasta que est etapa no est casi que concluida y aprobada no se pasa a la siguiente ya que implica un re-trabajo grande y en muchos casos innecesario que afecta a todo el proyecto. 7. Propuesta grfica de las partes internas: Una vez aprobada la grfica general, se procede a hacer la grfica de las partes internas, de nuevo, es importante que haya una buena retroalimentacin, clara y concisa para que el proyecto avance favorablemente. 8. Codificacin: Esta es la parte en que todo lo anterior empieza a cobrar vida para ser algo ms tangible, aqu lo importante es tener clara la forma en que se va a codificar todo y que partes requieren de conocimiento avanzado, mdulos especficos y dems para poder tenerlo en cuenta. Tambin hay que hacer una buena validacin de la misma para evitar inconvenientes a futuro. 9. Poblacin de contenido: En sta etapa se deben poblar todos los contenidos correspondientes a las diversas secciones o mdulos del proyecto. Lo ideal es que la informacin haya sido previamente revisada y est aprobada en su totalidad. 10. Pruebas: Una vez codificado el sitio es necesario probarlo en diversos exploradores y teniendo en cuenta las plataformas usadas para evitar errores cuando el sitio llegue al usuario final. 11. Lanzamiento: Despus de todo el proceso y una revisin final ya se puede hacer el lanzamiento del sitio o proyecto. este punto depender de los objetivos trazados inicialmente pero la idea es que todo est funcionando al 100%.

METODOLOGA DE TRABAJO
ETAPA 1: ANLISIS Y ARQUITECTURA DE LA INFORMACIN A. Metas, Objetivos y Pblico del Proyecto Web. El primer paso del proceso de investigacin es comprender una imagen global de la insti-tucin. Para ello debemos conocer: Misin y Visin, tanto de la institucin como del Proyecto Web. Metas y Objetivos estratgicos Recursos disponibles Limitaciones Cultura organizacional Polticas y Procedimientos de la institucin y del Proyecto Web El anlisis de toda esta informacin marcar el rumbo del Proyecto, unificando las necesi-dades y expectativas de la institucin. La identificacin del pblico es otro pilar fundamental del proyecto, ya que ste es la razn de la elaboracin de cualquier producto o servicio. En este punto se busca identificar sus necesidades, capacidades (experiencia y limitaciones), y el uso que harn del mismo (tareas). B. Identificacin del contenido y necesidades funcionales. Anlisis de la competencia (sitios con objetivos similares) Esta etapa de relevamiento e investigacin busca identificar todo el contenido y las necesi-dades funcionales para obtener un mapa claro del volumen de informacin. Es importante prever el crecimiento e identificar futuras publicaciones o canales de comunicacin. Tambin, se debe realizar un anlisis de sitios con objetivos similares, mediante la re-alizacin de benchmarks que contemplen: contenidos, estructura jerrquica, servicios prestados, sistema de navegacin, arquitectura y diseo. Conocer a la competencia o sitios similares es una buena manera de aprender sobre el sitio propio. La identificacin del contenido se har en base al sitio existente, a la competencia, a los objetivos del proyecto y a las necesidades de los usuarios. C. Organizacin de la informacin Se realizar la organizacin de la informacin, teniendo en cuenta al potencial usuario y a los objetivos planteados para el proyecto. El producto que se generar una vez resuelta esta actividad es un mapa de la relaciones entre las distintas categoras o tpicos. Este diagrama de flujo demuestra: El contenido: La organizacin y la estructura que se traza para contener la informacin. La utilizacin: Las categoras temticas y las rutas de acceso que el usuario querr encon-trar. La usabilidad: La facilidad de uso para el usuario en especfico y la tarea en particular. Para comunicar la informacin con eficacia es preciso generar un sistema de rotulacin, que refuerce la comprensin de la navegacin. As como un sistema de bsqueda eficaz que simplifique el acceso a la informacin. ETAPA 2: DISEO DE INTERFAZ Siguiendo las pautas de la Identidad Corporativa Visual de la institucin, y en consonancia con los lineamientos generados en la etapa de la organizacin de la informacin, se llevar a cabo le diseo visual del Proyecto Web, dando forma y coherencia al contenido expuesto, generando recorridos visuales que permitan una correcta lectura de la informacin, de las rutas de navegacin y de todos los elementos grficos. Se elaboran 2 prototipos de diseos totalmente diferentes (2 equipos de diseo por sepa-rado) a fin de poder debatir sobre sus ventajas y desventajas. Con estos dos prototipos expuestos y analizados se realiza un tercer prototipo llamado candidato. Este ltimo prototipo se compone de las fortalezas de los dos prototipos primeros y re-suelve sus debilidades a modo de sntesis.

ETAPA 3: DESARROLLO DE TEMPLATES HTML Esta etapa lleva adelante la construccin de templates, construidos en el lenguaje HTML (Hyper Text Markup Language) y CSS (Cascading Style Sheets) nivel 2, permitiendo a los programadores utilizar el cdigo sin necesidad de tipearlo. Esto minimiza los errores, y mejora el tiempo de implementacin, acelerando as la publicacin. Utilizacin de CSS como un estndar de desarrollo, as como funcionalidad que optimiza la implementacin de posibles upgrades visuales que se deseen realizar. Los templates HTML, poseen 3 funciones claves para los desarrolladores: 1- Ejemplo funcional de como debe verse la pgina. 2- Ejemplo funcional de la estructura y diagramacin. 3- Ejemplo funcional de los componentes. Con el apoyo de los templates, de los archivos de CSS, ms la documentacin de compo-nentes en lenguaje (HTML), el programador obtiene todas las directrices para implementar el diseo de una manera sencilla y eficiente. ETAPA 4: DOCUMENTACIN La implementacin de las distintas etapas requiere que stas estn avaladas y documentadas. Por tal razn se hace de informes, manuales y guas que permiten comprender el proceso con miras a futuros desarrollos: Gua de Arquitectura de la Informacin y Usabilidad: Gua para los desarrolladores que tiene como objetivo exponer de forma clara e ilustrativa la estructura informativa del Proyecto, para su correcta implementacin y mantenimiento. Se ordenan en ella las pautas de sectorizacin de las pantallas, se detallan las tipologas de formatos para estandarizar la manera de presentar la informacin, y se describen los el-ementos que participan del Proyecto Web. Gua de Contenidos para su publicacin: Gua orientada a los publicadores de Sistemas de Administracin de Contenido, da pautas sobre la forma y criterios bsicos para la carga de datos en el sitio. Es clave en la capaci-tacin y es un referente una vez que el Proyecto est en marcha. La aplicacin de las direc-trices que se expresan en esta gua ayudan a mantener el diseo y la calidad planteadas en el proyecto. Manual de Estndares del Proyecto Web: El fin de este documento es presentar aspectos tcnicos sobre el diseo de la interfaz, para sentar las bases de futuros desarrollos o implementaciones. El diseo de la interfaz es el resultado de la puesta en pantalla de las funcionalidades y estructuras planteadas en los informes de Arquitectura de la Informacin y Usabilidad, ms la Identidad Corporativa. Integra en sus aspectos visuales todos los conceptos generados en las sucesivas etapas del proyecto.