Sitio Web

Hernndez Mendoza Juan Arnulfo Mndez Galindo Ivn Uribe Snchez Heidy rea Acadmica de Tecnologas de la Informacin Universidad Tecnolgica de Xicotepec de Jurez arnulfo_n93@hotmail.com megaan2004@msn.com shadow_1404_92@hotmail.com Enero 2012

1. Introduccin
Internet se ha vuelto una herramienta muy til actualmente, debido al aumento de conexiones en el mundo cualquier persona puede accesar a la web relativamente fcil y visualizar contenido de distintos tipos incluyendo la publicidad de un negocio, muchos dueos de negocios contratan servicios para publicar informacin acerca de su empresa y hacerla accesible a cualquiera. Teniendo en cuenta lo anterior se propone un sitio web donde se dar a conocer la publicidad del negocio XICOSOFT, se emplearan diferentes paginas con diversa informacin y en cada una, en este sitio web se podrn encontrar diferentes servicios que el negocio ofrece, como por ejemplo, un catalogo de los productos existentes con su precio y descripcin, servicios ofrecidos como reparaciones, construccin de redes, mantenimiento, etc. Adems de la informacin acerca del negocio.

XICOSOFT es un negocio que ofrece principalmente renta de equipo para acceso a internet, dndose a conocer entre la localidad como cibercaf, secundariamente a esto tambin ofrece mercanca referente a equipos de cmputo, como accesorios, piezas, software, etc. esto ha aumentado su clientela hasta limitado punto, pues no es posible que clientes que se encuentran muy lejos de la zona donde est ubicado el negocio, conozcan este lugar. El dueo del lugar ha pedido aumentar su publicidad mediante un sitio web, donde pueda ofrecer sus productos y servicios. Desde ste cualquier cliente dentro de la zona o fuera de esta, puede conocer que ofrece el negocio sin tener que ir en persona al local.

5. Justificacin
Internet, sta tecnologa actualmente es una herramienta muy til en el campo de la publicidad; el publicar algo en Internet conlleva distintas ventajas, entre ellas podran listarse, es accesible desde cualquier parte del mundo, a diferencia de volantes, folletos, carteles y el contenido en la web no se deteriora, el costo para la publicacin es relativamente barato a comparacin del material fsico que se utiliza para tapizar postes y espacios en la calle, solamente para mostrar un solo producto de una empresa. Por eso, "subir" un sitio web a internet es y seguir siendo una opcin muy viable para pequeas o grandes empresas, teniendo esto en cuenta nuestro objetivo principal es crear un sitio para XICOSOFT, aunque el tiempo de desarrollo sea tardado al final tendr ms ventajas que desventajas para el dueo del negocio. Para Xicosoft se tienen pensados distintos beneficios, como atraer ms clientes, mostrndoles qu tipo de calidad y servicios se manejan en ese lugar, aumentar sus ventas dando a conocer los productos existentes en un apartado dentro del sitio web.

2. Objetivo general
Realizar un sitio web donde se encuentre informacin, productos y servicios del negocio. El sitio montado en un servidor siendo el dueo del negocio el administrador, este podr visualizar, actualizar, modificar y eliminar los datos subidos en la web cuando sea necesario, y as el cliente podr consultar el sitio cuando lo requiera, ya que por ese medio ser ms fcil y rpido buscar accesorios y servicios.

3. Objetivos Especficos
Mostrar informacin del negocio dentro del sitio web. (Publicidad) Catalogar digitalmente los productos existentes dentro del negocio. Agregar un apartado para pedidos de productos. Montar el sitio en un servidor para hacerlo accesible a cualquier persona con acceso a internet.

4. Planteamiento del problema

El sitio est planeado para construirse basado en herramientas de WEB 2.0, siendo estas utilizadas para dar al sitio una mayor optimizacin y mejor rendimiento a comparacin de sitios creados en WEB 1.0. Estas herramientas adems agregan un gran atractivo tanto visual como interactivo para visitantes.

El precio de mantener este servicio es relativamente barato en comparacin con otros medios. Crea y mantiene la imagen empresarial. La comunicacin con el cliente es sencilla y bidireccional.

6. Desarrollo
Las empresas siempre han buscado innovar en su publicidad para llamar la atencin del cliente, existen muchos medios de comunicacin disponibles en el mundo para darse a conocer, los medios de comunicacin tradicionales como la radio, la televisin y el papel son las opciones que muchas empresas y negocios eligen, pero todava existe otra opcin: La Internet, algunas empresas deciden no elegir esta herramienta debido al desconocimiento o desinformacin acerca de esta tecnologa. De acuerdo a las estadsticas en Amrica existen 927, 494,299 habitantes, de los cuales 431, 939,479 tienen acceso a Internet, esto representa el 46.9% de la poblacin, adems otro dato interesante es que desde el ao 2000 al ao 2009 el nmero de usuarios de Amrica del sur conectados a internet ha crecido en un 852.9%, otro factor importante para tener en cuenta son los costos de la publicidad en internet que son relativamente bajos en comparacin a la publicidad en fsico [1]. Los sitios web son la principal fuente de publicidad en Internet, este tipo de recurso es muy til cuando se quiere dar a conocer a la empresa, los productos que ofrece, los servicios con los que cuenta, informacin de contacto, etc. Actualmente gracias a las tecnologas es relativamente fcil crear un sitio web sin necesidad de tener conocimientos en programacin, adems tambin existen personas o negocios que ofrecen la creacin de un sitio web. A continuacin se enumeran las ventajas que puede tener una empresa al poseer un sitio web propio: Al tener un sitio web, automticamente se abre una segunda puerta de acceso a la empresa, con el beneficio de no tener que est fsicamente en el lugar. La publicidad est disponible para cualquiera las 24 horas del da, los 7 das de la semana y los 365 das del ao. El rea de comercio se ampla desde local hasta nacional o internacional Existe la posibilidad de encontrar nuevos proveedores. Genera una buena imagen para los clientes. Permite aumentar el nmero de clientes y el volumen de ventas.

