DISEO DE PUBLICIDADE A TRAVS DE UN SITIO WEB

HIPOTESIS.

Sera posible que una sitio web pueda proporcionar informacin de una empresa, ayude a hacer publicidad y mejore sus ventas?

JUSTIFICACIN.

Hacer que nuestro sitio web pueda llegar a los clientes y as hacerle publicidad a la empresa, colocando a esta en la mente de las personas.La pagina web dar a conocer a las personas los productos que la empresa maneja y as el publico los conozca, vea precios, colores, etc.

OBJETIVO GENERAL.

Realizar un sitio web, la cual ayudara a mejorar las ventas de la empresa, mostrando un catalogo virtual en el cual se muestren los productos que la empresa dar a conocer a las personas, ya que en este tiempo todos tienen acceso a internet.

OBJETIVOS ESPECIFICOS.

Desarrollar conocimientos y habilidades en el sector de la publicidad durante el proyecto. Desarrollar conocimientos de los productos que maneja la empresa durante el proyecto. Desarrollar habilidades y aptitudes en el diseo de sitios web durante el proyecto.

INDICE

CAPITULO I GENERALIDADES

1.1 Antecedentes histricos.1.2 Tipos de programacin web.

CAPITULO II MARCO TERICO.

2.1Problemtica.2.2Internet2.3Sitios WebCAPITULO III - PUBLICIDAD3.1OBJETIVOS3.2PRINCIPIOS3.3TERMINOLOGIA3.4ESTRATEGIAS3.5MEDIOS DE COMUNICACIN3.6MEDIOS PUBLICITARIOS3.7AGENCIAS DE PUBLICIDAD3.8EFICIENCIA DE LA PUBLICIDAD

CAPITULO IV PAGINA WEB4.1ESTANDARES4.2TECNOLOGIAS WEB4.3DISEO WEB APLICADO4.4HISTORIA DEL DISEO WEB

CAPITULO V DESARROLLO DE LA PAGINA WEB

CAPITULO I GENERALIDADES.

1.1 Evolucin de la publicidad.

Al igual que la definicin, varios expertos en la rama de la publicidad difieren sobre los inicios de la publicidad, ya que hay autores que sealan las pinturas rupestres en la era prehistrica como un antecedente de publicidad, y para otros, la publicidad no tiene historia, sino que es consecuencia de la actual sociedad de consumo.Es necesario mencionar algunos datos histricos, ya que como en el libro Keppler Publicidad de los autores J. Thomas Russell y W. Ronald LaneOtto Kleppner mencionan: La necesidad de hacer publicidad parece ser parte de la naturaleza humana, y esto se ha evidenciado desde los tiempos antiguos. De los 5 mil aos registrados de historia de la publicidad, hasta la poca actual de la televisin por satlite, la parte ms significativa comenz cuando Estados Unidos surgi como una gran nacin industrial hace casi 100 aos. No obstante, la historia inicial de la publicidad es demasiado fascinante como para ignorarla.La mayora de expertos han encontrado evidencia del uso de la publicidad desde pocas muy remotas. Las inscripciones en tablas, paredes y papiros de la antigua Babilonia, Egipto y Grecia contenan listas de los productos disponibles y se consideran los primeros anuncios publicitarios, casi todos los mensajes eran transmitidos por personas que se paraban en las esquinas anunciando las mercancas. "No es sorprendente que el pueblo que le dio al mundo la Torre de Babel dejara tambin el primer testimonio conocido sobre la publicidad. Se ha descubierto una tablilla de barro Babilonia, que data aproximadamente del ao 3000 a. de C. con inscripciones para un comerciante de ungentos, un escribano y un zapatero. Algunos papiros exhumados de las ruinas de Tebas muestran que los egipcios antiguos tenan mejor medio para escribir sus mensajes.Los griegos contaban con pregonero que anunciaban la llegada de los barcos con cargamento de vino, especias y metales. Los pregoneros despus se convirtieron en el medio ms comn de anuncios pblicos en muchos pases europeos.A partir de la invencin de la imprenta, se llev a la sociedad a un nuevo nivel de comunicacin, los primeros anuncios incluyeron carteles, letreros y despus con la aparicin del peridico se logr que los medios impresos llegaran a un mayor nmero de personas, lo que provoc que los comerciantes comenzaran a anunciarse. Cada vez se hizo ms importante la industria publicitaria como resultado del desarrollo surgido en la Revolucin Industrial. La produccin en masa y de calidad, as como la competencia creciente, obligaron a los productores a mejorar sus productos y a anunciar dichas mejoras, as aparecieron las primeras agencias publicitarias aproximadamente en 1840 -1845.Dorothy Cohen, en su libro Publicidad Comercial, hace un breve resumen:El progreso ms importante de la historia moderna de la publicidad, fue el invento de los tipos mviles de imprenta en el siglo XV, que se tradujo al principio en la publicacin econmica de volantes, y ms tarde en la impresin de peridicos que contenan anuncios. La publicidad en la prensa dio pie, a su vez, a que apareciese el vendedor de espacio en los peridicos durante el decenio de 1840, y sus servicios se ampliaron y perfeccionaron posteriormente hasta constituir la agencia publicitaria de nuestros das.Al terminar la Guerra Civil, se produjo una gran expansin comercial e industrial y el recrudecimiento de la competencia origin el crecimiento y el desarrollo de la publicidad de marcas. Las revistas se haban convertido en un medio anunciador a fines del siglo XIX, y el invento de la bicicleta, con la promocin competitiva de este producto, imprimi un mpetu ms poderoso a la publicidad.Aunque sta disminuy considerablemente durante la Primera Guerra Mundial, al terminar se renov el inters por la publicidad y ste aument despus de la Segunda Guerra Mundial.La mayora de los autores mencionan a Estados Unidos, como impulsor de la sociedad del consumo y por lo tanto de la publicidad actual. El siglo XX fue testigo de una revolucin en la publicidad en este pas, "Earnest Elmo Calkins de la agencia Bates cre un estilo de publicidad que ms bien pareca arte, y adems le imprimi esttica al medio de las revistas. Los anuncios de Calkens no slo atraan a quienes los vean sino que tambin incrementaron la imagen de los anunciantes. Su trabajo represent la primer incursin en publicidad mediante imgenes".Despus de Estados Unidos, la mayora de los pases tomaron el ejemplo de fomentar el consumo y la publicidad tom mayor importancia en todo el mundo.Actualmente la publicidad se ha convertido en todo un arte para los anunciantes, las agencias publicitarias han cobrado mayor auge, y se buscan cada vez nuevos medios donde anunciarse, por lo tanto, podemos decir que la historia de la publicidad no ha terminado, sino que se seguir escribiendo a la par del progreso.

