1. INSTITUTO
TECNOLÓGICOde
Tuxtepec
“Desarrollar un sitio web para el grupo musical
Kaoba de México, colonia Oaxaca, Tuxtepec
Oaxaca”
PROYECTO DE INVESTIGACIÓN
PRESENTA:
Sánchez Rayón Lili
ASESOR:
L.I. MARÍA DE LOS ÁNGELES MARTÍNEZ
MORALES
Tuxtepec, Oax. 01 DE AGOSTO2013
S.E.P D.G.E.S.T S.N.E.S.T

3. 3
AGRADEDIMIENTOS
Quiero aprovechar en estas líneas para expresar mis más sinceros agradecimientos
a todas las personas ellos son:
A mí la maestra María de los Ángeles Martínez morales, por la orientación y ayuda
que me brindó para la realización del proyecto de investigación,por su apoyo y
amistad.
A mi mama siempre has estado allí y me han ayudado en todo momento de mi vida,
en lo bueno, lo malo y lo feo gracias mama por seguir apoyándome en mis estudio.
Agradezco a mi esposo por apóyame en todo y bebe que bien en camino.
Esas son las personas que más en esta vida me han apoyado y me han brindado su
amistad.Gracias.

4. 4
ÍNDICE DE CONTENIDO
AGRADEDIMIENTOS ................................................................................................. 3
ÍNDICE DE CONTENIDO............................................................................................ 4
ÍNDICE DE FIGURAS ................................................................................................. 9
INTRODUCCIÓN ...................................................................................................... 10
IDENTIFICACIÓN DEL PROBLEMA......................................................................... 11
PLANTEAMIENTO DEL PROBLEMA ....................................................................... 12
Pregunta de investigación...................................................................................... 12
OBJETIVOS .............................................................................................................. 13
Objetivo general..................................................................................................... 13
Objetivos específicos............................................................................................. 13
FORMULACIÓN DE LA HIPÓTESIS ........................................................................ 14
Hipótesis de trabajo ............................................................................................... 14
Hipótesis nula ........................................................................................................ 14
Variables...................................................................Error! Bookmark not defined.
Variable independiente: ............................................Error! Bookmark not defined.
JUSTIFICACIÓN ....................................................................................................... 16
Impacto Social ....................................................................................................... 16
Impacto Tecnológico.............................................................................................. 16
Impacto Económico ............................................................................................... 17
Impacto Ambiental................................................................................................. 17
ESTUDIO DE VIABILIDAD........................................................................................ 18

5. 5
Factibilidad Técnica............................................................................................... 18
Factibilidad Económica.......................................................................................... 19
Factibilidad Operativa ............................................................................................ 19
FUNDAMENTO TEÓRICO........................................................................................ 20
1. Historia del internet............................................................................................. 21
1.1. Internet ............................................................................................................ 21
1.2. HITOS EN LA DISEMINACION DE LA INFORMATICA .................................. 22
1.3. Protocolos de internet...................................................................................... 23
1.4. Historia de la web............................................................................................ 25
1.5. Generaciones de los sitios web....................................................................... 25
2. Arquitectura cliente servidor ............................................................................... 25
2.1. Separación de funciones.............................................................................. 25
2.2. Modelos de distribución en aplicaciones cliente/servidor............................. 25
2.3. Presentación distribuida............................................................................... 25
2.4. Aplicación distribuida.................................................................................... 25
2.5. Datos distribuidos......................................................................................... 25
2.6. Arquitectura de dos y tres niveles ................................................................ 25
2.7. Descripción de un sistema cliente/servidor .................................................. 25
3. ¿Qué es una aplicación web?............................................................................. 25
3.1. El cliente.......................................................................................................... 25
3.2. El servidor........................................................................................................ 26
3.3. Transferencia de páginas web......................................................................... 28
3.4. Entorno web .................................................................................................... 28
3.5. Ventajas y desventajas.................................................................................... 28
3.6. Arquitectura de las aplicaciones web .............................................................. 28

6. 6
3.7. Metodología de desarrollo de sitios web ......................................................... 28
4. Estructura de un sitio web................................................................................... 28
4.1. ¿Qué es un sitio web?..................................................................................... 28
4.2. Contenido de un sitio web ............................................................................... 29
4.2.1. Contenido apropiado para tus lectores......................................................... 29
4.2.2. El diseño de autoservicio ............................................................................. 29
4.2.3. El formato de los textos................................................................................ 29
4.2.4. Estructura del contenido Palabras clave y enlaces de calidad..................... 29
4.3. Estructura física............................................................................................... 29
4.4. Estructura lógica.............................................................................................. 29
5. HTML.................................................................................................................. 29
5.1. ¿Qué es el HTML? .......................................................................................... 29
5.3. Importancia HTML........................................................................................... 30
5.4. El uso correcto de las etiquetas....................................................................... 31
5.5. Estructura de una página web......................................................................... 32
5.5.1. Estructura jerárquica .................................................................................... 33
5.1.2 Estructura lineal ........................................................................................... 34
5.1.3 Estructura lineal con jerarquía...................................................................... 34
5.1.4 Estructura en red.......................................................................................... 35
6. PHP .................................................................................................................... 36
6.1. Que es PHP..................................................................................................... 36
6.2. Origen y evolución de PHP ............................................................................. 37
6.3. Escritura del código fuente en PHP................................................................. 39
6.4. Elementos básicos del lenguaje ...................................................................... 39
7. Tipos de imágenes ............................................................................................. 39

7. 7
7.1. JPG ................................................................................................................. 39
7.2. GIF .................................................................................................................. 39
7.3. PNG................................................................................................................. 40
8. Navegadores web............................................................................................... 40
8.1. Google Chrome ............................................................................................... 40
8.2. Safari............................................................................................................... 40
8.3. Internet Explorer.............................................................................................. 40
8.4. Mozilla Firefox ................................................................................................. 40
9. Software.............................................................................................................. 40
REFERENCIAS......................................................................................................... 44

8. 8
ÍNDICE DE TABLAS

9. 9
ÍNDICE DE FIGURAS
1.-ESQUEMA DE UNA ESTRUCTURA EN ÁRBOL................................................................. 33
2.ESQUEMA DE UNA ESTRUCTURA LINEAL ....................................................................... 34
3.ESQUEMA DE UNA ESTRUCTURA LINEAL CON JERARQUÍA .............................................. 35
4.ESQUEMA DE UNA ESTRUCTURA EN RED...................................................................... 35

10. 10
INTRODUCCIÓN