No tener un sitio web implica tener que contratar servicios de publicidad local, si bien la publicidad podra tener lo mismo que contiene el sitio web, el alcance es corto, prcticamente regional y en algunos casos estatal, con costos ms que altos, aun utilizando medios d e comunicacin tradicionales, adems si existiera algn error en la publicacin el costo no sera solamente el contratado si no sera para corregir ese mismo error, en cambio teniendo un sitio web el error sera prcticamente gratis y corregible casi al instante. Otro aspecto negativo de no contar con un sitio web es que para tener contacto con los clientes sera necesario contar con una oficina con servicio telefnico para atender a las dudas, pedidos o dar informacin acerca de la empresa a sus potenciales clientes. Teniendo en cuenta estos aspectos adems de la experiencia obtenida resolviendo problemas similares, se propone crear un sitio web para el negocio Xicosoft, este se dedica a comerciar con productos y servicios relacionados a la computacin, el encargado y dueo del local comenta que quiere ampliar su rea de comercio pasando de ser local a ser regional, adems quiere que sus clientes conozcan desde la comodidad de su casa los productos y servicios que este negocio ofrece. El sitio web se planea que tenga las caractersticas de la web 2.0, en pocas palabras que utilizando herramientas especiales se desarrolle publicidad ms vistosa y si es posible hasta interactiva con el usuario. En el sitio web se pretende desarrollar un pequeo catlogo de productos en el cual sea posible mostrar que hay en existencia en el negocio, adems se quiere lograr crear un apartado diseado especialmente para realizar pedidos ya que el negocio ofrece un servicio en el que un cliente puede encargar un producto no disponible en la regin para que el encargado se lo consiga. Otro aspecto para tener en cuenta son los objetivos, misin y visin a mostrar en una pgina web relacionada con detalles de la microempresa, aqu teniendo en cuenta el giro del negocio se redactarn estos aspectos.
[1] Las estadsticas de Amrica fueron actualizadas en Septiembre 30 del 2009. Las cifras de poblacin se basan en los datos actuales de US Census Bureau. Los datos ms recientes de usuarios corresponden a datos de Nielsen Online, ITU, NICs, ISPs y otras fuentes confiables. Las cifras de crecimiento se determinaron comparando el nmero actual de usuarios con el dato del ao 2000, tomado de las estadsticas del ITU.

Herramientas de desarrollo
Para lograr desarrollar este proyecto se utilizarn diversos software, a continuacin se mencionarn las herramientas ms importantes, una pequea descripcin y tambin en que aspecto ayudar a construir el sitio web: Adobe Dreamweaver: Adobe Dreamweaver es una aplicacin que est destinada al diseo, construccin y edicin de sitios y aplicaciones web basados en estndares . (Ver figura 1)

Y es que es necesario un servidor web pues el sitio web contiene scripts en PHP que ayudaran a darle ms dinamismo al mismo. Nixiweb Es un servicio de alojamiento gratuito para usuarios de habla hispana. Este servicio de hosting ofrece diversas ventajas para el ptimo funcionamiento del sitio web como soporte para PHP, soporte para bases de datos MySQL, espacio en disco duro ilimitado, adems de ancho de banda igualmente ilimitado. Esta opcin adems de ser gratuita tiene ventajas considerables es por eso que se elige para alojar el sitio web. (Ver figura 3)

1.

Logotipo de Adobe Dreamweaver

Esta herramienta ayudar con la construccin del sitio web a partir de una platilla precargada, el lenguaje que ayudar a programar es HTML [5]. Con esto se lograr crear la base del proyecto sobre el cual funcionarn elementos creados con otro software, como objetos flash, hojas de estilo CSS [6] y partes de cdigo JavaScript.
3.

XAMPP XAMPP [7] es un servidor independiente de plataforma, la licencia de uso es gratuita ya que pertenece a la categora de software libre, consiste principalmente en la base de datos MySQL, el servidor Apache y los intrpretes para lenguajes de script PHP y Perl. (Ver figura 2)

Interfaz inicial del sitio Nixiweb que ofrece servicio de alojamiento gratuito.