1.1.1 Evolucin de la webDavid Siegel, en su libro Creating Killer Web Sites: The Art of Third-Generation Site Design, estableci tres generaciones de sitios web. Sin embargo desde 1996, fecha en la que estableci su clasificacin, ha evolucionado la tecnologa empleada en la Web, por lo que se puede aadir una generacin ms a su clasificacin. Actualmente las cuatro generaciones conviven, aunque ya casi nadie crea sitios web que se clasifiquen en las dos primeras generaciones.La primera generacinLa primera generacin abarca desde el nacimiento de la Web (1992) hasta mediados de 1994. La creacin de pginas web durante esta generacin se ve limitada por diversas razones tecnolgicas: ancho de banda limitado (mdems de 2.4 Kbps), navegadores poco desarrollados, monitores monocromos, etc.Las caractersticas principales de estas pginas son: Tiempo de carga rpido: son pginas basadas en texto, con muy pocas imgenes y ningn recurso multimedia. Navegacin poco estructurada, con falta de coherencia. Pginas largas, que parece que nunca se acaban. La informacin no se suele organizar en varias pginas, ya que as se reduce el nmero de transferencias. Texto escrito como si fuera una hoja de papel: de lado a lado de la pgina y desde el principio hasta el final. Empleo de saltos de lnea como separadores. Empleo de lneas horizontales para separar secciones en una misma pgina. Empleo de listas para organizar la informacin. Poco uso de los enlaces entre pginas de un mismo sitio web. Como las pginas son muy largas, se emplean muchos enlaces intradocumentales. Listas interminables de enlaces a otros sitios web. Se pueden visualizar correctamente casi en cualquier navegador (incluso los navegadores no grficos), pero son aburridas y poco legibles. Las pginas web poseen un contenido educativo o cientfico. Pocas empresas poseen un sitio web.En definitiva, durante este primer periodo, se emplea la Web como si fuera uno de los medios de comunicacin tradicionales (libros, revistas, etc.). An no se sabe como aprovechar todas las posibilidades que ofrece la Web.Respecto a la generacin de las pginas, no existe generacin: las pginas son estticas. A finales de este primer periodo aparece la tecnologa Common Gateway Interface (CGI), que permite la generacin dinmica de pginas web.La segunda generacinLa segunda generacin se extiende desde 1995 hasta la actualidad. La diferencia principal con las pginas web de la generacin anterior es la masiva incorporacin de elementos grficos en las pginas web:Los iconos sustituyen a las palabras.El color de fondo se sustituye por una imagen de fondo.Los banners sustituyen a los encabezados de las pginas.Las listas normales se sustituyen por listas con topos (bullets) grficos.Sus caractersticas principales son: Tiempo de carga lento: se emplean imgenes con multitud de colores y animaciones en exceso, debido a la novedad de su uso. No se comprueba el rendimiento de las pginas con conexiones lentas: no se tiene en cuenta al usuario final. El color de fondo de las pginas deja de ser el blanco o el gris. Incluso, se emplean imgenes como fondo de las pginas. Empleo de tablas, aunque no con el propsito de situar el contenido (tablas invisibles), sino para mostrar datos tabulados. Las pginas todava poseen una estructura de arriba a abajo. La navegacin suele ser jerrquica, a partir de una pgina principal. Sin embargo, no existe una filosofa de planificacin de la navegacin. Aparecen tecnologas multimedia propietarias, que necesitan la instalacin de un plug-in para su visualizacin. Prima el uso de tecnologas (imgenes y sonidos), aunque luego el pblico no pueda visualizar correctamente las pginas.En definitiva, las pginas web de esta generacin se caracterizan porque prima el uso de la tecnologa, sin tener en cuenta el propsito del sitio web. Adems, no se tiene en cuenta la legibilidad o claridad de la presentacin de la informacin.Respecto a la generacin de las pginas, la mayora siguen siendo estticas, aunque cada vez se emplea ms la tecnologa CGI. El uso de esta tecnologa abre un abanico de posibilidades enorme: la creacin de aplicaciones web que acceden a bases de datos. Las primeras aplicaciones que se desarrollan son pequeas y sencillas: libro de visitas, formulario de ms informacin, etc. Si se necesita almacenar informacin de forma persistente, se emplean ficheros en vez de bases de datos.

La tercera generacinLa tercera generacin aparece a mediados de 1996. Las pginas pertenecientes a esta generacin son las ms comunes en la actualidad. Se caracterizan por: Tiempo de carga rpido: los creadores de las pginas se centran en el contenido y no en la presentacin. Se minimiza el tiempo de carga mediante un uso minimalista de los recursos grficos, el uso de Cascading Style Sheets (CSS) y la optimizacin del cdigo HTML. El rendimiento de las pginas se verifica empleando conexiones a distintas velocidades. Las pginas se limitan para que se puedan visualizar completamente en una pantalla, sin tener que realizar desplazamiento (scroll). Los sitios web se crean teniendo en cuenta los posibles usuarios y el objetivo del sitio (informar, vender, ofrecer servicios, etc.). Se limita el nmero de enlaces, se simplifica la navegacin. Se organiza la informacin a partir de una pgina inicial hasta una pgina final, ofreciendo distintos caminos. Se tienen en cuenta principios tipogrficos y de organizacin visual de la informacin. Se emplean metforas y temas visuales para seducir y guiar al usuario, creando una experiencia completa desde la primera pgina hasta la ltima. Se incorporan los principios de usabilidad y accesibilidad. Se comprueba con usuarios reales el funcionamiento de los sitios web. En los sitios web de las empresas cobra importancia la creacin de una identidad corporativa. Se emplean de forma coherente los colores, las imgenes, los smbolos e iconos, los tipos de letra, etc.La caracterstica principal de las pginas web pertenecientes a la tercera generacin es la planificacin: los diseadores invierten tiempo en analizar los posibles caminos que los visitantes tomarn al visitar un sitio web, y en funcin de ello disean los sitios web. La estructura del sitio web cobra una gran importancia.Durante este periodo tiene lugar una explosin en el nmero de herramientas informticas relacionadas con la Web.En cuanto a la generacin de las pginas, este periodo supone la consolidacin de la generacin de pginas web dinmicas. El uso de CGI est muy extendido, pero debido a sus limitaciones aparecen nuevas tecnologas. Las primeras soluciones relevantes provienen de Microsoft, primero con Internet Database Connector (IDC) y luego con Active Server Pages (ASP), que supone una verdadera revolucin en la creacin de pginas web dinmicas. A partir de ah aparecen nuevas tecnologas ColdFusion, PHP o Java Server Pages (JSP) basada en Java.

La cuarta generacinLa cuarta y ltima generacin empieza a desarrollarse plenamente en 1999 y discurre hasta la actualidad. Sus caractersticas principales son: Se vuelven a emplear en exceso los recursos grficos. En muchos casos se intenta aprovechar hasta el ltimo pixel de la pgina para presentar informacin. HTML evoluciona: se extiende el uso de tecnologas poco empleadas hasta ese momento, como CSS, y aparecen nuevas tecnologas, como Dynamic HTML (DHTML). Estas tecnologas permiten un mayor control sobre la visualizacin de las pginas web, pero a costa de incompatibilidades entre distintos navegadores. Uso de nuevas tecnologas multimedia (como Macromedia Flash19): se puede crear un sitio web sin tener que emplear HTML. Los principios empleados en la creacin de CD-ROM interactivos se aplican en la creacin de pginas web. Un equipo interdisciplinar (informtico, experto en contenidos, diseador grfico, etc.) desarrolla los sitios web. El aumento del ancho de banda permite streaming de video y audio en tiempo real. El objetivo al desarrollar un sitio web es crear una experiencia completa desde que el visitante visualiza la primera pgina hasta que abandona el sitio web.Respecto a la generacin de pginas web dinmicas supone la consolidacin de las tecnologas de generacin dinmica. La mayora de las pginas web pertenecientes a esta generacin se crean a partir de informacin almacenada en bases de datos.

1.2 Tipos de programacin web.

El nacimiento de HTML va ligado al de la WWW. Los orgenes de ambos se sitan en 1991, en los trabajos que llevaba a cabo Tim Berners-Lee y sus compaeros en el CERN en Suiza. Uno de los primeros artculos en los que muestran sus ideas es World-Wide Web: The Information Universe. En este artculo detallan un sistema que permita realizar el sueo de interconectar todo el conocimiento de la humanidad y facilitar su acceso a todo el mundo gracias al empleo de los ordenadores. Para lograrlo, hacen uso de tecnologas como el hipertexto o la hipermedia, tecnologas que ya existan desde haca varios aos (en contra de lo que la gente cree, estas tecnologas no fueron inventadas por ellos).Entre las distintas partes que componen el sistema que proponen, se incluye una sintaxis en el estilo de SGML para proporcionar formato a los documentos. A partir de ah nace HTML como un lenguaje para el intercambio de documentos cientficos y tcnicos. HTML evita la complejidad de SGML al definir un pequeo conjunto de etiquetas que simplifican la estructura de los documentos y las reglas no son tan estrictas como en SGML.En octubre de 1994, Tim Berners-Lee, funda el W3C en el Massachusetts Institute of Technology, Laboratory for Computer Science [MIT/LCS] en colaboracin con el CERN, y con el apoyo de Defense Advanced Research Projects Agency (DARPA) y de la Comisin Europea. En abril de 1995, el INRIA se convierte en el primer host europeo de W3C.El objetivo principal del W3C es encabezar el desarrollo de la WWW, mediante la elaboracin de protocolos que aseguren su estandarizacin. Hoy en da, W3C lidera el desarrollo de distintas tecnologas, como HTML, HTTP, Extensible Markup Language (XML), Portable Network Graphics (PNG), etc. En el Cuadro 1.1 mostramos las distintas versiones de HTML que se han estandarizado desde 1995.