11. IDENTIFICACIÓN DEL PROBLEMA
La música es una de las expresiones más fabulosas del ser humano ya que logra
transmitir de manera inmediata diferentes sensaciones.
El grupo musical Kaoba de México inicio en el año 2002 dedicándose a la música
tropical y cumbia, , grava su primer disco al homenaje a los audaces del rimo se
encuentra ubicado en la calle 7, avenida Querétaro, colonia Oaxaca en el municipio
de san juan bautista Tuxtepec Oaxaca. Fue creado por el señor Rogelio Angulo; es
un grupo cuyos integrantes son familiares, ellos son Rogelio Angulo y Lourdes
Morales, como vocalista; Diego Angulo, en la batería; German Angulo, en el teclado;
Rogelio Angulo, en el bajo. Siendo de los primeros grupos en aventurarse a
componer sus propias canciones. Dedicado a la ambientación de eventos sociales y
empresariales en el estado de Oaxaca. El grupo musical tiene amplia experiencia
ambientando bodas, XV años, bautizos, cumpleaños, congresos, fin de año,
graduaciones, etc.
Actualmente los medios de difusión con que cuenta el grupo musical Kaoba de
México no son las más eficaces, puesto que emplea mantas y anuncios de radio para
darse a conocer y la ciudadanía en su mayoría utiliza otros medios de información,
tal es el caso de Internet, un medio de comunicación a distancia con el cuál los
integrantes del grupo musical no están familiarizados pero que es muy necesario
para darse a conocer de forma más expansiva.

12. PLANTEAMIENTO DEL PROBLEMA
El grupo musical Kaoba de México tiene 11 años de estar integrado, se dedica
principalmente a la música tropical y cumbia; sus presentaciones son de altísima
calidad en cuanto a producción y ejecución musical, pero su información e imagen
visual no está bien difundida entre la ciudadanía de la cuenca del Papaloapan,
puesto que para realizar su campaña publicitaria se apoya en medios de difusión de
alcance corto como tarjetas de presentación, mantas y anuncios de radio.
Actualmente es bien conocido que si quieres darte a conocer no hay mejor forma que
a través del uso del Internet, pues es un medio de comunicación y difusión de alto
impacto, puesto que no tiene barreras geográficas y temporales, por lo que es
recomendable tener una carta de presentación al público que este a tan solo al
alcance de un clic, en donde además de ofrecer información de servicios que ofrece
pueda tener una muestra previa de lo que se hace.
Las tarjetas de presentación y mantas, son buenas pero no logran impactar al público
tanto como un medio de difusión electrónico, por tal motivo es necesario crear una
imagen visual de alto impacto que haga uso de los recursos que nos ofrecen las
tecnologías de información de y comunicación, para que el grupo musical aproveche
las bondades y beneficios de las redes sociales y los sitios web que los pongan en
contacto con los ciudadanos que gustan de la música tropical y cumbia, para que
sean contactados para cubrir sus eventos sociales.
Preguntadeinvestigación
¿En qué medida el sitio web incrementara la comunicación y la oportunidad para que
los ciudadanos contacten al grupo musical Kaoba de México?

13. OBJETIVOS
Objetivogeneral
Desarrollar un sitio web para el grupo musical Kaoba de México que permita ofrecer
los servicios a los clientes.
Objetivos específicos
Analizar los requerimientos del sitio web para el grupo musical Kaoba de
México.
Planificar y desarrollar la estructura del sitio web
Diseñar la interfaz gráfica del sitio web
Difundir y publicar a través de internet los servicios que ofrecen

14. FORMULACIÓN DE LA HIPÓTESIS
Hipótesis de trabajo
Con el desarrollo del sitio web del grupo Kaoba de México se mejorara la difusión y
la comunicación con los clientes potenciales.
Hipótesis nula
En el desarrollo del sitio web del grupo Kaoba de México no mejorara la difusión y la
comunicación para el crecimiento del grupo.
Variables
Variable independiente:
El desarrollo del sitio web del grupo musical
Kaoba de México.
Variable dependiente:
Mejorará la difusión y la comunicación para
el crecimiento del grupo.
DEFINICIÓN DE LAS VARIABLES
Desarrollo: es el crecimiento intelectual el individuo adquirido por el ejército mental
del aprendizaje de la enseñanza(definicion )
Sitio web:Un sitio web es un gran espacio documental organizado que la mayoría de
las veces está típicamente dedicado a algún tema particular o propósito específico.
Cualquier sitio web puede contener hiperenlaces a cualquier otro sitio web, de
manera que la distinción entre sitios individuales, percibido por el usuario, puede ser
a veces borrosa. (wikipedia, 2013)
Difusión: La difusión es un fenómeno que implica extender, divulgar o diseminar, a
través del tiempo y del espacio, una noticia, una idea, una enfermedad, costumbres,
idiomas, negocios, modas, etcétera. (wordrefence, 2013)

15. Comunicación:La comunicación es el proceso mediante el cual se puede transmitir
información de una entidad a otra. Los procesos de comunicación son interacciones
mediadas por signos entre al menos dos agentes que comparten un mismo repertorio
de signos y tienen unas reglas semióticas comunes (wikipedia, 2013)
Variable Independiente Variable Dependiente
El desarrollo del sitio web del grupo
musical Kaoba de México.
Mejorará la difusión y la comunicación para
el crecimiento del grupo.
Indicadores Indicadores
El desarrollo de la creación de un
sitio web
Beneficios del sitio web
Difundir la información del grupo
musical
La comunicación lo que se va
transmitir la información.

16. JUSTIFICACIÓN
El propósito del proyecto es crear una sitio Web para el grupo Kaoba de México
Compartir a la ciudadanía de la cuenca del Papaloapanutilizara las nuevas
tecnologías de información con la posibilidad logran impactar el buen
aprovechamiento de los recursos tecnológicos.
El proyecto beneficiará directamente a 100porciento al grupo musical Kaoba de
México optimizando el interés por el grupo y sentido de pertenencia con la misma,
haciendo de este modo que sea factible un acercamiento entre el grupo musical y la
ciudadanía
Vale la pena anotar que aunque gran parte de la información relacionada con el
grupo musical, se consigue por medio de tarjetas de presentación, mantas y
anuncios de radio ya que la mayor de la información no está bien comprendida.
Impacto Social
Con el desarrollo del sitio web, brindara al cliente la tranquilidad de que el sitio web
será entendible para él, ya que será modelado de acuerdo a sus requerimientos.
Con su desarrollo del sitio web, brindara al grupo musical Kaoba de México una
mejor difusión de la información, reduciendo de gastos en insumos, y una mejor
organización y automatización, lo cual ayudara a darle al cliente un mejor servicio.
Impacto Tecnológico
La implementación de este de la página web hará que otras personas desarrollen
haciendo el uso de las nuevas herramientas tecnológicas, así las personas
obtendrán información adecuada de los servicios que ofrece el grupo Kaoba de
México de una manera rápida
Ya que en el uso del internet ya que es una herramienta actual y la gran parte del
mundo la está utilizando. De la misma manera abrirá nuevas puertas en el ámbito
laboral.

