Repblica Bolivariana de Venezuela Universidad Nacional Experimental Simn Rodrguez Ncleo: Palo Verde Curso: Administracin de centros de procesos

electrnicos de datos Seccin: A. Participantes: Karelys Casanova Bonilla. C.I.17.139.639 Adrin Espinoza C.I. 19.194.092 Angie Cuarez C.I.18.643.094 INFORME SOBRE EL DISEO DE UNA PGINA WEB El estudio de factibilidad debe ser llevado desde distintos puntos de vista: Factibilidad tcnica: todo lo relacionado con la posibilidad de uso y disponibilidad de las herramientas necesarias para llevar a cabo el proyecto. Al ser web debers considerar tambin todo recurso tecnolgico que te permita mantenerlo activo durante el tiempo de vida que se le determine al sitio (o al proyecto mismo). Factibilidad operativa: todo lo referente a los recursos no tecnolgicos que afecten a la conduccin y puesta en marcha del proyecto. Por ejemplo: Estar disponible el webmaster en todo momento? Podemos contar con la cantidad de desarrolladores webs que se requieren? Factibilidad econmica financiera: como es de esperar... lo que hace al estudio de mercado. Lo ms habitual, y por lo general... lo que termina diciendo si es proyecto es viable y factible: calcular (o estimar) la relacin: Costo/Beneficio. Podemos solventar los gastos? El cliente tiene los recursos econmicos suficientes para llevar a cabo la inversin mnima? Cunto se espera recuperar en el primer ao, o mes? En algunos proyectos es posible calcular la VAN y la TIR por lo que se puede saber la tasa de retorno o lo que rinde el negocio una vez invertido. En resumen: Podr recuperarse lo invertido? Si es as... en cuanto tiempo? Factibilidad Legal: Lo referente a alguna imposicin o freno legal que condicione o afecte en parte (o en todo) el proyecto. El sitio contiene informacin sensible? Hay alguna ley que impida mostrar algn tipo de contenido? Hay una norma, estatuto, o ley que especifique o mencione que algn tipo de tecnologa no pueda ser usada,... o por el contrario... que deba usarse alguna tecnologa en especfica? Caractersticas de las pginas web En relacin con las caractersticas de las pginas web, consideramos que, para garantizar una mnima calidad y rentabilidad, deben cumplir los siguientes requisitos:

a) Validez de los contenidos: veracidad de la informacin, rigor de los servicios ofrecidos, capacidad de renovacin y actualizacin. b) Estabilidad de la pgina en red: perspectivas slidas de continuidad. c) Funcionalidad de la navegacin: entramado claro y coherente de los enlaces hipertextuales, visin general de las opciones de navegacin. d) Calidad del diseo: secciones con una jerarqua clara de apartados y una secuenciacin lgica. e) Posibilidades de interaccin: servicios de comunicacin e intercambio que ofrece al usuario. f) Atencin y servicios al usuario: posibilidad de realizar consultas y obtener repuesta con un grado razonable de inmediatez y utilidad. g) Enlaces propuestos: comprobar la pertinencia y utilidad de las conexiones que ofrece. La rentabilidad de los aspectos anteriores redunda en la utilidad, amabilidad y eficacia de una pgina web. REQUERIMIENTOS A su vez hay requerimientos a tomar en cuenta a la hora de disear una pgina web. Diseo Bsico: Un Sitio Web debe tener una homepage de presentacin a partir de la cual se pueda recorrer la informacin existente. El nmero de pginas depende del tipo de empresa y del material que se quiera presentar en la red. Adems existen elementos que prestan mucha utilidad como lo son: un contador de visitantes o counter que se encuentra en la pgina inicial, grfica que indique al navegante como ir a todos los puntos de la pgina y por supuesto fotos, dibujos, que muestren los productos, proyectos, etc... Uso de Frames: Existen diferentes diseos en cuanto al formato de la pgina web que va desde el ms sencillo a ms complejos como aquellos donde se usan frames, marcos o divisiones. El uso de frames o divisiones de la pantalla es reciente ya que versiones antiguas de visualizadores de pginas web no soportan este estilo (por ejemplo, slo desde las versiones 2.0 de Netscape e Internet Explorer 3.0 ). Se trata de dividir la pantalla en dos o ms sectores, distribuidos de la forma ms conveniente, de manera de que cada divisin se comporte independiente de las otras, pero con una relacin entre si. As se puede, por ejemplo, mantener un men de seleccin siempre disponible en una parte de la pantalla mientras que los cambios se realizan en la otra parte. Grfica Personalizada: La grfica es muy importante tanto de un punto de vista esttico como de orientacin al usuario. El uso de imgenes que indiquen como enviar correo electrnico, flechas que muestren como volver hacia la pgina anterior, botones con leyendas de los temas que estn incluidos en la pgina, son una forma til de dar atractivo al sitio web. Si agregamos que esta