Cuadro 1.1

En enero de 2000 aparece Extensible Hyper Text Markup Language (XHTML) 1.0, el futuro sustituto de HTML. Como dice el propio estndar, se trata de una reformulacin de HTML en XML 1.0 XHTML es el lenguaje HTML escrito segn las normas que impone XML. Por tanto, es una aplicacin concreta de XML y no deben confundirse entre s. Las principales diferencias entre HTML y XHTML 1.0 son: Las etiquetas y atributos tienen que escribirse en minsculas. Los valores de los atributos tienen que ir entre comillas. No se admiten atributos sin valor. Todas las etiquetas tienen que aparecer por parejas (inicio y fin) o como etiquetas vacas.

1.2.1 HTMLHTML, siglas deHyperText Markup Language(lenguaje de marcado hipertextual), hace referencia allenguaje de marcadopara la elaboracin depginas web. Es un estndar que, en sus diferentes versiones, define una estructura bsica y un cdigo (denominado cdigo HTML) para la definicin de contenido de una pgina web, como texto, imgenes, etc. Es un estndar a cargo de laW3C, organizacin dedicada a la estandarizacin de casi todas las tecnologas ligadas a la web, sobre todo en lo referente a su escritura e interpretacin.El lenguaje HTML basa su filosofa de desarrollo en la referenciacin. Para aadir un elemento externo a la pgina (imagen, vdeo, script, etc.), este no se incrusta directamente en el cdigo de la pgina, sino que se hace una referencia a la ubicacin de dicho elemento mediante texto. De este modo, la pgina web contiene slo texto mientras que recae en el navegador web (interpretador del cdigo) la tarea de unir todos los elementos y visualizar la pgina final. Al ser un estndar, HTML busca ser un lenguaje que permita que cualquier pgina web escrita en una determinada versin, pueda ser interpretada de la misma forma (estndar) por cualquier navegadores web actualizado.Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido caractersticas, con el fin de hacerlo ms eficiente y facilitar el desarrollo de pginas web compatibles con distintos navegadores y plataformas (PC de escritorio, porttiles, telfonos inteligentes, tablets, etc.). Sin embargo, para interpretar correctamente una nueva versin de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar la nueva versin del navegador con los cambios incorporados. Usualmente los cambios son aplicados mediante parches de actualizacin automtica (Firefox, Chrome) u ofreciendo una nueva versin del navegador con todos los cambios incorporados, en un sitio web de descarga oficial (Internet Explorer). Un navegador no actualizado no ser capaz de interpretar correctamente una pgina web escrita en una versin de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los desarrolladores a aplicar tcnicas y cambios que permitan corregir problemas de visualizacin e incluso de interpretacin de cdigo HTML. As mismo, las pginas escritas en una versin anterior de HTML deberan ser actualizadas o reescritas, lo que no siempre se cumple. Es por ello que ciertos navegadores an mantienen la capacidad de interpretar pginas web de versiones HTML anteriores. Por estas razones, an existen diferencias entre distintos navegadores y versiones al interpretar una misma pgina web.El lenguaje HTML puede ser creado y editado con cualquiereditor de textosbsico, como puede serGeditenLinux, elBloc de notasde Windows, o cualquier otro editor que admita texto sin formato como Emacs,Microsoft Wordpad,TextPad,Vim,Notepad++, entre otros.Existen, adems, otros editores para la realizacin de sitios web con caractersticasWYSIWYG(What You See Is What You Get, o en espaol: lo que ves es lo que obtienes). Estos editores permiten ver el resultado de lo que se est editando en tiempo real, a medida que se va desarrollando el documento. Ahora bien, esto no significa una manera distinta de realizar sitios web, sino que una forma un tanto ms simple, ya que estos programas, adems de tener la opcin de trabajar con la vista preliminar, tiene su propia seccin HTML, la cual va generando todo el cdigo a medida que se va trabajando. Algunos ejemplos de editores WYSIWYG sonKompoZer,Microsoft FrontPageoAdobe Dreamweaver.Combinar estos dos mtodos resulta muy interesante, ya que de alguna manera se ayudan entre s. Por ejemplo, si se edita todo en HTML y de pronto se olvida algn cdigo o etiqueta, simplemente me dirijo al editor visual o WYSIWYG y se contina ah la edicin o viceversa, ya que hay casos en que resulta ms rpido y fcil escribir directamente el cdigo de alguna caracterstica que el usuario desea adherir al sitio que buscar la opcin en el programa mismo.Existe otro tipo de editores HTML llamadosWYSIWYMque dan ms importancia al contenido y al significado que a la apariencia visual. Entre los objetivos que tienen estos editores es la separacin del contenido y la presentacin, fundamental en el diseo web.HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en sunavegadorel texto, as como tambin las imgenes y los dems elementos, en la pantalla del ordenador.Toda etiqueta se identifica porque est encerrada entre los signos menor que y mayor que (), y algunas tienen atributos que pueden tomar algn valor. En general las etiquetas se aplicarn de dos formas especiales: Se abren y se cierran, como por ejemplo: negrita, que se vera en sunavegador webcomonegrita. No pueden abrirse y cerrarse, como , que se vera en sunavegador webcomo una lnea horizontal. Otras que pueden abrirse y cerrarse, como por ejemplo . Las etiquetas bsicas o mnimas son:

1.2.2 XHTMLXHTML, Siglas del ingls eXtensible HyperText Markup Language. XHTML es bsicamente HTML expresado como XML vlido. Es ms estricto a nivel tcnico, pero esto permite que posteriormente sea ms fcil al hacer cambios o buscar errores entre otros. En su versin 1.0, XHTML es solamente la versinXMLde HTML, por lo que tiene, bsicamente, las mismas funcionalidades, pero cumple las especificaciones, ms estrictas, de XML. Su objetivo es avanzar en el proyecto delWorld Wide Web Consortiumde lograr una web semntica, donde la informacin, y la forma de presentarla estn claramente separadas. La versin 1.1 es similar, pero parte a la especificacin en mdulos. En sucesivas versiones la W3C planea romper con los tags clsicos trados de HTML.

Las principales ventajas del XHTML sobre el HTML son: Se pueden incorporar elementos de distintosespacios de nombresXML(comoMathMLyScalable Vector Graphics). Un navegador no necesita implementarheursticaspara detectar qu quiso poner el autor, por lo que el parserpuede ser mucho ms sencillo. Como es XML se pueden utilizar fcilmente herramientas creadas para procesamiento de documentos XML genricos (editores, XSLT, etc.).

El estndar XHTML indica en un apndice informativo una manera de escribir XHTML de modo tal que los navegadores actuales que slo entienden HTML, lo procesen como si fuera ste. Para esto se deber crear un documento con algunas restricciones y consideraciones, y servirlo con el content-type text/html, en vez del correcto para XHTML.Algunas de las reglas propuestas para que XHTML parezca HTML son: No usar instrucciones de proceso. Los elementos vacos (como
) debern escribirse
, es decir en forma abreviada y con un espacio antes de /. No se debe utilizar la forma abreviada para elementos no vacos que no tengan contenido, es decir: no se debe escribir .Para algunos autores, la inclusin de este apndice en el estndar fue un error y consideran que es un error usar XHTML de esta manera.La siguiente lista muestra algunas reglas de XHTML 1.0 que lo diferencian deHTML4.01. Muchas de estas diferencias vienen con el cambio de ser una aplicacinSGMLa ser una aplicacin del ms estrictoXML:Los elementos vacos deben cerrarse siempre: Incorrecto:
Correcto:
o
o
Nota: Cualquiera de las tres formas es vlida en XHTML. Para compatibilidad segn el "Apndice C" debe usarse
.Los elementos no vacos tambin deben cerrarse siempre: Incorrecto:Primer prrafoSegundo prrafo Correcto:Primer prrafoSegundo prrafoLos elementos anidados deben tener un correcto orden de apertura/cierre (el que se abre ltimo, debe cerrarse primero). Incorrecto:Texto Correcto:TextoLos valores de los atributos deben siempre ir encerrados entre comillas (simples o dobles). Incorrecto: Correcto: Correcto:

Los nombres de elementos y atributos deben ir en minsculas. Incorrecto:Domname Correcto:DomnameNo est permitida la minimizacin de atributos (se usa el nombre del atributo como valor). Incorrecto:Solo-lectura Correcto:Solo-lecturaLos atributos desaprobados en HTML 4.01 no forman parte de XHTML. Incorrecto:Blue text Correcto:Blue text

1.2.3 JAVASCRIPTS

JavaScriptes unlenguaje de programacin interpretado, dialecto del estndarECMAScript. Se define comoorientado a objetos, basado en prototipos,imperativo, dbilmente tipado y dinmico.Se utiliza principalmente en su forma dellado del cliente (client-side), implementado como parte de unnavegador webpermitiendo mejoras en lainterfaz de usuarioypginas webdinmicasaunque existe una forma de JavaScript dellado del servidor(Server-side JavaScriptoSSJS). Su uso enaplicacionesexternas a laweb, por ejemplo en documentosPDF, aplicaciones de escritorio (mayoritariamentewidgets) es tambin significativo.JavaScript se dise con una sintaxis similar alC, aunque adopta nombres y convenciones dellenguaje de programacin Java. Sin embargoJavay JavaScript no estn relacionados y tienen semnticas y propsitos diferentes.Todos los navegadores modernos interpretan el cdigo JavaScript integrado en las pginas web. Para interactuar con una pgina web se provee al lenguaje JavaScript de una implementacin delDocument Object Model(DOM).Tradicionalmente se vena utilizando en pginas webHTMLpara realizar operaciones y nicamente en el marco de laaplicacin cliente, sin acceso a funciones delservidor. JavaScript se interpreta en elagente de usuario, al mismo tiempo que las sentencias van descargndose junto con el cdigoHTML.Una cuarta edicin est en desarrollo e incluir nuevas caractersticas tales como paquetes, espacio de nombres y definicin explcita de clases.JavaScript soporta gran parte de laestructura de programacindeC(por ejemplo, sentenciasif, buclesfor, sentenciasswitch, etc.). Con un salvedad, en parte: en C, elmbitode las variables alcanza al bloque en el cual fueron definidas; sin embargo en JavaScript esto no es soportado, puesto que el mbito de las variables es el de la funcin en la cual fueron declaradas. Esto cambia con la versin de JavaScript 1.7, ya que soporta block scoping por medio de la palabra clavelet. Como en C, JavaScript hace distincin entre expresionesy sentencias. Una diferencia sintctica con respecto a C es la insercin automtica de punto y coma, es decir, en JavaScript los puntos y coma que finalizan una sentencia pueden ser omitidos.

Dinmico

Tipado dinmicoComo en la mayora delenguajes de scripting, eltipoest asociado al valor, no a la variable. Por ejemplo, una variablexen un momento dado puede estar ligada a un nmero y ms adelante, religada a unacadena. JavaScript soporta varias formas de comprobar el tipo de un objeto, incluyendoduck typing.Una forma de saberlo es por medio de la palabra clave typeof.

ObjetualJavaScript est formado casi en su totalidad porobjetos. Los objetos en JavaScript sonarrays asociativos, mejorados con la inclusin de prototipos (ver ms adelante). Los nombres de las propiedades de los objetos son claves de tipo cadena:obj.x=10yobj['x']=10son equivalentes, siendo la notacin con puntoazcar sintctico. Las propiedades y sus valores pueden ser creados, cambiados o eliminados en tiempo de ejecucin. La mayora de propiedades de un objeto (y aquellas que son incluidas por la cadena de la herencia prototpica) pueden ser enumeradas a por medio de la instruccin de buclefor... in. JavaScript tiene un pequeo nmero de objetos predefinidos como sonFunctionyDate.

Evaluacin en tiempo de ejecucinJavaScript incluye la funcinevalque permite evaluar expresiones como expresadas como cadenas en tiempo de ejecucin. Por ello se recomienda que eval sea utilizado con precaucin y que se opte por utilizar la funcinJSON.parse()en la medida de lo posible, pues resulta mucho ms segura.

Funcional

Funciones de primera claseA lasfuncionesse les suele llamar ciudadanos de primera clase; son objetos en s mismos. Como tal, poseen propiedades y mtodos, como.call()y.bind(). Una funcin anidada es una funcin definida dentro de otra. Esta es creada cada vez que la funcin externa es invocada. Adems, cada funcin creada forma unaclausura; es el resultado de evaluar un mbito conteniendo en una o ms variables dependientes de otro mbito externo, incluyendo constantes, variables locales y argumentos de la funcin externa llamante. El resultado de la evaluacin de dicha clausura forma parte del estado interno de cada objeto funcin, incluso despus de que la funcin exterior concluya su evaluacin.

Prototpico

PrototiposJavaScript usaprototiposen vez declasespara el uso deherencia.Es posible llegar a emular muchas de las caractersticas que proporcionan las clases en lenguajes orientados a objetos tradicionales por medio de prototipos en JavaScript.

Funciones como constructores de objetosLas funciones tambin se comportan como constructores. Prefijar una llamada a la funcin con la palabra clavenewcrear una nueva instancia de un prototipo, que heredan propiedades y mtodos del constructor (incluidas las propiedades del prototipo deObject).ECMAScript 5 ofrece el mtodoObject.create, permitiendo la creacin explcita de una instancia sin tener que heredar automticamente del prototipo de Object (en entornos antiguos puede aparecer el prototipo del objeto creado comonull).La propiedadprototypedel constructor determina el objeto usado para el prototipo interno de los nuevos objetos creados. Se pueden aadir nuevos mtodos modificando el prototipo del objeto usado como constructor. Constructores predefinidos en JavaScript, comoArrayuObject, tambin tienen prototipos que pueden ser modificados. Aunque esto sea posible se considera una mala prctica modificar el prototipo de Object ya que la mayora de los objetos en Javascript heredan los mtodos y propiedades del objeto prototype, objetos los cuales pueden esperar que estos no hayan sido modificados.

Otras caractersticas

Entorno de ejecucinJavaScript normalmente depende del entorno en el que se ejecute (por ejemplo, en unnavegador web) para ofrecer objetos y mtodos por los que los scripts pueden interactuar con el "mundo exterior". De hecho, depende del entorno para ser capaz de proporcionar la capacidad de incluir o importar scripts (por ejemplo, enHTMLpor medio del tag). (Esto no es una caracterstica del lenguaje per se, pero es comn en la mayora de las implementaciones de JavaScript.)

Funciones varidicasUn nmero indefinido de parmetros pueden ser pasados a la funcin. La funcin puede acceder a ellos a travs de los parmetros o tambin a travs del objeto localarguments. Lasfunciones varidicastambin pueden ser creadas usando el mtodo.apply().

Funciones como mtodosA diferencia de muchos lenguajes orientados a objetos, no hay distincin entre la definicin de funcin y la definicin demtodo. Ms bien, la distincin se produce durante la llamada a la funcin; una funcin puede ser llamada como un mtodo. Cuando una funcin es llamada como un mtodo de un objeto, la palabra clavethis, que es una variable local a la funcin, representa al objeto que invoc dicha funcin.

Arrays y la definicin literal de objetosAl igual que muchos lenguajes de script, arrays y objetos (arrays asociativosen otros idiomas) pueden ser creados con una sintaxis abreviada. De hecho, estos literales forman la base del formato de datosJSON.

Expresiones regularesJavaScript tambin soportaexpresiones regularesde una manera similar aPerl, que proporcionan una sintaxis concisa y poderosa para la manipulacin de texto que es ms sofisticado que las funciones incorporadas a los objetos de tipo string.

