plantilla proyecto-investigacion respaldo

64
INSTITUTO TECNOLÓGICO de 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 AGOSTO 2013 S.E.P D.G.E.S.T S.N.E.S.T

Upload: lili-sanchez

Post on 07-Jun-2015

1.179 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Plantilla proyecto-investigacion respaldo

INSTITUTO TECNOLÓGICO

de Tuxtepec

“Desarrollar un sitio web para el grupo musical Kaoba de

México, colonia Oaxaca, Tuxtepec Oaxaca”

PROYECTO DE INVESTIGACIÓN

PRESENTA:

ASESOR:

L.I. MARÍA DE LOS ÁNGELES MARTÍNEZ MORALES

Tuxtepec, Oax. 01 DE AGOSTO 2013

S.E.P D.G.E.S.T S.N.E.S.T

Page 2: Plantilla proyecto-investigacion respaldo

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.

2

Page 3: Plantilla proyecto-investigacion respaldo

ÍNDICE DE CONTENIDO

AGRADEDIMIENTOS..................................................................................................2

ÍNDICE DE CONTENIDO.............................................................................................3

ÍNDICE DE FIGURAS..................................................................................................8

INTRODUCCIÓN..........................................................................................................9

IDENTIFICACIÓN DEL PROBLEMA..........................................................................10

PLANTEAMIENTO DEL PROBLEMA........................................................................11

Pregunta de investigación.......................................................................................11

OBJETIVOS...............................................................................................................12

Objetivo general......................................................................................................12

Objetivos específicos..............................................................................................12

FORMULACIÓN DE LA HIPÓTESIS..........................................................................13

Hipótesis de trabajo................................................................................................13

Hipótesis nula.........................................................................................................13

Variables.................................................................................................................13

Variable independiente:..........................................................................................13

JUSTIFICACIÓN........................................................................................................14

Impacto Social........................................................................................................14

Impacto Tecnológico...............................................................................................14

Impacto Económico................................................................................................15

Impacto Ambiental..................................................................................................15

3

Page 4: Plantilla proyecto-investigacion respaldo

ESTUDIO DE VIABILIDAD.........................................................................................16

Factibilidad Técnica................................................................................................16

Factibilidad Económica...........................................................................................17

Factibilidad Operativa.............................................................................................17

FUNDAMENTO TEÓRICO.........................................................................................18

1. Historia del internet..............................................................................................19

1.1. Internet..............................................................................................................19

1.2. HITOS EN LA DISEMINACION DE LA INFORMATICA...................................21

1.3. Protocolos de internet.......................................................................................21

1.4. Historia de la web.............................................................................................21

1.5. Generaciones de los sitios web........................................................................21

2. Arquitectura cliente servidor.................................................................................21

2.1. Separación de funciones...............................................................................21

2.2. Modelos de distribución en aplicaciones cliente/servidor..............................21

2.3. Presentación distribuida................................................................................21

2.4. Aplicación distribuida.....................................................................................21

2.5. Datos distribuidos..........................................................................................21

2.6. Arquitectura de dos y tres niveles.................................................................21

2.7. Descripción de un sistema cliente/servidor...................................................21

3. ¿Qué es una aplicación web?..............................................................................21

3.1. El cliente...........................................................................................................21

3.2. El servidor.........................................................................................................21

3.3. Transferencia de páginas web..........................................................................21

3.4. Entorno web......................................................................................................22

3.5. Ventajas y desventajas.....................................................................................22

4

Page 5: Plantilla proyecto-investigacion respaldo

3.6. Arquitectura de las aplicaciones web................................................................22

3.7. Metodología de desarrollo de sitios web...........................................................22

4. Estructura de un sitio web....................................................................................22

4.1. ¿Qué es un sitio web?......................................................................................22

4.2. Contenido de un sitio web................................................................................23

4.2.1. Contenido apropiado para tus lectores..........................................................23

4.2.2. El diseño de autoservicio...............................................................................23

4.2.3. El formato de los textos.................................................................................23

4.2.4. Estructura del contenido Palabras clave y enlaces de calidad......................23

4.3. Estructura física................................................................................................23

4.4. Estructura lógica...............................................................................................23

5. HTML...................................................................................................................23

5.1. ¿Qué es el HTML?...........................................................................................23

5.3. Importancia HTML............................................................................................24

5.4. El uso correcto de las etiquetas........................................................................25

5.5. Estructura de una página web..........................................................................26

5.5.1. Estructura jerárquica.....................................................................................27

5.1.2 Estructura lineal.............................................................................................28

5.1.3 Estructura lineal con jerarquía.......................................................................28

5.1.4 Estructura en red...........................................................................................29

6. PHP......................................................................................................................30

6.1. Que es PHP......................................................................................................30

6.2. Origen y evolución de PHP...............................................................................31

6.3. Escritura del código fuente en PHP..................................................................33

6.4. Elementos básicos del lenguaje.......................................................................33

5

Page 6: Plantilla proyecto-investigacion respaldo

7. Tipos de imágenes...............................................................................................33

7.1. JPG...................................................................................................................33

7.2. GIF....................................................................................................................33

7.3. PNG..................................................................................................................34

8. Navegadores web................................................................................................34

8.1. Google Chrome................................................................................................34

8.2. Safari................................................................................................................34

8.3. Internet Explorer...............................................................................................34

8.4. Mozilla Firefox...................................................................................................34

9. Software...............................................................................................................34