grfica puede incluir logos, productos, etc. que identifiquen a la empresa, hace que su pgina web tenga un mayor efecto comunicacional. Pgina Web Interactiva: Se refiere a que el usuario, mediante herramientas de comunicacin contenidas en la pgina, pueda contactarse con su empresa. Estas herramientas son: Correo electrnico: con esta se ofrece la posibilidad de comunicacin directa entre la empresa y el usuario, dejando un espacio abierto donde enviar sugerencias, comentarios, pedir cotizaciones o cualquier otro tipo de informacin. Formularios: mediante los formularios se puede guiar al usuario con el tipo de informacin que busca y a la vez generar bases de datos de potenciales clientes. Esta informacin puede ir directamente al correo electrnico de, por ejemplo, un ejecutivo de ventas. Servicio en lnea: esto significa dar la posibilidad al usuario de obtener informacin, comprar, realizar reservas, etc. directamente desde su pgina web y en forma automtica. El sistema funciona mediante bases de datos y programas que hacen interactuar sta con lo solicitado. Animaciones: Las animaciones hacen que su pgina sea ms atractiva. Se pueden realizar en diferentes formatos como Gif animados y Java. En nuestros proyectos siempre consideramos al menos una animacin. Adems agregamos otras tecnologas que no slo aportan movimiento al sitio web, sino adems utilidad prctica. Logos, elementos que se quieran destacar o de orientacin pueden animarse. Sonido: Sonido en Internet es un rea, al igual que el video, de reciente desarrollo. Para poder escuchar sonidos es imprescindible que el equipo cuente con una tarjeta de sonido. En General, se clasifican en tres tipos: Sonido (ambientes, eventos,..) Msica (genera una atmsfera propicia para el mensaje) Voz (discursos, locuciones,..) CMO PLANIFICAR LA CONSTRUCCIN DE UN SITIO WEB? Antes que nada al iniciar la construccin de un sitio web, tenemos que pensar en tres elementos bsicos: 1. El cliente: Es necesario escuchar las necesidades de un cliente, en ocasiones piden cosas que an no se han inventado y slo nos demuestran que jams en su vida han tocado una lnea de cdigo. 2. El auditorio general: Este lo conformamos todos los miles de millones de usuarios que accedemos diariamente al mundo online, por ello somos los mejores crticos y calificadores de un buen sitio. 3. El autor: Es importante que el creador del proyecto web (ya sea una pgina informativa esttica o un gran portal dinmico) se apegue a los estndares de calidad y esttica que la sociedad exige, pero no slo eso, sino que tambin satisfaga al propio autor su trabajo realizado, ya

que habla de su portafolio personal el cual es la llave que abre las puertas de su desarrollo profesional.

ESTRATEGIAS Y FASES PARA LA CONSTRUCCIN DE UN SITIO Mi recomendacin es que lo hagan de la siguiente manera: Toma del Proyecto. Debemos platicar con nuestro cliente potencial para conocer sus necesidades, inquietudes y dudas. Es indispensable tener muy claro el objetivo por el cual usted quiere construir un sitio web. A la hora de comentar con l la planeacin del sitio, no seas muy explcito ni insistente en trminos tcnicos y de programacin, ya que muchos de ellos no los conocen, al intentar conocerlos terminan rompiendo la idea principal que tenan acerca de la construccin de su sitio y piden cosas extremadamente difciles, provocando as que su cotizacin se eleve por los cielos con lo que slo se dar por perdido el proyecto. Trata de ser conciso y preciso, no platiques de desarrollos que no eres capaz de realizar. Por ltimo, define bien con el cliente la arquitectura de informacin para que con ello elijas los lenguajes y tecnologas que usars para la elaboracin del sitio. Mapa del Sitio. Este proceso implica identificar las secciones y subsecciones principales de nuestro sitio y requiere de suma atencin para organizar la informacin, adems debemos de tomar en cuenta la estrategia de marketing que llevaremos a cabo, para no descuidar los intereses de nuestro cliente. Se plasma un mapa conceptual de contenidos, aplicaciones y formularios que nos ayudarn a tener una mejor arquitectura de informacin. Debemos de digitalizar la marca de nuestro cliente, este proceso nos ayudar a definir nuestro esqueleto web. Exploracin (Scouting). Como sabemos, no somos los nicos dentro de este tipo de desarrollos, es por ello que se requiere de una exploracin exhaustiva para visualizar la competencia, principalmente la de nuestro cliente en potencia. Con esta estrategia podremos comunicar un reporte de servicio, en el cual expresaremos como estn trabajando las dems marcas, qu estn proponiendo, cul es su principal estrategia de mercadotecnia dentro su entorno digital, as mismo a la hora de navegar dentro de los proyectos a vencer podremos definir en forma las tecnologas que usaremos, ya sea para un proyecto dinmico o esttico. No podemos comenzar a construir sobre el cdigo, sin antes definir las tcnicas de desarrollo. Pre-construccin. La construccin no se puede levantar si no hay cimientos, es por ello que se tienen que preparar. Cules son los cimientos slidos que harn lucir de manera brillante mi web?: Esta etapa nos ayudar a enfocar el diseo de nuestro sitio web, as como los contenidos y funcionalidades. Hay una gran diferencia al construir un sitio web para nios o para adultos, para hombres o mujeres, para polticos o artistas, etc. Es muy importante que en