17. Impacto Económico
El desarrollo del sitio web harán que el grupo musical mejore sus actividades de
control personal y ofreciendo los servicios que ofrece.
También lograra que la empresa ahorre insumos necesarios para realizar la
publicidad del grupo (tarjetas de presentación, mantas, etc.), economizara también
en la mano de obra de estos, y por supuesto en el tiempo empleado en realizar estos
procesos.
Su acercamiento a la tecnología hará ver a los clientes que la empresa está a
vanguardia, buscando siempre mejorar y satisfacer las necesidades que ellos
tengan.
Impacto Ambiental
La implementación y utilización de la página web, del grupo musical Kaoba de
México ayudará a reducir la contaminación de la región,es causantes de generar
basura, el propósito del desarrollo de la página web es reducir lona, volantes, etc. En
el desarrollo beneficiará tanto el grupo musical y a la región

18. ESTUDIO DE VIABILIDAD
Factibilidad Técnica
En el desarrollo de sitio web, es precisamente saber los equipos como software y
hardware es precisamente saber los requerimientos de cada uno de ellos, para un
buen desarrollo del sitio web del grupo Kaoba de México.
Equipos
Videocámara para gravar y tomar fotos a los eventos donde se presenta el grupo
Kaoba de México.
Híbrida FULL HD con disco duro de 120 GB
Zoom Óptico 42x
LED de iluminación
Grava y toma foto
Equipo de cómputo para el desarrollo del sitio web
Marca Sony vaio serie s
Sistema operativo de 64 bits
Procesador INTEL Core i5 de segunda generación de 2.3Ghz
Memoria RAM 2 GB. Disco duro de 500 GB
Tarjeta de Video AMD Radeon HD 6470M de 512MB Radeon HD 6630M de
1GB.
Software
Dreamweaver: el diseño del sitio web
Photoshop: fotos y banners
Cool Edit Pro: audio
Adobe premiere pro cs4: videos

19. Factibilidad Económica
En la observación de la factibilidad económica consiste en calcular los costos del
proyecto, tomando en cuenta los equipos a utilizar, costo personal, compra de
software, mantenimiento del sitio, entre otros aspectos.
Herramientas de la creación del sitio web
Nombre Costo $
Dreamweaver cs6 $7,068. °°
Photoshop $15,040. °°
Cool Edit pro 2.0 $249. °°
Adobe premiere pro cs4 $400. °°
Hosting $800. °°
Mano de obra
Creación del sitio web $6,000. °°
Alimentos $300. °°
Pago de luz $120. °°
Pago de internet y teléfono $399. °°
Factibilidad Operativa
Al dar conocer el sitio web es con el fin de crear una difusión, de las actividades que
realiza durante los eventos y que más ofrece el grupo musical además que es unos
medios publicitarios que les permite conocer a sus clientes para estar siempre a la
vanguardia de la tecnología e información detallada del grupo musical Kaoba de
México. Con el desarrollo del sitio web obtendrá recursos económicos ya que no
tiene que invertir mucho tiempo en resolver las dudas de los clientes interesados en
el grupo.

20. FUNDAMENTO TEÓRICO

21. 21
1. Historia del internet
1.1. Internet
El objeto de esta sección no es tanto definir lo que es internet como el poner de
manifiesto alguno de las características más destacadas de la misma que influyen
decisivamente en las tecnologías de desarrollo vinculadas al servicio web, como es
el caso del lenguaje PHP. Se asume que cualquier lector interesado en este libro es
usuario de internet y conoce los diferentes servicios que la red ofrece, posiblemente
también su interés en el desarrollo de aplicaciones web que le ha impulsado a
adquirir este libro.
Internet (INTERconectedNETwork) es una red de redes de ordenadores de todo tipo
que se comunican mediante un lenguaje común: el conocido como protocolo TCP/IP.
Esa primera característica de la heterogeneidad de los equipos conectados es clave
para entender el funcionamiento de todos los servicios de la red y para comprender
la necesidad de la portabilidad en cualquier desarrollo que se quiera hacer en el
ámbito de internet. A nivel de programadores de aplicaciones web, que es en el que
se sitúa el presente libro, no es necesario disponer de conocimientos técnicos sobre
los protocolos de comunicación en los que se basa internet.
Los desarrollos de aplicaciones realizados en internet tiene también un campo de
aplicación en aquellas redes privadas que usan los mismos sistemas y protocolos
que internet: las denominadas intranets.
Los desarrollos de aplicaciones realizados en internet también un campo de
aplicaciones en aquellas redes privadas que usan los mismo sistemas y protocolos
que internet: las denominadas intranets.
Otro de los aspectos a tener en cuenta es el carácter distribuido de la red. Ese
carácter totalmente distribuido se concreta a todos los niveles en el aspecto
geográfico no existe ningún modo central de la red, de hecho, los orígenes de

22. 22
internet se sitúan en un proyecto militar del gobierno de los estados unidos para
crear una red que no fuera vulnerable ante el ataque a alguno de sus nodos. En el
aspecto económico, tampoco existe ningún gobierno o institución que mantenga la
red sino que son las propias subredes que la componen las encargadas de propio
mantenimiento. El carácter distribuido también se manifiesta en el aspecto político
ante la ausencia de un gobierno central de la red: lo que existen son diversas
organizaciones o asociaciones que tratan de establecer diferentes estándares para el
desarrollo de la red.
Aunque el servicio web es actualmente el servicio más conocido y utilizado de la red
internet, conviene recordar que no es único. Los tres servicios originarios de la red:
correo electrónico (e-mail), transferencia de ficheros (FTP) y acceso remoto (Telnet),
siguiendo estando presentes y siguen siendo ampliamente utilizados. Pero podrían
citarse otros servicios, algunos muy conocidos y otros en cierta decadencia al haber
adsorbido el propio servicio web sus funciones: servicios de noticias (news), gopher,
servicios de búsqueda de archivos(archive),verónica, servicios de localización. En los
últimos años también están teniendo mucho auge las aplicaciones P2P. (Angel Cobo,
2005)
1.2. Hitos en la diseminación de la informática
A lo largo de la historia, los medios de comunicación han evolucionado
considerablemente. Se suele citar la capacidad de trasmitir el conocimiento de una
generación a otra como una de las características que dirigen a la especie humana
de otras especies animales, ya que es la clave del avance de la humanidad.
Distintos acontecimientos han marcado hitos en la comunicación, si nos entramos en
los más importantes que se han producido desde el siglo XIX, destacan por orden
cronológico:
1833: distribución en masas de periódicos.
1844: primer mensaje telegrafiado.