Adobe Photoshop Es una aplicacin diseada para la edicin, retoque y pintura a base de imgenes de mapa de bits o grficos rasterizados, su capacidad de retoque y modificacin de fotografas hace de este el programa perfecto para darle mayor vistosidad a las fotografas publicadas en el sitio web. Adems de agregar un mayor atractivo visual al sitio web esta aplicacin nos ayudar a reducir el peso de las imgenes mostradas en el sitio, rediciendo as el tiempo de carga de la pgina, acelerando la navegacin a travs del sitio. (Ver figura 4)

2.

Logotipo de XAM PP

Su uso es relativamente fcil y es capaz de interpretar pginas dinmicas. Sabiendo por experiencia que la instalacin de un servidor web Apache no es fcil y adems de que se complica an ms si se desea agregar MySQL, PHP y Perl, se utiliza esta herramienta para construir fcilmente un servidor de este tipo en el equipo de cmputo que se utiliza para programar y probar el sitio web.

4.

Logotipo de Adobe Photoshop

Adobe Flash Professional Aplicacin de creacin y manipulacin de grficos vectoriales con posibilidades de manejo de cdigo mediante el lenguaje ActionScript en forma de

estudio de animacin que trabaja sobre "fotogramas" y est destinado a la produccin y entrega de contenido interactivo para las diferentes audiencias alrededor del mundo sin importar la plataforma.(ver figura 5)

Funcionamiento del Sitio

En el sitio web adems de fotografas e imgenes tomadas de la web, tambin se crearon anuncios publicitarios animados, estos anuncios son ms atractivos visualmente para un usuario que una imagen esttica. La distribucin de links dentro del sitio estn organizados de tal manera que la navegacin sea fcil para cualquier usuario, como es la costumbre en la mayora de los sitios web, el men se encontrar en la parte superior de la pgina web, con botones de tamao mediano y resaltados en un color fcil de identificar. En el men se tiene pensado agregar 5 links de inters: Inicio Este link nos lleva directamente a la pgina de presentacin del sitio en esta se colocara informacin de bienvenida, hablando brevemente de que trata el sitio y mostrando algunas imgenes de inters. (Ver figura 7)

5.

Logotipo Adobe Flash Professional

Con los programas anteriores se ha desarrollado parte del sitio web utilizando Dreamweaver como principal apoyo en el diseo, se ha tomado la informacin necesaria para establecerla dentro de las pginas, se tomaron diferentes imgenes, en los textos hubo combinacin de colores y diferentes tamaos , haciendo la pgina ms cmoda para leer y adems para acentuar los ttulos ms importantes, ya que es preciso en un sitio web de publicidad llamar la atencin del potencial cliente. Dreamweaver como ya se mencion es el software a utilizar para la construccin del sitio, y aunque se pudiese crear manualmente con Bloc de notas la finalidad del proyecto es crear un sitio web de calidad y en el menor tiempo posible. Las imgenes mostradas en el sitio web fueron algunas tomadas de la web, teniendo en cuenta los derechos de autor, para evitar conflictos de tipo legal, se busc que las imgenes fueran de libre distribucin, algunas otras imgenes contenidas en el sitio fueron tomadas del negocio Xicosoft y mejoradas con software de edicin grafica como Adobe Photoshop, esta accin realmente es necesaria ya que por ms pixeles tenga la cmara fotogrfica con la que se tomen las fotos o las mismas no son de la calidad esperada (ver figura 6).

Fig. 7 Interfaz de Inicio del sitio web Productos y Servicios En este apartado se tiene pensado agregar un pequeo catlogo de productos, los mismos aparecern con su respectiva imagen para hacer fcil su identificacin y una pequea descripcin, adems de mostrar productos en esta parte se pretende enumerar los servicios que ofrece Xicosoft, como reparaciones de PC, conexin de redes LAN, etc. (ver figura 8)

6.

Comparacin entre una fotografa editada (a la izq.) y la misma sin editar (a la der.)

Fig. 8 Interfaz de Productos y Servicios Nosotros Aqu se presentara informacin acerca del lugar, una pequea historia del negocio, objetivos, misin y visin de Xicosoft. (Ver figura 9)

Fig. 10 Interfaz de Contacto Estos son los links ms relevantes y la base de todo el sitio. Normalmente en un sitio web 1.0 todos los elementos son de funcionalidad limitada, como por ejemplo, los formularios en una web 1.0 funcionan solamente si Microsoft Outlook un software de gestin de correo y contactos, funciona, de lo contrario la informacin contenida en el formulario no ser enviada, para reparar este inconveniente se pretende programa el envo de la informacin con PHP, esto har ms funcional el formulario y menos frustrante.

Fig. 9 Interfaz de Nosotros Pedidos Respondiendo a una necesidad muy comn en el negocio Xicosoft que es el pedido de productos se pretende crear este apartado con un formulario para que cualquier cliente pueda pedir cualquier producto que no se tenga en el catlogo de productos. Contacto A fin de ayudar al cliente a contactar al negocio se crear una pgina para esta finalidad, en ella solamente existir informacin acerca de la localizacin del lugar, por medio escrito y mediante un mapa o croquis (Ver figura 10)