este punto el cliente tenga claro quin ser el usuario promedio de su sitio web, de no ser as ayuda a tu cliente a segmentar y/o identificar su pblico objetivo. Paleta de colores - Recomiendo que se desprenda a partir de un logotipo. Paleta Tipogrfica - Relacionada al rea profesional de la cual habla tu web) Elementos grficos - Totalmente predominados por el cliente y solo implementars conos y algunos efectos visuales. Constantes Programticas - Todos aquellos elementos funcionales que se repiten dentro de tu hoja. Contenidos del sitio web: Es indispensable que el cliente provea al diseador de los contenidos que desplegar en su sitio de manera que el visitante entienda claramente los objetivos. El usuario de un sitio web debe tener la sensacin de que entiende perfectamente la intencin de los contenidos sin stos confundir al visitante. Estrategia: Definicin de concepto central creativo como estrategia de persuasin. Si tu pblico es joven trata de que se sientan identificados con el entorno, si tu pblico es conservador, s limpio y cntrate en que lean los contenidos y que los puedan leer e imprimir de una forma amigable. Requerimientos: Transformemos los objetivos y la estrategia en funcionalidades. Digamos que si tu cliente es un hotel cntrate en las fotografas de las habitaciones con una buena galera, si tu cliente es un periodista instlale un blog, si tu cliente requiere informacin privada debes contar con un registro de usuario, etc. Estructura: Creamos la arquitectura de la informacin en base a los contenidos entregados por el cliente. Debemos armar un organigrama considerando no profundizar demasiado los niveles en los que se desplegarn los contenidos. Dos o como mximo tres clicks son suficientes para llegar a toda la informacin de un sitio web. Un buen ejercicio para esto es hacer un card sorting que consiste en armar tarjetas con todos los ttulos de los contenidos y desplegarlos en una pizarra, visualizando cual ser la mejor estructura de contenidos de tu sitio web. Trata de que tu sitio sea amigable y simple en apariencia. Wireframes: Hagamos una estructura concreta y lineal con componentes, mdulos, contenidos, ubicacin y dimensiones. Definamos de una forma estructural el sistema de navegacin, hacia donde vamos y hacia donde puedo llegar. Construccin. Ahora s es momento de construir tu proyecto, lo cual ser mucho ms fcil porque ya tenemos contemplados todos los elementos que usaremos, esto es como hacer un difcil platillo de comida con todos los ingredientes y elementos que se necesitan para prepararlo.

Diseo Visual: Enmascaremos los wireframes aprobados por el cliente. A esta altura ya tendremos gran cantidad del trabajo corregido y claro para comenzar el desarrollo, la programacin y finalmente el diseo visual. Optimizacin de motores de bsqueda (SEO, Search Engine Optimization): Debes de asegurarte que tu proyecto estar visible en los primeros lugares de bsqueda dentro de los principales motores, as que optimiza todos los recursos para que no tengas problemas de ningn tipo y seas el ms popular dentro de la vida online. Entrega del sitio web, pruebas y mejoras: Realiza un respaldo de tu web para que la almacenes dentro de tu portafolio y no cierres el proyecto a menos que ests completamente seguro que todo ha quedado funcionalmente bien y visualmente inspirador. Tambin asegura que tu cliente est satisfecho con el trabajo que has realizado, nunca trabajes en un proyecto slo pensando en el monto de dinero que recibirs, hazlo tambin por placer. Antes de entregar el sitio web es indispensable que lo navegues completamente y afines cualquier error. Para obtener un html sin errores e impecable, toma en cuenta y recuerda bien la estructura casi humana del cdigo: Cabeza, cuerpo y pies. Sin dejar a un lado los elementos que corresponden a cada uno de los miembros de nuestra pgina, si hacemos esto lograremos que nuestras etiquetas funcionen de manera correcta, no te olvides que html funciona a base de etiquetas que dan formato a cada cosa que envuelven. El Diseo Web debe conceptualizarse como una estrategia en la que se considere tanto lo visual como lo funcional para que sea sustentable y tambin para que sea un xito. Gacetas que regulan la creacin de los portales web Gaceta Oficial Nro. 39.109 del 29 de enero de 2009 La Resolucin 005: establece que se debern aplicar y utilizar el Formato Abierto de Documentos (ODF) para generar, procesar o almacenar documentos electrnicos ofimticos, es decir, hay que utilizar Open Office, o quizs ahora, Libre Office. Esto hasta ahora no ha sido una cosa de uso extendido, pero esperamos ver el formato ODT (en vez de DOC, que no es un estndar), entre otros, por todos lados. La Resolucin 006: resuelve que para los documentos electrnicos que se generen y que no tengan por finalidad ser editados, se deber aplicar y utilizar el Formato de Documento Porttil (PDF), con los mismos fines de transferencia de informacin.