23. 23
1858: primer intento de entender un clave de comunicaciones a través del
océano Atlántico. Deja de funcionar a los pocos días debido a problemas con
el aislamiento del cable.
1866: se tiende con éxito un cable de comunicaciones a través del Océano
Atlántico.
1876: invención del teléfono por Alexander Graham Bell.
1901: primera señal de radio enviada a través del Océano Atlántico.
1917: primera llamada telefónica transcontinental.
1927: primer película hablada.
1939: debut de la televisión en la feria mundial celebrada en Nueva York.
1950: inicio de las retransmisiones de televisión en color.
1969: se crea ARPANETA, el primer internet. El primer medio de
comunicación que engloba todos los medios existentes: permite comunicación
escrita, sonora y video.
1.3. Protocolos de internet
La familia de protocolos de Internet es un conjunto de protocolos de red que
implementa la pila de protocolos en la que se basa Internet y que permiten la
transmisión de datos entre redes de computadoras. En ocasiones se la denomina
conjunto de protocolos TCP/IP, en referencia a los dos protocolos más importantes
que la componen: Protocolo de Control de Transmisión (TCP) y Protocolo de Internet
(IP), que fueron los dos primeros en definirse, y que son los más utilizados de la
familia. Existen tantos protocolos en este conjunto que llegan a ser más de 100
diferentes, entre ellos se encuentra el popular HTTP (HyperText Transfer Protocol),
que es el que se utiliza para acceder a las páginas web, además de otros como el
ARP (AddressResolutionProtocol) para la resolución de direcciones, el FTP (File
Transfer Protocol) para transferencia de archivos, y el SMTP (Simple Mail Transfer
Protocol) y el POP (Post Office Protocol) para correo electrónico, TELNET para
acceder a equipos remotos, entre otros.

24. 24
El TCP/IP es la base de Internet, y sirve para enlazar computadoras que utilizan
diferentes sistemas operativos, incluyendo PC, minicomputadoras y computadoras
centrales sobre redes de área local (LAN) y área extensa (WAN). TCP/IP fue
desarrollado y demostrado por primera vez en 1972 por el departamento de defensa
de los Estados Unidos, ejecutándolo en ARPANET, una red de área extensa del
departamento de defensa.
La familia de protocolos de internet puede describirse por analogía con el modelo
OSI, que describe los niveles o capas de la pila de protocolos, aunque en la práctica
no corresponde exactamente con el modelo en Internet. En una pila de protocolos,
cada nivel soluciona una serie de problemas relacionados con la transmisión de
datos, y proporciona un servicio bien definido a los niveles más altos. Los niveles
superiores son los más cercanos al usuario y tratan con datos más abstractos,
dejando a los niveles más bajos la labor de traducir los datos de forma que sean
físicamente manipulables.
El modelo de Internet fue diseñado como la solución a un problema práctico de
ingeniería. El modelo OSI, en cambio, fue propuesto como una aproximación teórica
y también como una primera fase en la evolución de las redes de ordenadores. Por lo
tanto, el modelo OSI es más fácil de entender, pero el modelo TCP/IP es el que
realmente se usa. Sirve de ayuda entender el modelo OSI antes de conocer TCP/IP,
ya que se aplican los mismos principios, pero son más fáciles de entender en el
modelo OSI. (wikipedia, 2013)

25. 25
1.4. Historia de la web
1.5. Generaciones de los sitios web
2. Arquitectura cliente servidor
2.1. Separación de funciones
2.2. Modelos de distribución en aplicaciones cliente/servidor
2.3. Presentación distribuida
2.4. Aplicación distribuida
2.5. Datos distribuidos
2.6. Arquitectura de dos y tres niveles
2.7. Descripción de un sistema cliente/servidor
3. ¿Qué es una aplicación web?
3.1. El cliente
El cliente web es un programa con el que interacciona el usuario para solicitar a un
servidor web el envió de los recursos que desea obtener mediante HTTP. La parte
del cliente de las aplicaciones web suelen estar formada por el código HTML que
forma la página web, más algo del código ejecutable realizado en lenguaje de script
del navegador (JavaScript o VBScript) o mediantes programas (applets) relacionados
en java. También suele emplear plug-ins que permite visualizar otros contenidos
multimedia (como Macromedia Flash), aunque no se encuentre tan extendido como
las tecnologías anteriores y plantean problemas de incompatibilidad entre distintas

26. 26
plataformas. Por tanto, la misión del cliente web es interpretar las paginas HTML y
los diferentes recursos que contienen (imágenes, sonidos, etc.).
Las tecnologías que suelen emplear para programar el cliente web son:
HTML
CSS
DHTML
LENGUAJES DE SCRIPT: JAVASCRIP, VBSCRIPT, ETC
ACTIVEX
APPLETS PROGRAMADOS EN JAVA
DISTINTAS TECNOLOGIAS QUE NECESITAN LA EXISTENCIA DE UN
PLUG-IN E EL NAVEGADOR ADOBE ACROBAT READER, LIVE PICTURE
PHOTOVISTA, MACROMEDIA.
3.2. El servidor
El servidor web es un programa que está esperando permanentemente las
solicitudes de conexión mediante el protocolo HTTP por parte del cliente web. En los
sistemas Unix suele ser un demonio y en los sistemas Microsoft Windows un
servidor.
La parte del servidor de las aplicaciones web está formada por:
Páginas estáticas (documentos HTML) que siempre muestran el mismo
contenido.
Recursos adicionales (multimedia, documentos adicionales, etc.) que se
pueden emplear dentro de las páginas o estar disponibles para ser
descargados y ejecutados (visualizados) en el cliente.
Programas o scripts que son ejecutados por el servidor web cuando el
navegador del cliente solicita alguna página. La salida de este suele ser una
página HTML estándar que se envía al navegador del cliente.
Tradicionalmente este programa o script que es ejecutado por el servidor web