Extensiones especficas del fabricanteJavaScript se encuentra oficialmente bajo la organizacin deMozilla Foundation, y nuevas caractersticas del lenguaje son aadidas peridicamente. Sin embargo, slo algunosmotores JavaScriptsoportan estas caractersticas: Las propiedades get y set (tambin soportadas por WebKit, Opera, ActionScript y Rhino). Clusulascatchcondicionales. Protocolo iterador adoptado dePython. Corrutinas tambin adoptadas de Python. Generacin de listas y expresiones por comprensin tambin adoptado de Python. Establecer el mbito a bloque a travs de la palabra clavelet. Desestructuracin de arrays y objetos (forma limita de emparejamiento de patrones). Expresiones concretas en funciones (function(args) expr). ECMAScript para XML(E4X), una extensin que aade soporte nativo XML a ECMAScript.

El uso en paginas web.El uso ms comn de JavaScript es escribir funciones embebidas o incluidas en pginas HTML y que interactan con el Document Object Model (DOM o Modelo de Objetos del Documento) de la pgina. Algunos ejemplos sencillos de este uso son: Cargar nuevo contenido para la pgina o enviar datos al servidor a travs de AJAX sin necesidad de recargar la pgina (por ejemplo, una red social puede permitir al usuario enviar actualizaciones de estado sin salir de la pgina). Animacin de los elementos de pgina, hacerlos desaparecer, cambiar su tamao, moverlos, etc. Contenido interactivo, por ejemplo, juegos y reproduccin de audio y vdeo. Validacin de los valores de entrada de un formulario web para asegurarse de que son aceptables antes de ser enviado al servidor. Transmisin de informacin sobre los hbitos de lectura de los usuarios y las actividades de navegacin a varios sitios web. Las pginas Web con frecuencia lo hacen para hacer anlisis web, seguimiento de anuncios, la personalizacin o para otros fines.Dado que el cdigo JavaScript puede ejecutarse localmente en el navegador del usuario (en lugar de en un servidor remoto), el navegador puede responder a las acciones del usuario con rapidez, haciendo una aplicacin ms sensible. Por otra parte, el cdigo JavaScript puede detectar acciones de los usuarios que HTML por s sola no puede, como pulsaciones de teclado. Las aplicaciones comoGmailse aprovechan de esto: la mayor parte de la lgica de la interfaz de usuario est escrita en JavaScript, enviando peticiones al servidor (por ejemplo, el contenido de un mensaje de correo electrnico). La tendencia cada vez mayor por el uso de la programacin Ajax explota de manera similar esta tcnica.Un motor de JavaScript (tambin conocido como intrprete de JavaScript o implementacin JavaScript) es un intrprete que interpreta el cdigo fuente de JavaScript y ejecuta la secuencia de comandos en consecuencia. El primer motor de JavaScript fue creado por Brendan Eich en Netscape Communications Corporation, para el navegador web Netscape Navigator. El motor, denominado SpiderMonkey, est implementado en C. Desde entonces, ha sido actualizado (en JavaScript 1.5) para cumplir con el ECMA-262 edicin 3. El motor Rhino, creado principalmente por Norris Boyd (antes de Netscape, ahora en Google) es una implementacin de JavaScript enJava. Rhino, como SpiderMonkey, es compatible con el ECMA-262 edicin 3.Un navegador web es, con mucho, el entorno de acogida ms comn para JavaScript. Los navegadores web suelen crear objetos no nativos, dependientes del entorno de ejecucin, para representar el Document Object Model (DOM) en JavaScript. El servidor web es otro entorno comn de servicios. Un servidor web JavaScript suele exponer sus propios objetos para representar objetos de peticin y respuesta HTTP, que un programa JavaScript podra entonces interrogar y manipular para generar dinmicamente pginas web.Debido a que JavaScript es el nico lenguaje por el que los ms populares navegadores comparten su apoyo, se ha convertido en un lenguaje al que muchos frameworks en otros lenguajes compilan, a pesar de que JavaScript no fue diseado para tales propsitos. A pesar de las limitaciones de rendimiento inherentes a su naturaleza dinmica, el aumento de la velocidad de los motores de JavaScript ha hecho de este lenguaje un entorno para la compilacin sorprendentemente factible.