La Resolucin 007: Tiene por objeto establecer los principios fundamentales que deben considerarse como requisitos mnimos para el desarrollo, implementacin y puesta en produccin de los portales de internet de los rganos o entes de la administracin pblica nacional. Gaceta N 39633 del 14 de marzo 2011 Resolucin 025: establece el uso de CANAIMA GNU/LINUX como sistema operativo de software libre en las estaciones de trabajo de los rganos y entes de la administracin pblica nacional, con el propsito de homogenizar y fortalecer la plataforma tecnolgica del estado venezolano, as como dar cumplimiento al marco legal vigente. Resolucin 026: establece los lineamientos de accesibilidad que deben ser aplicados por los rganos y entes de la administracin pblica nacional en el desarrollo, implementacin y puesta en produccin de los portales de internet, a fines de garantizar la accesibilidad de los ciudadanos y ciudadanas de modo rpido, oportuno y seguro a los recursos y servicios que ofrece el estado venezolano, incluso de aquellos que por limitaciones fsicas no puedan hacerlo por interfaces tradicionales. Es decir, que toma en cuenta la estructura de los portales y el uso de mecanismos que permitan que los discapacitados puedan examinar la informacin. Por ejemplo, en los vdeos deben incorporarse el lenguaje de seas para que otros puedan aprovechar la informacin, entre otras cosas. Resolucin 027: establece los requerimientos mnimos para la prestacin de servicios, por parte de personas naturales, en calidad de facilitadores comunitarios en el rea de tecnologas de informacin libres, en tanto dicho servicio sea requerido por los rganos y entes de la administracin pblica nacional, a los fines de garantizar la capacitacin y multiplicacin del conocimiento en el rea de tecnologas de informacin libre.

Webmaster (administrador del sitio Web) Un webmaster (tambin llamado administrador del sitio web) est a cargo del mantenimiento y desarrollo del sitio web de la compaa. Para esto, debe definir la arquitectura y la estructura de rbol del sitio web, en ciertas oportunidades con un diseador de interfaz que lo asiste en la navegacin, un director de arte para los estndares grficos y un jefe de contenidos para el contenido. Por lo general, el webmaster no est a cargo en forma directa del contenido de redaccin. Sin embargo, debe realizar o coordinar el desarrollo de TI para mejorar o mantener el sitio. Por ltimo, segn la situacin, puede estar a cargo de laindizacin del sitio web.

Habilidades La profesin de un webmaster combina conocimientos tcnicos y visin estratgica con algo de creatividad. Por esta razn, el webmaster debe poseer un perfil tcnico y, al menos, un buen conocimiento de estndares web.

HTML Javascript CSS XML

En un sitio Web dinmico (la mayora de los casos), un webmaster debe conocer los principales lenguajes de los scripts elegidos por la compaa. Adems, debe tener un entendimiento bsico de bases de datos. Entre los principales lenguajes de script dinmico que debe conocer, se encuentran: PHP ASP y .NET JSP

Adems, el webmaster debe contar con una experiencia slida en seguridad de aplicaciones web, optimizacin de motores de bsqueda y un entendimiento bsico del marco legal para cumplir con las normas vigentes. Finalmente, el webmaster debe tener capacidades interpersonales, conocimiento de estructuras corporativas y debe estar dispuesto a escuchar a los dems, para poder coordinar a los distintos miembros del personal involucrados en la construccin de un sitio web. Salario El salario de un administrador de sitio web puede variar entre 26.000 y 40.000 anuales, en funcin de la magnitud y la complejidad del sitio web a administrar.