27. 27
se basa en las tecnologías CGI. En algunos casos pueden acceder a bases de
datos.
La programación del servidor mediante CGI es compleja y laboriosa. El protocolo
HTTP no almacena el estado entre una conexión y la siguiente (es un protocolo sin
estado), por lo que es el programador el que se tiene que encargar de conservarlo.
Esto conduce a que el programador tenga que dedicar parte de su tiempo a
programar tareas ajenas al fin de la aplicación, lo que suele ser origen de diversos
problemas.
Sin embargo, con la entrada en 1995 de Microsoft en el mundo del internet y salida al
mercado de un servidor web (Microsoft internet información server) se abrió un nuevo
campo para las aplicaciones web: internet server applicationprogram interface
(ISAPI). Se trata de un conjunto de funciones en el servidor web pone a disposición
de los programadores de aplicaciones web. Con ISAPI, los programadores pueden
crear Dynamic Link Library (DLL) con funciones que son invocadas para
determinados archivos (se ejecutan cuando el cliente solicita un archivo con una
determinada extensión). (Angel Cobo, 2005)

28. 28
3.3. Transferencia de páginas web
3.4. Entorno web
3.5. Ventajas y desventajas
3.6. Arquitectura de las aplicaciones web
3.7. Metodología de desarrollo de sitios web
4. Estructura de un sitio web
4.1. ¿Qué es un sitio web?
Al conjunto de página web que se relacionan entre si y tienen una estructura
específica, como si se trátese de una enciclopedia, se denomina sitio web. Lo
habitual es que toda esta información se localice en un servidor, aunque no es
imprescindible. La estructura comienza por la página de inicio o página principal de la
web que es la que se visualiza al acceder a un sitio web, y donde se presenta el
menú principal. Es recomendable denominar index.html a este archivo porque facilita
el acceso al sitio, ya que no es necesario escribir el nombre del archivo en la
dirección url.