1.2.4 PHPPHP es unacrnimo recursivoque significaPHP Hypertext Pre-processor(inicialmentePHP Tools, o,Personal Home Page Tools). Fue creado originalmente porRasmus Lerdorf; sin embargo la implementacin principal de PHP es producida ahora por The PHP Group y sirve como el estndar de facto para PHP al no haber una especificacin formal. Publicado bajo la PHP License, la Free Software Foundation considera esta licencia como software libre.Puede ser desplegado en la mayora de los servidores web y en casi todos los sistemas operativos y plataformas sin costo alguno. El lenguaje PHP se encuentra instalado en ms de 20 millones de sitios web y en un milln de servidores. El enorme nmero de sitios en PHP ha visto reducida su cantidad a favor de otros nuevos lenguajes no tan poderosos desde agosto de 2005. El sitio web de Wikipedia est desarrollado en PHP. Es tambin el mdulo Apache ms popular entre las computadoras que utilizan Apache como servidor web.El gran parecido que posee PHP con los lenguajes ms comunes deprogramacin estructurada, comoCyPerl, permiten a la mayora de losprogramadorescrear aplicaciones complejas con una curva de aprendizaje muy corta. Tambin les permite involucrarse con aplicaciones de contenido dinmico sin tener que aprender todo un nuevo grupo de funciones.Aunque todo en su diseo est orientado a facilitar la creacin de sitios webs, es posible crear aplicaciones con unainterfaz grfica para el usuario, utilizando la extensinPHP-QtoPHP-GTK. Tambin puede ser usado desde lalnea de comandos, de la misma manera comoPerloPythonpueden hacerlo; a esta versin de PHP se la llama PHP-CLI (Command Line Interface).Cuando el cliente hace una peticin al servidor para que le enve unapgina web, el servidor ejecuta elintrpretede PHP. ste procesa elscriptsolicitado que generar el contenido de manera dinmica (por ejemplo obteniendo informacin de una base de datos). El resultado es enviado por el intrprete al servidor, quien a su vez se lo enva al cliente.Mediante extensiones es tambin posible la generacin de archivosPDF,Flash, as como imgenes en diferentes formatos.Permite la conexin a diferentes tipos de servidores de bases de datos tales comoMySQL,PostgreSQL,Oracle,ODBC,DB2,Microsoft SQL Server,FirebirdySQLite.PHP tambin tiene la capacidad de ser ejecutado en la mayora de lossistemas operativos, tales comoUnix(y de ese tipo, comoLinuxoMac OS X) yMicrosoft Windows, y puede interactuar con losservidores de webms populares ya que existe en versinCGI, mdulo paraApache, eISAPI.PHP es una alternativa a las tecnologas deMicrosoftASPyASP.NET(que utilizaC#yVisual Basic .NETcomo lenguajes), aColdFusionde la empresaAdobe, aJSP/Javay aCGI/Perl. Aunque su creacin y desarrollo se da en el mbito de los sistemas libres, bajo la licenciaGNU, existe adems un entorno de desarrollo integrado comercial llamadoZend Studio.CodeGear(la divisin de lenguajes de programacin deBorland) ha sacado al mercado un entorno de desarrollo integrado para PHP, denominado 'Delphi for PHP. Tambin existen al menos un par de mdulos paraEclipse, uno de los entornos ms populares.

Caractersticas. Orientado al desarrollo deaplicaciones webdinmicas con acceso a informacin almacenada en unabase de datos. Es considerado un lenguaje fcil de aprender, ya que en su desarrollo se simplificaron distintas especificaciones, como es el caso de la definicin de las variables primitivas, ejemplo que se hace evidente en el uso dephp arrays. El cdigo fuente escrito en PHP es invisible alnavegador weby al cliente, ya que es el servidor el que se encarga de ejecutar el cdigo y enviar su resultado HTML al navegador. Esto hace que la programacin en PHP sea segura y confiable. Capacidad de conexin con la mayora de los motores de base de datos que se utilizan en la actualidad, destaca su conectividad conMySQLyPostgreSQL. Capacidad de expandir su potencial utilizando mdulos (llamadosext'so extensiones). Posee una amplia documentacin en su sitio web oficial, entre la cual se destaca que todas las funciones del sistema estn explicadas y ejemplificadas en un nico archivo de ayuda. Eslibre, por lo que se presenta como una alternativa de fcil acceso para todos. Permite aplicar tcnicas deprogramacin orientada a objetos. Incluso aplicaciones como Zend framework, empresa que desarrolla PHP, estn totalmente desarrolladas mediante esta metodologa. No requiere definicin de tipos de variables aunque sus variables se pueden evaluar tambin por el tipo que estn manejando en tiempo de ejecucin. Tiene manejo de excepciones (desde PHP5). Si bien PHP no obliga a quien lo usa a seguir una determinada metodologa a la hora de programar, an hacindolo, el programador puede aplicar en su trabajo cualquier tcnica de programacin o de desarrollo que le permita escribir cdigo ordenado, estructurado y manejable. Un ejemplo de esto son los desarrollos que en PHP se han hecho delpatrn de diseoModelo Vista Controlador(MVC), que permiten separar el tratamiento y acceso a los datos, lalgica de controly lainterfaz de usuarioen tres componentes independientes. Debido a su flexibilidad ha tenido una gran acogida como lenguaje base para las aplicaciones WEB de manejo de contenido, y es su uso principal.

Inconvenientes. Como es un lenguaje que se interpreta en ejecucin, para ciertos usos puede resultar un inconveniente que el cdigo fuente no pueda ser ocultado. Laofuscacines una tcnica que puede dificultar la lectura del cdigo pero no necesariamente impide que el cdigo sea examinado. Debido a que es un lenguaje interpretado, un script en PHP suele funcionar considerablemente ms lento que su equivalente en un lenguaje de bajo nivel, sin embargo este inconveniente se puede minimizar con tcnicas decachetanto en archivos como en memoria. Las variables al no ser tipificadas dificulta a los diferentes IDEs para ofrecer asistencias para el tipificado del cdigo, aunque esto no es realmente un inconveniente del lenguaje en s. Esto es solventado por Zend Studio aadiendo un comentario con el tipo a la declaracin de la variable.

CAPITULO II MARCO TEORICO.

2.1Problemtica

En la empresa distribuidora ROKA S.A. DE C.V. se observo una deficiencia en el sector de la publicidad, ya que esta no tiene un medio de comunicacin adecuado y otro medio de publicidad es bastante caro.

Es debido a que la empresa labora en varias ciudades como Crdoba, Orizaba y algunos pueblos de la cercana, es mucho pagar publicidad para cada uno de ellos.

Un factor importante es que, ahora todo el mundo cuenta con una conexin a internet y con el fcil acceso a las paginas web, esto ayuda a que un servicio de renta de host y una creacin de pagina web resulte mas barato y mas eficiente en el sector de la publicidad.

De aplicarse la pagina web, se tendra la ventaja de dar a conocer los productos que la empresa maneja, tener una relacin mas directa con un cliente y incluso tener algunas pre-ventas por internet.

2.2 Internet

Como base primordial para el entendimiento del tema a tratar es esencial conocer el concepto de Internet, debido a que es por donde se va a ver reflejado el trabajo realizado, el cual segn lvaro Ibez, Nacho Palou y Javier Pedreira (2005) definen: Es un conjunto de redes: redes de computadores y equipos fsicamente unidos que conectan puntos de todo el mundo. Estas conexiones se presentan en muchas formas, desde cables de red local (varias maquinas conectadas en una oficina)

En base a lo anterior definido, se puede describir a internet como un gran sistema conformado por computadores que se encuentran entrelazados con el fin de compartir informacin. Para que se establezca una comunicacin en Internet es necesario que existan dos puntos: uno es el computador personal desde el que se va a acceder y el otro es cualquiera de los servidores que hay en la Red y facilitan informacin.

Uno de los protocolos fundamentales de internet es el TCP/IP (Protocolo de control de transmisin/Protocolo de Internet), que es un protocolo de transmisin que asigna a cada maquina que se conecta un numero especifico llamado IP el cual acta a modo de numero telefnico. Se establece que el protocolo TCP/IP sirve para establecer una comunicacin entre dos puntos remotos mediante el envi de informacin en paquetes.

Sin embargo, es importante destacar que en la actualidad Internet se ha convertido como especie de una Red de redes sociales que utiliza a la tecnologa como herramienta para desarrollar sus procesos de informacin, de comunicacin, de intercambio, y de generacin de nuevos conocimientos.

2.2.2 Impacto de Internet en las organizaciones.

Internet se ha convertido en la plataforma ideal para las organizaciones. Al respecto se seala que se estima que en los prximos aos, el volumen de negocio en la red alcanzar cuotas importantes y que, tanto el comercio empresa-empresa como el empresa-particular movern mucho dinero a travs de la red. Crendose as formulas y modelos de negocio que se basan en el marketing personalizado, la fidelidad de clientes, la creacin de comunidades virtuales, los servicios sencillos y con alto componente tecnolgico y otras claves necesarias para una adecuada puesta en marcha de negocios en Internet.

Uno de los principales usos de Internet es el dar soporte al cliente en lnea (online). De esta forma, los clientes pueden solicitar informacin e incluso hablar con otros clientes y compartir sus propias experiencias y soluciones. Al aprovecharse Internet para dar soporte a clientes, una compaa puede proporcionar trato personalizado a los clientes, sin importar ni la zona horaria, ni donde estn, ni el coste de las llamadas telefnicas, adems de ahorrar tiempo en gestiones por telfono. Pero adems, en ventanas puede hacerse uso de Internet para contactar con clientes actuales y potenciales. Dado que la creacin y envi de un mensaje de correo electrnico es sencillo y rpido para un cliente, aumenta las posibilidades de que un cliente potencial vuelva a preguntar sobre algn producto que podra tener inters para el.

Una de las vertientes de Internet, es Intranet, se ha convertido en un concepto muy importante en las comunicaciones de las organizaciones. Muchas organizaciones estn empezando a cosechar beneficios de la implantacin de redes corporativas de tipo Intranet. El coreo electrnico por ejemplo, permite mantener comunicaciones independientes de la distancia y conseguir el intercambio de mensajes en cuestin de minutos. Con esto se consigue que las comunicaciones corporativas sean mucho mas eficientes y la mejora en la productividad eficiencia y efectividad se notan inmediatamente.

2.2.3 La Word Wide Web

Originalmente, la World Wide Web WWW fue desarrollada por Tim Berners Lee en 1990 en el Laboratorio Europeo de Fsica de Partculas, (CERN) para facilitar la comunicacin y formacin de los colaboradores, cientficos y estudiantes dispersos geogrficamente por todo el mundo y que participaban en sus proyectos. La WWW es un sistema de navegacin que homogeneiza la bsqueda y el acceso a todos los servicios de informacin universal. Esto se consigue aplicando los conceptos de hipertexto, mediante una bsqueda indexada apoyada en el empleo de una serie de diferentes protocolos de red.

Entre las caractersticas particulares de la WWW se puede destacar: La presentacin de la informacin se hace a travs de documentos especiales denominados hipertexto, que permiten utilizar de un modo muy sencillo los recursos disponibles y navegar de una forma muy intuitiva. Los documentos de hipertexto estn formados por una combinacin de textos e imgenes graficas incluyendo adems hiperenlaces (links). Los hiperenlaces son palabras o frases que contienen mas informacin al seleccionar una palabra marcada como hiperenlaces, se navega a otra pagina donde se presenta informacin adicional o relacionada con dicha palabra.

El uso de tcnicas multimedia, ya que un documento de hipertexto puede contener, textos, imgenes, videos y sonido. Los programas cliente que se usan para navegar por la WWW pueden acceder a gran parte de los servicios comentados en el punto anterior (FTP, E-mail, Chat, etc.) de manera que todos estos servicios se encuentran integraos al navegador.

Presentacin atractiva de la informacin, que puede venir acompaada de todo tipo de grficos explicativos y, en general, de cualquier elemento propio de los entornos grficos. Entre los beneficios del desarrollo de servidores WWW en las Administraciones Publicas cabe citar:

La reduccin de costos asociados con la elaboracin y publicacin de catlogos, revistas y boletines de informacin de difusin masiva.

La mejora de la calidad de la informacin al permitir una actualizacin permanente

El acercamiento de la Administracin al ciudadano a travs de un servicio universal de bajos costos.

El objetivo de los poderes pblicos con los ciudadanos, en su calidad de usuarios de los servicios de informacin que proporcionan, se ha de basar en el logro de dos objetivos bsicos:

Facilitar el conocimiento de la existencia, disponibilidad y medios de acceso a los productos de informacin elaborados a partir de los datos pblicos.

Promover polticas orientadas a asegurar que la informacin llegue al mayor numero posible de usuarios y en las condiciones mas favorables de tiempo y costo, contribuyendo de esta manera al crecimiento de la industria de la informacin electrnica.

2.3 Sitio Web

Unsitio webes una coleccin depginas de internetrelacionadas y comunes a undominio de Internetosubdominioen laWorld Wide WebenInternet.Una pgina web es un documentoHTML/XHTMLque es accesible generalmente mediante elprotocoloHTTPde Internet.Todos los sitios web pblicamente accesibles constituyen una gigantescaWorld Wide Webde informacin (un gigantesco entramado de recursos de alcance mundial).A las pginas de un sitio web se accede frecuentemente a travs de unURLraz comn llamadoportada, que normalmente reside en el mismo servidor fsico. Los URL organizan las pginas en una jerarqua, aunque loshiperenlacesentre ellas controlan ms particularmente cmo el lector percibe la estructura general y cmo eltrfico webfluye entre las diferentes partes de los sitios.Algunos sitios web requieren unasubscripcinpara acceder a algunos o todos sus contenidos. Ejemplos de sitios con subscripcin incluyen algunos sitios denoticias, sitios de juegos,foros, servicios decorreo electrnicobasados en web, sitios que proporcionan datos debolsa de valorese informacin econmica entiempo real, etc.Un sitio web es un gran espacio documental organizado que la mayora de las veces est tpicamente dedicado a algn tema particular o propsito especfico. Cualquier sitio web puede contener hiperenlaces a cualquier otro sitio web, de manera que la distincin entre sitios individuales, percibido por el usuario, puede ser a veces borrosa.No debemos confundir sitio web con pgina web; esta ltima es slo un archivo HTML, una unidad HTML, que forma parte de algn sitio web. Al ingresar una direccin web, como por ejemplo www.wikipedia.org, siempre se est haciendo referencia a un sitio web, el que tiene una pginaHTMLinicial, que es generalmente la primera que se visualiza. La bsqueda en Internet se realiza asociando elDNSingresado con ladireccin IPdel servidor que contiene el sitio web en el cual est la pgina HTML buscada.Los sitioswebestn escritos en cdigo HTML (Hyper Text Markup Language), o dinmicamente convertidos a ste, y se acceden aplicando unsoftwareconveniente llamado navegador web, tambin conocido como un clienteHTTP. Los sitios web pueden ser visualizados o accedidos desde un amplio abanico de dispositivos con conexin a Internet, comocomputadoraspersonales, porttiles,PDAs, ytelfonos mviles.Un sitio web estalojadoen una computadora conocida comoservidor web, tambin llamada servidor HTTP, y estos trminos tambin pueden referirse alsoftwareque se ejecuta en esta computadora y que recupera y entrega las pginas de un sitio web en respuesta a peticiones del usuario.Apachees el programa ms comnmente usado como servidor web (segn las estadsticas de Netcraft) y elInternet Information Services(IIS) deMicrosofttambin se usa con mucha frecuencia. Un sitio web esttico es uno que tiene contenido que no se espera que cambie frecuentemente y se mantiene manualmente por alguna persona o personas que usan algn tipo de programa editor. Hay dos amplias categoras de programas editores usados para este propsito que son: Editores de textocomoNotepad, donde el HTML se manipula directamente en el programa editor o EditoresWYSIWYGcomo por ejemploMicrosoft FrontPageyAdobe Dreamweaver, donde el sitio se edita usando una interfazGUIy el HTML subyacente se genera automticamente con el programa editor.

Un sitio web dinmico es uno que puede tener cambios frecuentes en lainformacin. Cuando el servidor web recibe una peticin para una determinada pgina de un sitio web, la pgina se genera automticamente por el software, como respuesta directa a la peticin de la pgina; Por lo tanto se puede dar as un amplio abanico de posibilidades, incluyendo por ejemplo: (a) Mostrar el estado actual de un dilogo entre usuarios, (b) Monitorizar una situacin cambiante, o proporcionar informacin personalizada de alguna manera a los requisitos del usuario individual, etc.Hay un amplio abanico de sistemas de software, como el lenguaje de programacinPHP,Active Server Pages(ASP), yJava Server Pages(JSP) que estn disponibles para generar sistemas de sitios web dinmicos. Los sitios dinmicos a menudo incluyen contenido que se recupera de una o msbases de datoso usando tecnologas basadas enXMLcomo por ejemplo elRSS.El contenido esttico puede tambin ser generado peridicamente de manera dinmica, o si ocurren ciertas y determinadas condiciones; con esta estrategia se evitar la prdida de rendimiento por causa de iniciar el motor dinmico para cada usuario o para cada conexin.Haypluginsdisponibles para navegadores, que se usan para mostrarcontenido activocomoFlash,Silverlight,Shockwaveoapplets, escritos enJava. ElHTML dinmicotambin proporciona interactividad para los usuarios, y el elemento de actualizacin en tiempo real entre pginas web (las pginas no tienen que cargarse o recargarse para efectuar cualquier cambio), principalmente usando elDOMyJavaScript, el soporte de los cuales est integrado en la mayora de navegadores web modernos.

ltimamente, dado el compromiso social de muchos gobiernos, se recomienda que los sitios web cumplan determinadas normas de accesibilidad, para que stos, puedan ser visitados y utilizados por el mayor nmero de personas posibles, independientemente de sus limitaciones fsicas o derivadas de su entorno. Laaccesibilidad webviene recogida en las Pautas de Accesibilidad al Contenido Web WCAG 1.0 delW3C.

2.3.1 Tipos de Sitios WebExisten muchas variedades de sitios web, cada uno especializndose en un tipo particular de contenido o uso, y ellos pueden ser arbitrariamente clasificados de muchas maneras. Unas pocas clasificaciones pueden incluir: Sitio archivo: usado para preservar contenido electrnico valioso amenazado con extincin. Dos ejemplos son:Internet Archive, el cual desde1996ha preservado billones de antiguas (y nuevas) pginas web; yGoogle Groups, que a principios de2005archivaba ms de 845.000.000 mensajes expuestos en los grupos de noticias/discusin deUsenet, tras su adquisicin de Deja News. Sitioweblog(oblogobitcora digital): sitio usado para registrar lecturas online o para exponer contenidos en lnea con la fecha del da de ingreso; tambin puede incluir foros de discusin. Ejemplos:Blogger,LiveJournal,WordPress. Sitio de empresa: usado para promocionar unaempresao servicio. Sitio decomercio electrnico: para comprar bienes, comoAmazon.com. Sitio decomunidad virtual: un sitio o portal social donde las personas con intereses similares se comunican unos con otros, normalmente porchato foros o simples mensajes. Por ejemplo:MySpace,Facebook,Hi5,Orkut,Habbo, Multiply, Quepasa. Sitio deBase de datos: un sitio donde el uso principal es la bsqueda y muestra de un contenido especfico de la base de datos, como por ejemploInternet Movie Database. Sitio de desarrollo: un sitio con el propsito de proporcionar informacin y recursos relacionados con eldesarrollo de software,diseo web, etc. Sitiodirectorio: un sitio que contiene contenidos variados que estn divididos en categoras y subcategoras, como el directorio deYahoo!, el directorio deGoogle, y elOpen Directory Project. Sitio dedescargas: estrictamente usado para descargar contenido electrnico, comosoftware, juegos ofondos de escritorio:Download,Tucows,Softonic, Baulsoft. Sitio dejuego: un sitio que es propiamente un juego o un patio de recreo donde mucha gente viene a jugar, comoMSNGames, Minijuegos.com, Pogo.com y losMMORPGsVidaJurasica,Planetarion,Kings of ChaosyRunescape. Sitio deinformacin: contiene contenido que pretende informar a los visitantes, pero no necesariamente de propsitos comerciales; tales como:Free Internet Lexicony Encyclopedia. La mayora de los gobiernos e instituciones educacionales y sin nimo de lucro tienen un sitio de informacin. Sitio denoticias: Similar a un sitio de informacin, pero dedicada a mostrar noticias y comentarios de la actualidad. Sitiopornogrfico: muestra imgenes y vdeos de contenido sexual explcito. Sitio de promocin web: usado para promocionar otras pginas webs por medio de publicacin de artculos de opinin. Sitiobuscador: un sitio que proporciona informacin general y est pensado como entrada o bsqueda para otros sitios. Un ejemplo puro esGoogle, y el tipo de buscador ms conocido esYahoo!. Sitioshock: incluyeimgenesu otro material que tiene la intencin de ser ofensivo a la mayora de visitantes. Sitio desubastas: subastas de artculos por internet, comoeBay. Sitiopersonal: Mantenido por una persona o un pequeo grupo (como por ejemplofamilia) que contiene informacin o cualquier contenido que la persona quiere incluir:Facebook, Fotolog. Sitioportal: un sitio web que proporciona un punto de inicio, entrada o portal, a otros recursos en Internet o una intranet. SitioWeb 1.0: un sitio web esttico. Un sitio donde el visitante slo puede recorrer sus pginas sin posibilidad de interactuar con ellas. SitioWeb 2.0: un sitio web interactivo. Un sitio donde el visitante puede hacer ms cosas que recorrer sus pginas, en concreto, extraer informacin en la forma y criterios que estime oportuno y conveniente. SitioWeb 3.0: un sitio web inteligente. Un sitio que reconoce al usuario y muestra una dinmica en funcin de sus gustos, preferencias, historial, el momento y el estado de nimo en que se encuentre. Slo est disponible en muy contadas redes privadas. ParaInternetan se est desarrollado pero se encuentra posiblemente en fases muy incipientes (fase de definicin). Los sistemas deinteligencia artificialy de interaccinhardwarelo hacen tecnolgicamente posible aunque nos encontramos todava lejos de su implementacin a gran escala. Creador de sitios: es bsicamente un sitio que permite crear otros sitios, utilizando herramientas de trabajo en lnea, como PageCreative. Sitio colaborativo oWiki: un sitio donde los usuarios editan colaborativamente, donde los propios visitantes son los responsables de mantener la aplicacin viva, usando tecnologas de ltima generacin:pikeo,flickr,Wikipedia. Sitiopoltico: un sitio web donde la gente puede manifestar su visin poltica. Ejemplo:New Confederacy. Sitio derating: un sitio donde la gente puede alabar o menospreciar lo que aparece. Sitioseducativos: promueven cursos presenciales y a distancia, informacin a profesores y estudiantes, permiten ver o descargar contenidos de asignaturas o temas. Sitiospam: sitio web sin contenidos de valor que ha sido creado exclusivamente para obtener beneficios y fines publicitarios, engaando o pretendiendo engaar a los motores de bsqueda.

Glosario

Applet: Es un componente de unaaplicacinque se ejecuta en el contexto de otro programa

ASP: Es una tecnologa deMicrosoftdel tipo "lado del servidor" para pginas webgeneradasdinmicamente

Banners: Es un formatopublicitarioenInternet.

CGI: Es una importante tecnologa de laWorld Wide Webque permite a un cliente (navegador web) solicitar datos de un programa ejecutado en unservidor web.

Chrome: Es unnavegador webdesarrollado porGoogle.

ColdFusion: Es unservidor de aplicacionesy unlenguaje de programacinusado para desarrollar aplicaciones deInternet, generalmente sitios web generadosdinmicamente.

CSS: Hacen referencia a un lenguaje de hojas de estilos usado para describir la presentacin semntica (el aspecto y formato) de un documento escrito en lenguaje de marcas.

DHTML: designa el conjunto de tcnicas que permiten crearsitios webinteractivos utilizando una combinacin delenguaje HTML esttico, un lenguaje interpretado en el lado del cliente (comoJavaScript), el lenguaje dehojas de estilo en cascada(CSS) y la jerarqua de objetos de unDocument Object Model(DOM).

DOM: es una interfaz de programacin de aplicaciones para acceder, aadir y cambiar dinmicamente contenido estructurado en documentos con lenguajes como JavaScript

Dreamweaver: Aplicacin que sirve para la creacin y edicin de sitios web y aplicaciones web.

EMACS: Es un editor de texto.

Frameworks: Un conjunto estandarizado de conceptos, prcticas y criterios para enfocar un tipo de problemtica particular que sirve como referencia, para enfrentar y resolver nuevos problemas de ndole similar.

Firefox: Es un navegador web libre y de cdigo abierto.

GNU: sistema operativo libre en desarrollo, compatible con Unix

GUI: es unprograma informtico que acta deinterfaz de usuario, utilizando un conjunto de imgenes yobjetos grficospara representar la informacin y acciones disponibles en la interfaz.

HTTP: Es elprotocolousado en cada transaccin de laWorld Wide Web.

HTML: Hace referencia allenguaje de marcadopara la elaboracin depginas web.

Intranet: Red deordenadoresprivados que utiliza tecnologaInternetpara compartir dentro de una organizacin parte de sus sistemas de informacin y sistemas operacionales.

KBPS: Es una unidad de medida que se usa entelecomunicacioneseinformticapara calcular la velocidad de transferencia de informacin a travs de unared.

Macromedia Flash: Se trata de unaaplicacinde creacin y manipulacin degrficos vectorialescon posibilidades de manejo de cdigo mediante un lenguaje de scripting llamadoActionScript.

NOTEPAD++: Es uneditor de textoy decdigo fuentelibrecon soporte para varioslenguajes de programacin.

PDAS: Es unacomputadorade mano originalmente diseada comoagendaelectrnica con un sistema de reconocimiento de escritura.

PNG: Es unformato grficobasado en unalgoritmo de compresin sin prdidaparabitmapsno sujeto apatentes.

SGML: Consiste en un sistema para la organizacin y etiquetado de documentos.

Shockwave: Es uncomplementoparanavegadores webque permite la reproduccin de contenidos interactivos como juegos, presentaciones, aplicaciones de formacin, etc, anteriormente llamado Macromedia Shockwave.

Streaming: Es la distribucin demultimediaa travs de unared de computadorasde manera que el usuario consume el producto al mismo tiempo que se descarga.

TEXTPAD: Es un populareditor de textopara la familia desistemas operativosMicrosoft Windows.

VIM: Es la sigla de "Vdeo Interactivo Multimedial" o, lo que es lo mismo,IMVeningls.

WEB: Es unsistemade distribucin de documentos dehipertextoo hipermedios interconectados y accesibles vaInternet.

WORDPAD: Es unprocesador de textosbsico que se incluye con casi todas las versiones de Microsoft Windows desdeWindows 95en adelante.

WYSIWYG: es elacrnimodeWhatYouSeeIsWhatYouGet(en espaol, "lo que ves es lo que obtienes"). Se aplica a los procesadores de textoy otros editores de texto con formato (como los editores deHTML) que permiten escribir un documento viendo directamente el resultado final, frecuentemente el resultado impreso.

W3C: Es unconsorciointernacional que producerecomendacionespara laWorld Wide Web.

XML: Es unlenguajede marcas desarrollado por el World Wide Web Consortium(W3C) utilizado para almacenar datos en forma legible.

1.1 Delimitacin del problema.

La siguiente investigacin se ha delimitado de la siguiente manera:

Tiempo:

El tiempo que se utiliza para esta investigacin es de un semestre acadmico de la Universidad de Sotavento A.C. (US), que abarca con los meses de Septiembre a Diciembre del ao 2013.

rea de Estudio:

Para esta investigacin se abarcaron los siguientes temas, aspectos de publicidad, diseo de paginas web . Por otro lado se incluyeron elementos relacionados con la tecnologa, especficamente Internet.

1.1 ANALISIS DE LA SITUACIN.

La empresa distribuidora ROKA S.A. DE C.V., es una empresa encargada de distribuir productos refrigerados, yogurt, carnes fras y algunos abarrotes. La situacin actual de la empresa es que no tiene medios adecuados para dar publicidad a la empresa.