REFERENCIAS..........................................................................................................38

6

Page 7: Plantilla proyecto-investigacion respaldo

ÍNDICE DE TABLAS

7

Page 8: Plantilla proyecto-investigacion respaldo

ÍNDICE DE FIGURAS

1.-ESQUEMA DE UNA ESTRUCTURA EN ÁRBOL................................................................27

2.ESQUEMA DE UNA ESTRUCTURA LINEAL.......................................................................28

3.ESQUEMA DE UNA ESTRUCTURA LINEAL CON JERARQUÍA.............................................29

4.ESQUEMA DE UNA ESTRUCTURA EN RED.....................................................................29

8

Page 9: Plantilla proyecto-investigacion respaldo

INTRODUCCIÓN

9

Page 10: Plantilla proyecto-investigacion respaldo

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.

Page 11: Plantilla proyecto-investigacion respaldo

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.

Pregunta de investigació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?

Page 12: Plantilla proyecto-investigacion respaldo

OBJETIVOS

Objetivo general

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

Page 13: Plantilla proyecto-investigacion respaldo

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)

Page 14: Plantilla proyecto-investigacion respaldo

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.

Page 15: Plantilla proyecto-investigacion respaldo

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 Papaloapan utilizara 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 100 porciento 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.

Page 16: Plantilla proyecto-investigacion respaldo

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

Page 17: Plantilla proyecto-investigacion respaldo

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

Page 18: Plantilla proyecto-investigacion respaldo

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.

Page 19: Plantilla proyecto-investigacion respaldo

FUNDAMENTO TEÓRICO

Page 20: Plantilla proyecto-investigacion respaldo

20

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 (INTERconected NETwork) 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

Page 21: Plantilla proyecto-investigacion respaldo

21

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.

Page 22: Plantilla proyecto-investigacion respaldo

22

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 (Address Resolution Protocol) 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.

Page 23: Plantilla proyecto-investigacion respaldo

23

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)

Page 24: Plantilla proyecto-investigacion respaldo

24

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

Page 25: Plantilla proyecto-investigacion respaldo

25

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

Page 26: Plantilla proyecto-investigacion respaldo

26

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 application program 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)

Page 27: Plantilla proyecto-investigacion respaldo

27

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.

Page 28: Plantilla proyecto-investigacion respaldo

28

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,

Page 29: Plantilla proyecto-investigacion respaldo

29

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.

Page 30: Plantilla proyecto-investigacion respaldo

30

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

Page 31: Plantilla proyecto-investigacion respaldo

31

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

Page 32: Plantilla proyecto-investigacion respaldo

32

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

Page 33: Plantilla proyecto-investigacion respaldo

33

1.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.

Page 34: Plantilla proyecto-investigacion respaldo

34

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

Page 35: Plantilla proyecto-investigacion respaldo

35

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><html xmlns=http://www.w3.org/1999/xhtml><head><title>Ejemplo de Página PHP </title></head><body><?phpEcho ‘<p> ¡Hola Oliver! </p>’ ;?></body></html>

Page 36: Plantilla proyecto-investigacion respaldo

36

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, Rasmus Lerdorf, 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 (Form Interpreter), 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

Page 37: Plantilla proyecto-investigacion respaldo

37

datos comerciales. Con estas nuevas funcionalidades nace el PHP 4, además se

decide rebautizar el lenguaje dando un nuevo significado a sus siglas:

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: Zeev Zuraski y Andi Gutmas, 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)

Page 38: Plantilla proyecto-investigacion respaldo

38

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 Joint Photographic Experts Group, 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

Page 39: Plantilla proyecto-investigacion respaldo

39

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 (Lempel Ziv Welch) para realizar la compresión de la imagen,

que era más eficiente que el algoritmo Run-length encoding (RLE) usado por los

formatos 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

Page 40: Plantilla proyecto-investigacion respaldo

40

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

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.

Page 41: Plantilla proyecto-investigacion respaldo

41

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.

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.

Page 42: Plantilla proyecto-investigacion respaldo

42

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

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

Page 43: Plantilla proyecto-investigacion respaldo

43

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.

REFERENCIAS

Page 44: Plantilla proyecto-investigacion respaldo

44

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.

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.

Page 45: Plantilla proyecto-investigacion respaldo

45

Prato, L. B., & Villoria, L. N. (2010). Aplicaciones Web 2.0 - Redes Sociales. Villa

María - Cordoba: Eduvim.

Page 46: Plantilla proyecto-investigacion respaldo

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?

Page 47: Plantilla proyecto-investigacion respaldo

48

Cronograma de actividades

Fechas julio Agosto Septiembre Octubre y Noviembre

Diciembre y enero

Febrero Marzo

ActividadesFase se Análisis

Definición de Objetivos del SitioDefinición de AudienciaExpectativas de la Organización

Fase de Planificación.Selección Del HardwareSelección del SoftwareSelección del Equipo de Trabajo

Fase de Contenido.Contenido ConceptualContenido PracticoDiagrama de Interacción con los Usuarios.

Fase de Diseño.UsabilidadAccesibilidadProgramación.Base de DatosProgramación intermediaInterfaz

Fase de Testeo.Comprobación en navegadoresDetectar los vínculos

Page 48: Plantilla proyecto-investigacion respaldo

49

rotosComprobar tiempo de descarga

Fase de Mercadeo y Publicidad.

Derechos internacionales del AutorPublicidad