29. 29
4.2. Contenido de un sitio web
4.2.1. Contenido apropiado para tus lectores
4.2.2. El diseño de autoservicio
4.2.3. El formato de los textos
4.2.4. Estructura del contenido Palabras clave y enlaces
de calidad
4.3. Estructura física
4.4. Estructura lógica
5. HTML
5.1. ¿Qué es el HTML?
La clave para comprender HTML está en la relación entre HTML y el web. El web es
un mar de documentos (páginas web conectadas entre sí, de forma que pueda
desplazarse de una página a otra. Esto quiere decir que las páginas web se escribe
en HTML, al igual que una carta escrita a un amigo de roma se escribe en italiano. La
diferencia obvia es que HTML es un lenguaje de computación que entienden los
exploradores web, mientras que el italiano es un idioma que entienden las personas
que viven en Italia. HTML se requiere en el web para dar formato a texto e imágenes,

30. 30
además de para agregar carácter y personalidad. Proporciona opciones que sirven
para comunicar el mensaje exacto que desea enviar.
HTML también proporciona el mecanismo de enlace crítico que permite que las
páginas se vinculen entre sí. Sin HTML, el web no sería nada más que un grupo de
documentos de texto sin ninguna conectividad entre sí (sin formato, ni estilo, ni
imágenes, y sin ningún atractivo). La característica más significativa de HTML se
denomina hipervinculación, que es la capacidad de vincular páginas conjuntamente.
La hipervinculación permite ir de una página a otra simplemente haciendo clic en un
vínculo. Los hipervínculos suelen utilizarse en barras de exploración para sitios web.
Por ejemplo, al ver un botón o imagen en una página web que diga productos, es
posible que un hipervínculo le vincule a la página de producto del sitio web al hacer
clic en ese botón o imagen.
Al considerar el web como un gran libro, los hipervínculos serían las páginas
marcadas que facilitan la búsqueda en el libro. Sin embargo, el web no es un libro.
Contiene infinidad de páginas increíblemente desorganizadas, convirtiendo los
hipervínculos en una necesidad para explorar páginas de forma coherente.
(Morrison, 2003)
5.3. Importancia HTML
Como estudiante de ingeniería hace unos años, siempre me preguntaba “¿Por qué
que tengo que saber esto?”. La gran cantidad de información que tenía que aprender
no parecía estar relacionada con nada de lo que quería hacer en el mundo real.
Aunque nadie me respondió a esa pregunta, puedo ayudarle respecto a HTML. ¿Por
qué es necesario conocer HTML? La sorprendente respuesta es que no es necesario
conocer HTML. Con tantas herramientas de desarrollo web existentes, es posible
crear interesantes páginas web sin tener ni idea de HTML.
Por tanto, ¿Cuál es el problema? ¿Ha comprado este libro solo para descubrir en el
primer capítulo que no lo necesita? Desde luego que no.

31. 31
Aunque es posible que no necesite conocer HTML para crear páginas web, es una
gran ventaja cuando algo no funciona de la manera esperada en una página web o
cuando debe realizar algo único. Tanga en cuenta que, independientemente de la
herramienta que utilice para crear páginas web, el resultado siempre es HTML. Si no
conoce HTML, quedara a merced de la herramienta.
De todos modos, es posible que sea el tipo de persona que desea controlar
completamente una situación. Conocer HTML garantiza un control completo sobre
sus páginas web. La creación de página web mediante una herramienta web si
conocer HTML es como depender de una calculadora para calcular 2+2.
Existe otra razón para aprender HTML. El web es una comunidad basad,
principalmente, en compartir. Es habitual que una técnica utilizada para obtener un
efecto deseado en una página web aparezca después en la página de otra persona.
Por tanto, debe decidir si “la imitación es un halago”. Sin embargo, la realidad es que
puede aprender a realizar cosas increíbles observando el código HTML de páginas
web interesantes. No piense que este libro recomienda que tome prestada ideas y
HTML de otras, ni siquiera tomar contenido de otros sitios web. En algunos casos
pueden ser ideal y en otros no es demasiado elegante. Todo esto quiere decir, si le
gusta una página observe el código y piense que haría con su código HTML para
obtener un resultado similar. (LANCKER, 2009)
5.4. El uso correcto de las etiquetas
Veamos algunas simples reglas que es importante respetar al escribir etiquetas.
1. Las etiquetas HTML no distinguen mayúsculas de minúsculas (no sensible a
las mayúsculas o case insensitive). En HTML, es equivalente escribir
<ETIQUETA>,<Etiqueta> o <etiqueta>. Durante mucho tiempo se ha
preconizado la escritura de las etiquetas HTML en mayúsculas para
diferenciarlas del texto normal. Sin embargo, las evoluciones anunciados del
HTML, como el lenguaje XHTML, distinguen entre mayúsculas y minúsculas
(sensibles a las mayúsculas o case sensitive y se requieren que las etiquetas

32. 32
de estos lenguajes se escriban en mayúsculas para evitar toda posible causa
de errores. Para prepararse para los futuros desarrollos del HTML, es
recomendable tomar desde los saludables hábitos de escribir las etiquetas en
minúsculas.
2. La regla general dicta que a toda etiqueta de apertura <etiqueta> se le asocia
una etiqueta de cierre </etiqueta>; pero existen excepciones:
- Las expeciones provenientes del propio lenguaje HTML: algunas etiquetas,
llamadas únicas, no cuentan con una etiqueta de cierre, como por ejemplo
<br>, <img>, <input>.
- Las libertades que se han tomado en la escritura del HTML debido al
funcionamiento más o menos permisivo de los navegadores. Así, por
ejemplo, la etiqueta de cierre de párrafo </p> se ha convertido en
facultativa.
3. Las etiquetas deben estar correctamente anidadas. Cuanto se asignan varias
etiquetas a un elemento, su orden de cierre es esencial. La primera etiqueta
de cierre debe corresponder a la última etiqueta de apertura no cerrada.
Todo esto se verámás claro con un ejemplo:
Es correcto:<a><b><c>elemento</c></b></a>.
Es incorrecto:<a><b><c>elemento</a></c></b>.
4. Los valores de los atributos deben figurar, de manera general, entre comillas.
(LANCKER, 2009)
5.5. Estructura de una página web
La estructura de un conjunto de páginas web es muy importante, ya que una buena
organización permitirá al lector visualizar todos los contenidos de una manera fácil y
clara. Un conjunto de páginas web con una mala estructura, sin embargo, producirá
en el usuario una sensación de estar perdido, no encontrara rápidamente lo que
busca y terminara por abandonar el sitio web.
Antes de crear un conjunto de páginas web, se ha de tener una idea clara de cómo
estructurar dichas páginas. Es conveniente esbozar algún esquema sencillo, para la

33. 33
mayoría de los casos de una hoja de papel y un lapicero bastara, pero si el
emplazamiento va a albergar un gran número de páginas es recomendable usar
algún tipo de programa que permita manejar estructuras de tipo grafo.
La navegación para un sitio que información al estilo de un libro tendrá una
estructura por capítulos. Este tipo de información se adapta bastante bien a una
estructura lineal jerárquica, mientras que un sitio donde se expone un tutorial o un
tour es más apropiada una estructura de tipo estrictamente lineal. (CORRALES,
2005)
5.5.1. Estructura jerárquica
La estructura jerárquica es la típica estructura de árbol, donde la raíz es el nodo (u
hoja) de bienvenida; esta hoja se puede también sustituir por la hoja de contenido,
que expone las diferentes secciones que contendrá nuestro sitio. La selección de una
sección no conduce asimismo a una lista de subtemas que pueden o no dividirse.
Este tipo de organización permite al lector conocer en qué lugar de la estructura se
encuentra. A medida que se adentró en árbol, obtiene información mas especifica
desde el contenido más general que se encuentra en niveles superiores.
1.-Esquema de una estructura en árbol

34. 34
5.1.2 Estructura lineal
La estructura lineal es la más simple de todas, la manera de recorrerla es la misma
que si estuviésemos leyendo un libro, de manera que estando en una página,
podemos ir a la siguiente página o a la anterior.
La estructura es muy útil cuando queremos que el lector siga un camino fijo y guiado,
además impedimos que se distraiga con enlaces a otras páginas. Por otra parte
podemos causar a lector la sensación de estar encerrado si el camino es muy largo o
poco interesante.
Este tipo de estructura seria valido para tutoriales de aprendizaje o tours de visita
guiada.
2.esquema de una estructura lineal
5.1.3 Estructura lineal con jerarquía
Este tipo de estructura es una mezcla de la dos anteriores, los temas y subtemas
están organizados de una forma jerárquica, pero uno puede leer todo el contenido de
una forma lineal si se desea.
Esto permite tener el contenido organizado jerárquicamente y simultáneamente
poder acceder a toda la información de una manera lineal como si estuviésemos
leyendo un libro.

35. 35
3.Esquema de una estructura lineal con jerarquía
5.1.4 Estructura en red
La estructura de red es una organización en la que aparentemente no hay ningún
orden establecido, las paginas pueden apuntarse unas a otras sin ningún orden
aparente.
Este tipo de organización es la más libre, pero también es la más peligrosa ya que si
no se informa al lector de en donde se encuentra, puede perderse o no encontrar lo
que busca o no llegar a ver lo que le queremos mostrar. Por eso es muy
recomendable asociar la estructura de las páginas con alguna estructura conocida,
como por ejemplo la de una cuidad.
4.Esquema de una estructura en red

36. 36
6. PHP
6.1. Que es PHP
PHP es un lenguaje de script que se ejecuta del lado del servidor, el código PHP se
incluye en una página HTML normal. Por lo tanto, se puede comparar con otros
lenguajes de script que se ejecutan según el mismo principio: Asp(active server
pages), JPS (java server pages) o PL/SQL Server Pages(PSP).
A diferencia de un lenguaje de un lenguaje como JavaScript, donde el código se
ejecuta del lado del cliente (en el explorador) el código PHP se ejecuta del lado del
servidor. El resultado de esta ejecución se incrusta en la página HTML, que se envía
al navegador. Este último no tiene conocimientos de la existencia del procesamiento
que se ha llevado a cabo en el servidor.
Esta técnica permite realizar páginas web dinámicas cuyo contenido se puede
generar total o parcialmente en el momento de la llamada de la página, gracias a la
información que se recopila en un formulario o se extrae de una base de datos.
Ejemplo sencillo de página PHP:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Script//EN”
“htto://www.w3.org/TR/xhtmll/DTD/XHTMLL-strict.dtd>
<htmlxmlns=http://www.w3.org/1999/xhtml>
<head>
<title>Ejemplo de Página PHP </title>
</head>
<body>
<?php
Echo „<p> ¡Hola Oliver! </p>‟ ;
?>
</body>
</html>

37. 37
La parte en negrita es el código PHP incluido en la pagina HTML dentro de las
etiquetas <?php y?>. en este sencillo ejemplo, el código PHP, simplemente muestra
un texto estatico “hola Oliver!”
6.2. Origen y evolución de PHP
En 1994 un programador de Groenlandia, RasmusLerdorf, creo el lenguaje php con
el objetivo inicial de hacer un seguimiento de los visitantes de su página personal. El
sistema desarrollado originalmente por Lerdorf estaba formado por un conjunto de
scripts programados en Perl que posteriormente serian reimplementados en lenguaje
C con el objeto de obtener mayores funcionalidades. El significado original del
nombre PHP no era otro que personal HOME Page. Adicionalmente Lerdorf
desarrollo un sistema de procesamiento de formularios, sistema que fue bautizado
como F1 (FormInterpreter), constituyendo ambos sistemas la primera versión del
actual lenguaje PHP: el PHP/F1.Lerdorf decidió hacer público el código fuente de sus
programas para que cualquiera pudiera utilizarlo; de esta forma el sistema
rápidamente comenzó a ser utilizado por otros usuarios de internet y entre todos
comenzó a mejorarse el lenguaje, de manera que el actual PHP es progresivamente
construido pos colaboradores desinteresados que implementan nuevas funciones en
nuevas versiones del lenguaje.
La versión PHP 1 aparece en al primavera de 1995 y el PHP 2 fue desarrollado
entre 1995 y 1997. En 1997 se estimada en un 1% de los dominios de internet
hacían uso del PHP 2.
A medidas de 1997 se produce un cambio importante en el lenguaje, se reprogramo
el analizador sintáctico, se incluyeron nuevas funcionalidades como el soporte a
nuevos protocolos de internet y a la mayoría de los sistemas gestores de bases de
datos comerciales. Con estas nuevas funcionalidades nace el PHP 4, además se
decide rebautizar el lenguaje dando un nuevo significado a sus siglas:

38. 38
Preprocesador de hipertexto. El PHP 3 se caracterizaba por su gran extensibilidad y
por el diseño de una sintaxis mucho más potente y consiste, además del soporte de
sintaxis orientado a objeto. Se estima, que en su apogeo el PHP 3 llego a estar
instalado sobre el 10% de los servidores web de internet.
En el año 2000 surge la siguiente versión del lenguaje: el PHP 4, con una mayor
independencia del servidor web y con un mayor número de funciones disponibles.
Con esta versión se redefine el nucleo del programa, generando un nuevo motor que
mejora la ejecución de aplicaciones complejas, este nuevo es bautizado como “motor
Zend”, en honor a sus autores: ZeevZuraski y AndiGutmas, quienes al mismo tiempo
fundan la empresa Zend (http://www.Zend.com) con el objetivo de ofrecer productos
complementarios y herramientas para el desarrollo en PHP.
L actual versión del lenguaje, PHP 5, fue lanzada oficialmente en septiembre de
2004.hoy en dia se estima que PHP es usado por cientos de miles de programadores
y que está presente en más del 20% delos servidores web en internet. Es el texto
lenguaje de programación más utilizado en el desarrollo de software,únicamente por
detrás de c,java,c++,Visual Basic y Perl.
Como prueba del crecimiento experimentado en estos años, la figura muestra una
gráfica con la evolución de dominios y direcciones IP que haces uso de PHP. Como
puede apreciarse, a inicio de 2005 más de 18 millones de dominios y 1,3 millones de
direcciones IP en internet hacían uso de esta tecnología. (Angel Cobo, 2005)

39. 39
6.3. Escritura del código fuente en PHP
6.4. Elementos básicos del lenguaje
7. Tipos de imágenes
7.1. JPG
JPEG (del inglés JointPhotographicExpertsGroup, Grupo Conjunto de Expertos en
Fotografía) es el nombre de un comité de expertos que creó un estándar de
compresión y codificación de archivos de imágenes fijas. Este comité fue integrado
desde sus inicios por la fusión de varias agrupaciones en un intento de compartir y
desarrollar su experiencia en la digitalización de imágenes. La ISO, tres años antes
(abril de 1983), había iniciado sus investigaciones en el área.
Además de ser un método de compresión, es a menudo considerado como un
formato de archivo. JPEG/Exif es el formato de imagen más común utilizado por las
cámaras fotográficas digitales y otros dispositivos de captura de imagen, junto con
JPG/JFIF, que también es otro formato para el almacenamiento y la transmisión de
imágenes fotográficas en la World Wide Web. Estas variaciones de formatos a
menudo no se distinguen, y se llaman JPEG. Los archivos de este tipo se suelen
nombrar con la extensión .jpg. (wikipedia , 2013)
7.2. GIF
GIF (Compuserve GIF) es un formato gráfico utilizado ampliamente en la World Wide
Web, tanto para imágenes como para animaciones.
El formato fue creado por CompuServe en 1987 para dotar de un formato de imagen
en color para sus áreas de descarga de archivos, sustituyendo su temprano formato
RLE en blanco y negro. GIF llegó a ser muy popular porque podía usar el algoritmo
de compresión LZW (LempelZivWelch) para realizar la compresión de la imagen, que
era más eficiente que el algoritmo Run-lengthencoding (RLE) usado por los formatos

40. 40
PCX y MacPaint. Por lo tanto, imágenes de gran tamaño podían ser descargadas en
un razonable periodo de tiempo, incluso con módems muy lentos.
GIF es un formato sin pérdida de calidad para imágenes con hasta 256 colores,
limitados por una paleta restringida a este número de colores. Por ese motivo, con
imágenes con más de 256 colores (profundidad de color superior a 8), la imagen
debe adaptarse reduciendo sus colores, produciendo la consecuente pérdida de
calidad.
7.3. PNG
8. Navegadores web
8.1. Google Chrome
8.2. Safari
8.3. Internet Explorer
8.4. Mozilla Firefox
9. Software
METODOLOGÍA DE LA INVESTIGACIÓN.
TIPO DE INVESTIGACIÓN
El objetivo y la realización del proyecto de la sitio web del grupo Kaoba de México
nos apoyamos en el tipo de investigación mixta es un método de investigación donde

41. 41
utiliza varios tipos de investigación entre ellos es la cualitativa, cuantitativa y
documental, ya que observamos el fenómeno y lo delimitamos en una pequeña
población para identificar el problema, y para tener un resultado creamos encuestas,
mejorara el desarrollo del sitio web con los datos recopilados.
ENFOQUE METODOLÓGICO
El enfoque para el proyecto del sitio web es mixto, en el cual tomamos una pequeña
muestra de la población y la observamos que determina la variable independiente de
la creación de un sitio web y las dependientes aumentar la difusión y aumentar el
interés del grupo musical.
Presente responder a:¿En qué medida el sitio web incrementara la comunicación y la
oportunidad para que los ciudadanos contacten al grupo musical Kaoba de México?
POBLACIÓN
El grupo musical Kaoba de máximo ubicada en la colonia Oaxaca, de Tuxtepec, la
circunstancia económica del grupo musical se le realizara solo a un grupo de
personas tomando en cuenta en la familiares y vecinos colonia Oaxaca de la calle 1
a la calle 7 los cuales cuentan con las siguientes características.
A los primero que encuestaremos son los integrantes del grupo musical Kaoba de
México ya que tienen 11 años dedicándose a la música
De igual manera a la familia y los vecinos más cercanos, de los que tienen
conocimientos precisa desde sus inicios del grupo, y que conocen el repertorio y el
talento del grupo musical del grupo Kaoba de México.
Los últimos encuestado son de la calle 1 hasta la calle 5 es un total de personas 100
ya que tienen conocimiento de la música pero de los servicios que ofrecen y las
actividades que realizan ellos viven algo distante del grupo musical Kaoba de
México.

42. 42
MÉTODO DE MUESTRA
Para el desarrollo del sitio web que indispensable determinar la realidad y el uso del
método de muestra probabilístico debido al estudio que se realizó a la población
dentro de la colonia Oaxaca se observó que el grupo musical cuenta con la
participación de los integrantes se recurrió a implementar el muestreo probabilístico,
pero los recursos económicos son escasos y para la creación de cuestionarios es un
gasto.
TIPO DE MUESTRO
En este proyecto del sitio web se empleó el tipo de muestro probabilístico. En lo cual
se consideró al grupo musical, familiares, vecinos y personas que viven en la calle 1
hasta la 5 está ubicado en la colonia Oaxaca para tener igual probabilidad de ser
seleccionados.
MUESTRA
Para determinar la magnitud de la muestra se emplea la siguiente formula:
N: tamaño de la población 1505
Se: error de estándar 0.015
V2
: varianza de la población al cuadrado.
S2
: varianza de la muestra.
P: 0.9
N1
: tamaño de la muestra sin ajustar
N: tamaño de la muestra
N1
=S2
/V2
N=N1
/1+N/N

43. 43
S2
= P (1-p)= 0.9 (1-0.9)=0.09
Y2
= (0.015)2
= 0.000225
N1
= n1
/1+ (n1
/n)= 400/1+ (400/850)=367
N= 367 personas
Técnica e instrumentos
Encuesta:
Para llevar la recopilación de datos se empleara la técnica de la encuesta porque
permitirá encontrar datos explícitos que se aplicará dentro de la población de la
ciudadanía de la colonia Oaxaca y a los integrantes del grupo musical lo que e
observado que su información e imagen visual no está bien difundida entre la
ciudadanía, a los encuestados sabremos la solución para tener una buena difusión y
dar un gran impacto en la sociedad
Forma de análisis
Al desarrollar el método para el desarrollo del sitio web se busca nuevos métodos de
innovación que incremente las nuevas tecnologías y ayude al grupo musical Kaoba
de México tener un buena difusión para dar a conocer los servicios que ofrecen, la
información más clara y precisa de los eventos que dan ya que es medio de
información que impacta en la sociedad.

44. 44
REFERENCIAS
wikipedia. (31 de julio de 2013). Recuperado el 31 de julio de 2013, de
https://es.wikipedia.org/wiki/Sitio_web
wikipedia. (10 de abril de 2013). Recuperado el 31 de julio de 2013, de
http://es.wikipedia.org/wiki/Comunicaci%C3%B3n
wikipedia. (22 de julio de 2013). Recuperado el 01 de agosto de 2013, de
http://es.wikipedia.org/wiki/Familia_de_protocolos_de_Internet
wikipedia . (23 de mayo de 2013). Recuperado el 27 de julio de 2013, de
https://es.wikipedia.org/wiki/Joint_Photographic_Experts_Group
wordrefence. (2013). Recuperado el 31 de julio de 2013, de
http://www.wordreference.com/definicion/difusi%C3%B3n
Angel Cobo, P. G. (2005). PHP Y MYSQL Tecnologias para el desarrollo de
aplicaciones web. diazsantos.
CORRALES, J. D. (2005). Ayudante técnico de informática de la Junta de andalucía.
España: Mad,S.L.
definicion . (s.f.). Recuperado el 31 de julio de 2013, de
http://www.definicion.org/desarrollo
Durán Torres, K. (2010). Las redes sociales como estrategia competetiva para las
PYMES: Caso de estudios empresas registradas en el sistema universitario de
mejora empresarial (SUME). Xalapa- Enríquez: Veracruz: Universidad
Varacruzana.

45. 45
LANCKER, L. V. (2009). HTML 4. EDICIONES ENI.
lopez, j. (1981). Domine PHP y MYSQL. España: Alfaomega.
Mora, S. L. (1998). Programación de aplicaciones web. Noriega.
Morrison, M. (2003). Diseño en HTML y XML. Madrid: McGraw-Hill / Interamericana
de españa S.A.U.
Prato, L. B., & Villoria, L. N. (2010). Aplicaciones Web 2.0 - Redes Sociales. Villa
María - Cordoba: Eduvim.

47. 47
Anexos
Cuestionario
Esquema de la encuesta:
Responde correctamente las preguntas abiertas y para palomear
¿Sabe que es la tecnología de información?
¿Se beneficiara el instituto con la realización de un sitio web?
Si___ no__
¿Consideras una mejor difusión con la creación del sitio?
¿Crees que la ciudadanía va estar interesado en la nueva difusión del sitio web?
¿Para ti que es un sitio web?

48. 48
Cronograma de actividades
Fechas julio Agosto Septiembre Octubre y
Noviembre
Diciembre
y enero
Febrero Marzo
Actividades
Fase se Análisis
Definición de Objetivos
del Sitio
Definición de Audiencia
Expectativas de la
Organización
Fase de Planificación.
Selección Del Hardware
Selección del Software
Selección del Equipo de
Trabajo
Fase de Contenido.
Contenido Conceptual
Contenido Practico
Diagrama de Interacción
con los Usuarios.
Fase de Diseño.
Usabilidad
Accesibilidad
Programación.
Base de Datos
Programación intermedia
Interfaz
Fase de Testeo.
Comprobación en

49. 49
navegadores
Detectar los vínculos
rotos
Comprobar tiempo de
descarga
Fase de Mercadeo y
Publicidad.
Derechos internacionales
del Autor
Publicidad