1. S.E.P
D.G.E.S.T
S.N.E.S.T
INSTITUTO
TECNOLÓGICOde
Tuxtepec
INGENIERÍA EN SISTEMAS COMPUTACIONALES
“DESARROLLO E IMPLEMENTACIÓN DE UN SITIO
WEB PARA EL CENTRO DE BACHILLERATO
TECNOLÓGICO AGROPECUARIO (CBTa) N 16 DE
SAN BARTOLO TUXTEPEC, OAXACA”
PROYECTO DE INVESTIGACIÓN
PRESENTA:
HERNÁNDEZ CASTROARACELI
MORENO ORTÍZMÓNICA
PÉREZ IBÁÑEZZULEIMA
TENORIO MARTÍNEZARLETHE
ASESOR:
L.I. MARÍA DE LOS ÁNGELES MARTÍNEZ MORALES
Tuxtepec, Oax.
ISC – 2013 / 11
Octubre 2013

2. TITULO
DESARROLLO E IMPLEMENTACIÓN DE UN SITIO WEB
PARA EL CENTRO DE BACHILLERATO TECNOLÓGICO
AGROPECUARIO (CBTa) N°16 DE SAN BARTOLO
TUXTEPEC, OAXACA.
i

3. RESUMEN
El Centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 ubicado en la
población de San Bartolo Tuxtepec, Oaxaca, fue fundado el 1° de Octubre de 1973
siendo Secretario de Educación el Dr. Víctor Bravo Ahuja. Es reconocida a nivel
regional
preparando
a
sus
estudiantes
como
Técnicos
Agropecuarios,
conocedores del cultivo de plantas frutales así como de la cría de ganado.
El presente proyecto de Investigación se basa en el Desarrollo e Implementación
de un Sitio Web para la institución antes mencionada, busca encontrar una
respuesta a la formulación del problema planteado ¿Cuál será el impacto de la
implementación de un sitio web para el Centro de Bachillerato Tecnológico
Agropecuario (CBTa) N°16 de San Bartolo Tuxtepec, Oaxaca?
Tiene como objetivo general desarrollar e implementar un Sitio Web, con la
finalidad de difundir las actividades que en ella se realizan y fortalecer la
comunicación entre la comunidad educativa.Su desarrollo se basa en la
Metodología para Creación de Sitios Web creada por la ingeniero DelyMaybel Gil
Álvarez, que comprende las siguientes fases: Análisis, Planificación, Contenido,
Diseño, Programación, testeo, Mercadeo y publicidad.
En el marco teórico se analizan y se exponen las teorías, las investigaciones y los
antecedentes que se consideran relevantes para el estudio, los puntos de
investigación son: Internet, Web 2.0, Sitio Web, Dreamweaver. Cada tema
expuesto de manera detallada, pero limitando la información con el tema de
estudio.
Se aplicó una encuesta para identificar el problema, se analizaron los resultados y
se llegó a la conclusión de implementar un sitio web, posteriormente se aplicó una
segunda encuesta, para tomar en cuenta los intereses de la comunidad estudiantil.
ii

4. Gracias a la aplicación de la Metodología fue posible desarrollar e implementar un
buen Sistema alcanzando los objetivos que se esperaban, logrando ser factible la
hipótesis planteada.
iii

5. CONTENIDO
TITULO .................................................................................................................... i
RESUMEN .............................................................................................................. ii
CONTENIDO .......................................................................................................... iv
TABLAS ................................................................................................................. v
FIGURAS ............................................................................................................... vi
INTRODUCCIÓN .................................................................................................... 7
IDENTIFICACION DEL PROBLEMA ................................................................... 9
PLANTEAMIENTO DEL PROBLEMA ............................................................... 10
FORMULACIÓN DEL PROBLEMA ................................................................... 10
OBJETIVOS ....................................................................................................... 11
GENERAL ....................................................................................................... 11
ESPECÍFICOS ................................................................................................ 11
JUSTIFICACIÓN ................................................................................................ 12
IMPACTO SOCIAL .......................................................................................... 12
IMPACTO TECNOLÓGICO............................................................................. 13
IMPACTO ECONÓMICO................................................................................. 13
IMPACTO AMBIENTAL ................................................................................... 13
ESTUDIO DE VIABILIDAD ................................................................................ 14
FACTIBILIDAD TECNICA ............................................................................... 14
FACTIBILIDAD ECONÓMICA ......................................................................... 15
FACTIBILIDAD OPERATIVA........................................................................... 15
ESTABLECIMIENTO DE LA HIPÓTESIS ............................................................ 16
DE TRABAJO .................................................................................................... 16
NULA ................................................................................................................. 16
iv

6. VARIABLES ....................................................................................................... 16
DEFINICIÓN CONCEPTUAL DE VARIABLES ................................................. 16
DEFINICIÓN OPERATIVA DE LAS VARIABLES ............................................. 17
ANÁLISIS DE FUNDAMENTO ............................................................................. 19
1 INTERNET ......................................................................................................... 19
1.1 HISTORIA DE INTERNET ........................................................................... 19
1.1.1 DEFINICIÓN DE INTERNET .................................................................. 21
1.2 HISTORIA DE LA WORLD WIDE WEB ...................................................... 21
1.2.1 DEFINICIÓN DE LA WORLD WIDE WEB .............................................. 22
1.3 CONCEPTOS BÁSICOS ............................................................................. 23
1.3.1 BROWSERS .......................................................................................... 23
1.3.2 PROTOCOLO HTTP .............................................................................. 23
1.3.3 ENRUTAMIENTOS ................................................................................ 25
1.3.4 HOSTING ............................................................................................... 25
1.3.5 DOMINIO................................................................................................ 25
1.4 NAVEGADORES ......................................................................................... 26
1.4.1 INTERNET EXPLORER ......................................................................... 27
1.4.2 MOZILLA FIREFOX................................................................................ 28
1.4.3 GOOGLE CHROME ............................................................................... 28
1.4.4 SAFARI .................................................................................................. 28
2 WEB 2.0 ............................................................................................................. 30
2.1 CARACTERÍSTICAS ................................................................................... 31
2.1.1 PILARES ................................................................................................ 31
3 METODOLOGÍA PARA LA CREACION DE SITIOS WEB ............................... 32
3.1 DEFINICIÓN ................................................................................................. 32
3.1.1 FASE DE ANÁLISIS ............................................................................... 33
3.1.2 FASE DE PLANIFICACIÓN. ................................................................... 35
3.1.3 FASE DE CONTENIDO. ......................................................................... 39
v

7. 3.1.4 FASE DE DISEÑO. ................................................................................ 39
3.1.5 FASE DE PROGRAMACIÓN. ................................................................ 40
3.1.6 FASE DE TESTEO. ................................................................................ 40
3.1.7 FASE DE MERCADEO Y PUBLICIDAD. ................................................ 41
4 SITIO WEB......................................................................................................... 41
4.1 ¿QUÉ ES UN SITIO WEB?.......................................................................... 41
4.1.1 PÁGINA WEB ......................................................................................... 42
4.2 ESTRUCTURA DE UN SITIO WEB ............................................................. 42
5 DREAMWEAVER 8 ........................................................................................... 44
5.1 ¿QUE ES DREAMWEABER 8? .................................................................. 44
5.1.1 NOVEDADES DE DREAMWEAVER 8 ................................................... 45
5.1.2 INSTALACIÓN DE DREAMWEAVER 8 ................................................. 45
5.2 AREA DE TRABAJO DE DREAMWEAVER 8 ............................................ 46
5.2.1 DISEÑO DEL ESPACIO DE TRABAJO ................................................. 46
5.2.2 VENTANA DE DOCUMENTO ................................................................ 48
5.2.3 BARRA DE HERRAMIENTAS DE DOCUMENTO ................................. 49
4.2.4 BARRA DE ESTADO ............................................................................. 49
PROCEDIMIENTO O MÉTODO............................................................................ 50
ENFOQUE DE LA INVESTIGACIÓN ................................................................. 50
ALCANCE DE LA INVESTIGACIÓN ................................................................. 50
TIPO DE INVESTIGACIÓN ................................................................................ 51
DISEÑO DE LA INVESTIGACIÓN ..................................................................... 51
UNIVERSO......................................................................................................... 51
MUESTRA O UNIDAD DE ANÁLISIS ............................................................... 51
ELABORACIÓN, SELECCIÓN Y DESARROLLO DE INSTRUMENTOS ......... 52
TÉCNICAS ...................................................................................................... 52
INSTRUMENTOS ............................................................................................ 52
vi

8. METODOLOGÍA DE DESARROLLO DEL SISTEMA ....................................... 53
ANÁLISIS DE RESULTADOS .............................................................................. 54
CONCLUSIONES ................................................................................................. 59
FUENTES CONSULTADAS ................................................................................. 60
ANEXOS ............................................................................................................... 62
vii

9. TABLAS
Tabla 1: Herramientas ......................................................................................... 14
Tabla 2: Costos de Software .............................................................................. 15
Tabla 3: Mano de obra ........................................................................................ 15
Tabla 4. Identificación de Variables. .................................................................. 16
Tabla 5: Variables operativas ............................................................................. 17
v

10. FIGURAS
Figura 1.1.1 Red mundial de computadoras interconectadas entre sí con la
finalidad de comunicarse e intercambiar información. _________________ 21
Figura 1.4.1 Descarga gratis de Internet Explorer 8 ____________________ 28
Figura 1.4.2 Descarga gratuita de Mozilla Firefox ______________________ 28
Figura 1.4.3 Descarga gratuita de Google Chrome _____________________ 28
Figura 1.4.4.1 Web Inspector es una de las herramientas _______________ 29
más valoradas por los usuarios del navegador safari __________________ 29
Figura 1.4.4.2 Web Inspector forma parte del proyecto Webkit. __________ 30
Figura 2.1.1.1 Redes sociales para Publicidad ________________________ 31
Figura 2.1.1.2 Redes sociales para mezclar ___________________________ 32
Figura 2.1.1.3 Tecnologías para compartir información _________________ 32
Figura 2.1.1.4 Tecnologías para relacionarse _________________________ 32
Figura 2.1.1.5 Tecnologías de Cooperación___________________________ 32
Figura 4.2.1 Estructura de árbol ____________________________________ 43
Figura 4.2.2 Estructura lineal ______________________________________ 44
Figura 4.2.3 Estructura Mixta ______________________________________ 44
Figura 5.2.1.1 Diseño del espacio de trabajo de Dreamweaver en Windows 47
Figura 5.2.1.2 Diseño del espacio de trabajo de Dreamweaver en Macintosh48
Figura 5.2.3 Barra de herramientas de documento _____________________ 49
Figura 5.2.4 Barra de estado _______________________________________ 49
vi

11. vii

12. INTRODUCCIÓN
Hoy en día los Sitios web se han convertido en una de las opciones de mayor
consulta y divulgación para la sociedad actual, como también uno de los medios
de comunicación rápidos y entretenidos.
Realizando un estudio sobre el Centro de Bachillerato Tecnológico Agropecuario
(CBTa) N°16 se logra identificar, que carece de un medio tecnológico
institucionalizado que promocione sus avances e innovaciones en los procesos de
formación agropecuaria y permita el uso de la comunicación a través de los
medios tecnológicos modernos, ésta es la razón que impulsa al Desarrollo e
implementación de un Sitio Web, donde se observe una descripción relacionada
de los diferentes espacios que hacen parte de la Institución, además de atraer y
mantener una constante comunicación con los integrantes del CBTa N°16,
egresados y personas en particular que de una u otra forma harán aportes en
beneficio de la institución.
El proyecto está organizado en 5 capítulos que constituyen el marco de referencia
del trabajo, incluye conocimientos fundamentales del tema hallados en la
literatura.
Capítulo 1 Internet. En este capítulo se aborda los antecedentes de Internet
como de la WWW, los conceptos básicos y los navegadores.
Capítulo 2 Web 2.0. Se mencionan las características y los pilares de la Web 2.0
constituyen una noción fundamental en Sitios web. La gran mayoría de las
aplicaciones de web 2.0 involucra dicha noción.
Capítulo 3 Metodología para Creación de Sitios Web. Es importante definir la
metodología para el desarrollo de este proyecto, se explican de manera clara y
concisa las fases que comprende.
7

13. Capítulo 4 Sitio Web. Se aborda el concepto del tema y sus estructuras.
Capítulo 5 Dreamweaver.En el presente capítulo se define el tema sus
novedades, y el área de trabajo como también sus componentes.
Se describen paso a paso la estructura del proyecto cumpliendo las expectativas
de la investigación, para así lograr con el objetivo planteado y hacer verídico la
hipótesis.
8

14. IDENTIFICACION DEL PROBLEMA
El centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 ubicado en la
población de San Bartolo Tuxtepec, Oaxaca, fue fundado el 1° de octubre de 1973
siendo secretario de Educación el Dr. Víctor Bravo Ahuja.
Esta institución cuenta con un total de 539 alumnos de los cuáles 43% son
mujeres, 57% hombres; 61personas laborando, 50% son docentes, 30%
administrativos y 20% de servicios generales. El terreno que ocupa es de
aproximadamente 7 hectáreas.
En infraestructura cuenta con 14 salones, 6 laboratorios (Cómputo, Química,
Hortofrutícolas, Productos lácteos, Carnes y Ensilado), una Biblioteca y una Sala
Audiovisual; Instalaciones Agropecuarias (Corrales y bebederos) e Instalaciones
Deportivas (Campo de futbol, cancha de basquetbol y voleibol).
Sus áreas administrativas son: Control Escolar, Recursos humanos, Dirección,
Desarrollo humano, Sala de Maestros.
Actualmente el CBTa N°16 cubre dos áreas:

Físico Matemático Agropecuario

Químico Biólogo Agropecuario
A pesar de que el Centro de Bachillerato Tecnológico Agropecuario de San Bartolo
Tuxtepec, es reconocida a nivel regional preparando a sus estudiantes como
Técnicos Agropecuarios, conocedores del cultivo de plantas frutales así como de
la cría de ganado, carece de un medio tecnológico institucionalizado que
promocione sus avances e innovaciones en los procesos de formación
agropecuaria y permita el uso de la comunicación a través de los medios
tecnológicos modernos.
9

15. PLANTEAMIENTO DEL PROBLEMA
Actualmente el CBTa N°16 hace uso de las herramientas colaborativas que nos
ofrece la web 2.0, principalmente las redes sociales y blog.
El Bachillerato posee una cuenta de facebook y un blog.

CBTa N°16 San Bartolo Tuxtepec: Cuenta de facebook en donde se crea
un vínculo entre alumnos, maestros, egresados, trabajadores e interesados,
fomentando la unión entre generaciones y la aportación de ideas que
mejoran las áreas de desarrollo del plantel. Además sirve como espacio de
convivencia en donde se comparten aventuras, vivencias y experiencias
profesionales.

CBTa N°16: Este blog muestra la historia de la institución, las áreas que
maneja, el proceso de inscripción, etc.
Cabe mencionar que los medios que utilizan manejan información aislada con
administradores diferentes en donde cada quien publica la información que le
compete, además de que dicha información no son actualizados.
El CBTa N°16 carece de un instrumento o estrategia tecnológico que le permita
mantener un canal de información oportuno con el resto de la comunidad
educativa, por lo que se propone implementar un medio de mayor consulta y
divulgación en el que se haga uso de las distintas herramientas de la web social
que ayuden a conocer las opiniones y sugerencias de la sociedad actual.
FORMULACIÓN DEL PROBLEMA
¿Cuál será el impacto de la implementación de un sitio web para el Centro de
Bachillerato Tecnológico Agropecuario (CBTa) N°16 de San Bartolo Tuxtepec,
Oaxaca?
10

16. OBJETIVOS
GENERAL
Desarrollar e implementar un sitio web para el Centro de Bachillerato Tecnológico
Agropecuario (CBTa) N°16 de San Bartolo Tuxtepec, con la finalidad de difundir
las actividades que en ella se realizan y fortalecer la comunicación entre la
comunidad educativa.
ESPECÍFICOS

Identificar y analizar los requerimientos para el desarrollo del sitio web.

Definir los requerimientos técnicos para el sitio.

Presentar un contenido con información que cubra las necesidades e
intereses de la comunidad estudiantil.

Diseñar detalladamente el Sitio Web para satisfacer las necesidades e
inquietudes de los usuarios.

Seleccionar los lenguajes de programación en los que se desarrollara el
sitio web.

Ejecutar pruebas exhaustivas para asegurar el funcionamiento del sitio web.

Publicitar el sitio web para su difusión, por medio de buscadores y otros.
11

17. JUSTIFICACIÓN
El centro de Bachillerato Tecnológico Agropecuario (CBTA) N°16 ofrece una sólida
formación Técnico Agropecuario de calidad, es por ello que se hace indispensable
la implementación de un sitio web como medio tecnológico moderno, incorporando
herramientas de la web 2.0, ya que es ésta una actitud y no precisamente una
tecnología.
El sitio web para las pequeñas o medianas empresas permite cambiar su imagen
en un aspecto profesional a la vez moderno y garantiza su expansión a nivel
mundial.
Implementar un sitio web para el CBTa N°16 posee grandes beneficios, tales
como:

Permitirá a los alumnos, docentes y aspirantes al ingreso, mantenerse en
actualizados de los cambios y acontecimientos de la
institución,
fortaleciendo la comunicación.

Proveer a la institución de una herramienta web que permita atraer y
mantener una constante comunicación al interior de la institución,
egresados y personas particulares que de una u otra forma harán aportes
en beneficio del Bachillerato.
IMPACTO SOCIAL
Con la implementación de un sitio web se busca beneficiar directamente al CBTa
N°16, ya que a través de él se crearán nuevos lazos de contacto y relación con
otras instituciones y se hará presencia a nivel nacional e internacional.
Permitirá a los alumnos tener un mayor conocimiento de los procesos, proyectos y
acontecimientos que ocurren en su institución.
12

18. Además servirá de apoyo a los estudiantes que deseen ingresar al Bachillerato, ya
que en el sitio se podrá encontrar la información básica que se necesite, sin
necesidad de acercarse a la institución a indagar por ello.
IMPACTO TECNOLÓGICO
El sitio web permite navegar con facilidad a través de internet por gran cantidad de
información, la cual se convierte en una tecnología de amplio potencial educativo.
Con este medio se pretende mantener informados a la comunidad educativa y
publicitar sus servicios de manera gratuita las 24 hrs del día, publicando
periódicamente las novedades en el Sitio Web, mejorando la perspectiva del CBTa
N°16 dándole personalidad y profesionalismo demostrando el conocimiento y la
aceptación de las nuevas tecnologías.
IMPACTO ECONÓMICO
Con este proyecto se busca proveer a la institución de una herramienta web que le
permita mejorar los índices de comunicación con la comunidad educativa de
manera rápida y económica.
Los costos iniciales y operacionales de contar con un sitio web son muy bajos y
más aún si se tiene en cuenta los beneficios que produce, se reducen los costos
de publicidad, imprenta y comunicaciones, entre otros.
IMPACTO AMBIENTAL
La web es una herramienta que minimiza la barrera espacio y tiempo.
13

19. ESTUDIO DE VIABILIDAD
A continuación se presentan las actividades de la implementación del sitio web
para el CBTa N°16 desde todas las perspectivas posibles para determinar si el
proyecto es viable.
FACTIBILIDAD TECNICA
En este apartado analizaremos lo que se requiere para el desarrollo del sitio web
para el CBTa N°16 en cuanto a hardware y software.

HARDWARE
 Laptop Sonny VAIO AMD Processor
SO Windows 7 Home Premium
2GB de RAM
500 GB de Disco Duro
 Cámara Digital

SOFTWARE
Tabla 1: Herramientas
SOFTWARE
TAREA
Flash Player
Elementos multimedia e interactivos
MediaCoder
Video y sonido
Gimp 2.1
Dibujo
Adobe Dreamweaver
Programación web
Explorer
Navegadores de prueba
Firefox
Safari
Chrome
14

20. 
TECNOLOGÍA
 Hosting
 Dominio
FACTIBILIDAD ECONÓMICA
Tabla 2: Costos de Software
SOFTWARE
IMPORTE
Dreamweaver
$363.27
Gimp 2.0
Libre
MediaCoder
$499.50
Hosting incluye Dominio
$1200.00
Tabla 3: Mano de obra
DESCRIPCIÓN
IMPORTE
Fotocopias
$90.00
Transporte
$500.00
Alimentos
$500.00
Mano de obra
$5000.00
FACTIBILIDAD OPERATIVA
Para que se aproveche al máximo las utilidades que ofrece el sitio web, se
contemplan las siguientes actividades:

Presentar un manual de usuario, dirigido a usuarios finales.

Informar a través de las redes sociales la dirección electrónica del sitio web.
15

21. ESTABLECIMIENTO DE LA HIPÓTESIS
DE TRABAJO
El desarrollo e implementación de un sitio web incorporando aplicaciones de la
web 2.0 para el centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 de
San Bartolo Tuxtepec, permitirá la difusión de las actividades educativas y
fortalecerá la comunicación entre la comunidad estudiantil y particulares.
NULA
El desarrollo e implementación de un sitio web incorporando aplicaciones de la
web 2.0 para el Centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 de
San Bartolo Tuxtepec, no permitirá la difusión de las actividades educativas ni
fortalecerá la comunicación entre la comunidad estudiantil y particulares.
VARIABLES
Tabla 4. Identificación de Variables.
VARIABLE INDEPENDIENTE
VARIABLE DEPENDIENTE
Desarrollo e implementación de un sitio La
difusión
de
las
actividades
web incorporando aplicaciones de la educativas del CBTa N°16 fortalecerá la
web 2.0
comunicación
entre
la
comunidad
estudiantil y particulares.
DEFINICIÓN CONCEPTUAL DE VARIABLES
Desarrollo: Es la condición de evolución que siempre tiene una connotación
positiva, ya que implica un crecimiento o paso hacia etapas o estadios superiores.
16

22. Implementación: En desarrollo de sistemas informáticos, es la etapa donde
efectivamente se programa el sistema.
Sitio Web (Website): Es un conjunto de páginas HTML relacionadas entre sí por
hiperenlaces, gestionadas por una única entidad o persona, accesibles desde
internet a partir de una dirección URL de su página índice (índex) y con una
unidad de contenido y de estilo gráfico. Incluye textos, imágenes, archivos de
audio, video y enlaces a otros sitios web.
Web 2.0: Es la transición que se ha dado de aplicaciones tradicionales hacia
aplicaciones que funcionan a través de la web enfocado al usuario final. Se trata
de aplicaciones que generen colaboración y de servicios que reemplacen las
aplicaciones de escritorio.
Difusión: Proceso de propagación o divulgación de conocimientos, noticias,
actitudes, costumbres, modas, etc.
Fortalecer: Animar, reparar o añadir nuevas fuerzas a algo.
Comunicación: Fenómeno de carácter social que comprende todos los actos
mediante los cuales los seres vivos se comunican con sus semejantes para
transmitir o intercambiar información. Comunicar es poner en común e implica
compartir.
DEFINICIÓN OPERATIVA DE LAS VARIABLES
Tabla 5: Variables operativas
VARIABLE INDEPENDIENTE
VARIABLE DEPENDIENTE
Desarrollo e implementación de un Sitio Difusión de las actividades educativas
Web incorporando aplicaciones de la del CBTa N°16.
web 2.0
Fortalecerá la comunicación entre la
17

23. comunidad estudiantil y particulares.
Indicadores

Impacto
Indicadores
del
desarrollo
e

implementación del Sitio Web.
Poseer conocimientos operativos
para el manejo del Sitio Web

Beneficios de la implementación
del Sitio Web.
18

24. ANÁLISIS DE FUNDAMENTO
1 INTERNET
1.1 HISTORIA DE INTERNET
Internet, nació como resultado de las investigaciones que la agencia del
Departamento de Defensa de los Estados Unidos llamada ARPA (Agencia para
proyectos de Investigación Avanzados, hoy en día DARPA) y un grupo de
científicos de varias universidades estadounidenses. Este grupo se unió en la
década de los 60 (1962 aprox.) con el objetivo de sacar mayor partido a los
escasos, incompatibles y caros computadores de la época.(CHUNGA, 2010, pág.
2)
En aquellos tiempos, los computadores eran enormes máquinas que ocupaban
varios metros cuadrados, y que, para ser utilizados, necesitaban de un terminal de
conexión (un „computador tonto‟ cuya única función era enviar datos al „verdadero
computador‟ y mostrar los que recibía del mismo). Cada fabricante producía
equipos que eran incompatibles entre sí, ya que su funcionamiento interno y la
forma de trabajar con ellos eran distintos. Así, por ejemplo, para poder conectarse
a tres computadores, también eran necesarios otros tantos terminales, cada uno
con una forma de trabajo diferente. Como solución a este problema, se vio que era
necesario implementar una red que interconectase los diferentes computadores de
una forma estándar.
Además de tener grandes dimensiones y de funcionamiento limitado eran caros.
De ahí que no fuese posible adquirir uno de estos equipos para cada grupo de
investigadores dispersos por el país. Así que, en vez de comprar computadores
para cada equipo de científicos, la solución pasaba por adquirir unos pocos, pero
muy potentes, y concentrarlos físicamente en unos pocos puntos. De esta forma,
19

25. los investigadores de diferentes lugares podrían compartir los recursos de estos
potentes computadores conectándose a ellos por red.
Como resultado de estas investigaciones, se creó una red, de nombre ARPANET,
que fue el embrión de lo que hoy se conoce como Internet. El 2 de septiembre de
1969, en la Universidad de California en Los Ángeles (UCLA), se conectó el primer
computador a esta primitiva red. En pocos meses se unieron más equipos de
distintas universidades, convirtiéndose así en una magnífica herramienta de
comunicación para los investigadores.
Con el tiempo, fueron surgiendo otras redes paralelas a ARPANET. Sin embargo,
todas eran cerradas e incompatibles entre sí. Así que, siguiendo la máxima de “yo
uso tu red y tú puedes usar la mía”, se creó una „lingua franca‟ que permitiese a
las dispares redes interconectarse y hablar entre sí (para poder, de esta manera,
reutilizar los caros y escasos computadores que entonces existían). Esta „lingua
franca‟ es un protocolo (el lenguaje que usan los computadores para
comunicarse), de nombre TCP/IP. A pesar de tener más de 30 años (se creó en
1973), este protocolo todavía sigue usándose en la actualidad.
Esta gran red de redes (resultado de la interconexión de todas esas redes) en la
que se convirtió Internet fue el verdadero punto de partida que permitía obtener
todo tipo de información, de cualquier parte del mundo y en todo el mundo. Sin
embargo, Internet todavía tardó mucho en madurar y durante casi dos décadas
pasó totalmente desapercibido para el gran público. Fue en los ámbitos
universitarios y científicos donde se le sacó mayor provecho, mediante el uso del
correo electrónico, la transferencia de ficheros (FTP) o la publicación de mensajes
en las „news‟ (los primigenios foros de discusión en Internet, aún en activo pero en
desuso). También existían sistemas como gopher o BBS, considerados los
antecesores de las páginas web actuales y que permitían el acceso a la
información de forma más primitiva.
20

26. 1.1.1 DEFINICIÓN DE INTERNET
Internet, proviene de las palabras “Inter” que significa “enlace o conexión” y “Net”
que significa “red o redes”. Es decir, es una red mundial de computadoras
interconectadas en sí, con la finalidad de comunicarse e intercambiar información.
Por la Red Internet circulan constantemente cantidades increíbles de información.
Por este motivo se le llama también La Autopista de la Información.(CHUNGA,
2010, pág. 3)
Figura 1.1.1 Red mundial de computadoras interconectadas entre sí con la
finalidad de comunicarse e intercambiar información.
Internet no es una simple red de ordenadores, sino una red de redes, es decir, un
conjunto de redes interconectadas a escala mundial con la particularidad de que
cada una de ellas es independiente y autónoma. (RODRÍGUEZ, 2007)
1.2 HISTORIA DE LA WORLD WIDE WEB
El explosivo crecimiento que ha tenido Internet en los últimos años se ha debido,
fundamentalmente, a la aparición de una herramienta que por simplicidad de
manejo y potencialidades, ha cautivado a una gran masa de usuarios no
necesariamente adentrados en el mundocomputacional.(IVALES, 2004)
21

27. La World Wide Web ("telaraña de alcance mundial") osimplemente la Web, tuvo
sus orígenes en 1989 en el CERN (CentroEuropeo para la Investigación Nuclear)
ubicado en Ginebra (Suiza),en circunstancias en que el investigador británico Tim
Berners-Leese dedicaba a encontrar una solución efectiva al problema de
laproliferación y la heterogeneidad de la información disponible en la Red.
Integrando servicios ya existentes en Internet (como el muyutilizado Gopher por
esa época) Berners-Lee desarrolló la arquitecturabásica de lo que actualmente es
la Web. El mismo Berners-Lee ladescribía de la siguiente manera: "La WWW es
una forma de ver todala información disponible en Internet como un continuo, sin
rupturas.Utilizando saltos hipertextuales y búsquedas, el usuario navega através
de un mundo de información parcialmente creado a mano,parcialmente generado
por computadoras de las bases de datosexistentes y de los sistemas de
información".
En 1990 se desarrolló un primer prototipo, pero sólo a partir de1993, cuando el
NCSA (Centro Nacional de Aplicaciones deSupercomputadoras) de la Universidad
de Illinois introdujo el primer"cliente" gráfico para la WWW, denominado Mosaic, la
comunidad deusuarios de Internet comenzó su empleo en forma exponencial.
Apartir de allí y hasta nuestros días, es usual que la gente no dedicadaal tema
confunda, y con razón, a Internet con la Web.
1.2.1 DEFINICIÓN DE LA WORLD WIDE WEB
La WWW, es la información publicada en Internet, mediante páginas web o
documentos basados en hipertexto (contenidos multimedia: texto, imágenes,
video, audio) e hipervínculos (enlaces web). Por tanto, los usuarios a través de
este servicio pueden buscar, recuperar, compartir y publicar información.
(CHUNGA, 2010, pág. 11)
22

28. 1.3 CONCEPTOS BÁSICOS
1.3.1 BROWSERS
En una arquitectura cliente-servidor, el usuario interactúa y obtiene información
desde su computadora a través de una aplicación cliente. En la web estas
aplicaciones se conocen bajo el nombre genérico de “browsers” (también llamadas
“visores”, “visualizadores”, “navegadores” o “exploradores”), y cumplen dos
funciones básicas:

Transmitir a los servidores remotos las órdenes que le imparte el usuario, y

Presentar la información en forma asequible a quien la solicite. (IVALES,
2004)
1.3.2 PROTOCOLO HTTP
El Protocolo de Transferencia de Hipertexto (HyperText Transfer Protocol, HTTP)
es un protocolo de nivel de aplicación para sistemas de información distribuidos.
HTTP ha sido utilizado en la WWW desde 1990.(SILVIANES, y otros, 2010)
El protocolo HTTP permite el intercambio de información hipertextual (enlaces) en
las páginas web. Se trata de un protocolo genérico orientado a objetos, que puede
usarse para muchas tareas como en servidores de nombres y sistemas
distribuidos orientados a objetos, por extensión de los comandos o los métodos
usados. Una de sus características principales es la independencia en la
visualización y presentación de los datos, lo que permite que los sistemas se
construyan independientemente del desarrollo de nuevos avances en la
representación de los datos. Para visualizar los datos de la web se precisa de un
navegador instalado en la máquina del cliente. En el protocolo HTTP existen una
serie de características tales como:

El protocolo HTTP está fundado en un modelo cliente/servidor.
23

29. 
Para la comunicación, se establece en una conexión TCP a través del
puerto 80 (puerto por defecto).

La comunicación HTTP está basada en mensajes solicitud/respuesta en
formato ASCII.
Por
tanto,
una
sesión
HTTP
es
una
secuencia
de
transacciones
solicitud/respuesta. Un cliente HTTP inicia una petición, estableciéndose una
conexión TCP a un puerto del host (habitualmente el 80). Un servidor HTTP
espera el mensaje de petición del cliente en dicho puerto. Para recibir la petición,
el servidor devuelve una línea de estado, como: HTTP/1.1 200 OK, y un mensaje
propio cuyo cuerpo es, por ejemplo, el recurso solicitado, un mensaje de error, o
alguna otra información.
El mensaje de solicitud consiste en lo siguiente:

Línea de solicitud (por ejemplo, GET HTTP/1.1/images/logo.gif), la cual
solicita un recurso llamado /images/logo.gif del servidor.

Cabeceras (por ejemplo, Accept-Language: en)

Una línea vacía.

Un cuerpo de mensaje opcional.
La línea de solicitud y la cabecera deben acabar con <CR><LF> (es decir, un
retorno de carro seguido de un fin de línea). La línea vacía debe consistir en solo
<CR><LF>.
En HTTP, se definen ocho de los denominados métodos, los cuáles indican la
acción que se desea que sea realizada sobre el recurso identificado. Los métodos
definidos son los siguientes:

GET: Solicita una representación del recurso especificado. Mediante este
método el cliente solicita, por ejemplo, una página HTML (index.html) o una
imagen (foto.jpg).
24

30. 1.3.3 ENRUTAMIENTOS
Enrutamiento es el proceso de dirigir un paquete a través de la red desde una
máquina origen a otro destino. La idea es enviar los paquetes a algún sitio donde
pueden tener más información de cómo llegar al destino deseado. (GÓMEZ, 2009)
La información de enrutamiento se construye en una tabla de reglas del tipo:
Para ir a la red A (número de red y máscara), envíe los paquetes a la
máquina B, con un costo de 1 salto.
Asimismo existe una ruta por default donde se envían todos los paquetes
destinados a redes para las cuales no tenemos rutas explícitas.
La tabla de ruteo se recorre de lo más específico a lo más general. Si no hay ruta
específica para dirigirse a un destino y no hay ruta default, el sistema enviará un
mensaje de "networkunreacheable". Esta especificidad se determina por el largo
de la máscara. Cuanta más cantidad de unos tenga la máscara, más específica
será la ruta.
Desde el punto de vista del enrutamiento IP, toda la información necesaria se
almacena en la tabla de ruteo, el problema es determinar si la tabla tiene la
información adecuada.
1.3.4 HOSTING
El propio nombre lo indica, es la habitación virtual donde se alojará la página web.
O bien, espacio virtual donde se almacenará la información.
1.3.5 DOMINIO
Es el DNI de la página Web. Debéis elegir un nombre para vuestro conjunto de
contenido, y, el dominio será su identificación en la red, como un pasaporte virtual
para viajar por la red.
25

31. 1.4 NAVEGADORES
Cronológicamente
la
evolución
de
los
navegadores
web
ha
sido
la
siguiente:(RODIL & PARDO, 2010, pág. 330)

El primer navegador de la historia fue el World Wide Web (posteriormente
llamado Nexus) presentado en 1991 por Tim Berners-Lee. Este navegador
funcionaba en modo texto y solo para ordenadores Next.

En febrero de 1993. Marc Andreessen, un becario de 23 años, lanzó el
primer navegador que funcionaba en entorno gráfico, el Mosaic. En 1994 la
empresa Netscape tomó como base el navegador Mosaic para desarrollar
el primer navegador comercial, llamado Netscape Navigator. Un año más
tarde el navegador Netscape Navigator dominaba más del 80% del
mercado, empezándose a popularizar los términos navegador y navegar.
Además Netscape introdujo el sistema gradual para mostrar las páginas en
la pantalla, donde la información aparece en pantalla de arriba abajo y
donde primero se muestra el texto y después las fotos.

En 1994, un grupo de investigadores de la empresa de telecomunicaciones
noruega crearon el navegador Opera que empezó a comercializarse en
1996. A partir del 2000 cambiaron la licencia de uso, primero mostrando
anuncios publicitarios y a partir del 2005 freeware. Destaca por su reducido
tamaño, su velocidad y su constante innovación, siendo el primer
navegador que en el año 2000 introdujo la navegación por pestañas y una
interfaz de comunicación con BitTorrent (un programa de intercambio de
archivos P2P). En 2006 lanzaron Opera mini una versión para navegar a
través de dispositivos móviles.

En 1995, Microsoft lanzó el sistema operativo Windows 95 que incluía un
navegador web llamado Internet explorer. Al ser gratuito e instalarse
26

32. automáticamente con el sistema operativo, poco a poco fue acaparando el
mercado de los navegadores.

En 1998, Netscape para intentar frenar el éxito de Internet Explorer, liberó
el código de su navegador y creó el proyecto Mozilla, que hasta el año 2002
no lanzó su primera versión del navegador. En el año 2004 apareció la
nueva versión mejorada llamada Mozilla Firefox que ganó en poco tiempo
gran popularidad gracias a sus pestañas, a ser muy ligero y a su
versatilidad. Este navegador es actualmente el gran competidor de Internet
Explorer.

En 2003, Apple creó el navegador Safari para incluirlo como navegador
predeterminado en todos sus ordenadores y dispositivos móviles.

Finalmente, en 2008, la empresa Google ha lanzado su propio navegador
denominado Google Chrome. Este navegador se caracteriza por su
sencillez y por su velocidad a la hora de iniciarse y de cargar las páginas
web.
Actualmente los dos navegadores Web más utilizados son Internet Explorer y
Mozilla Firefox, con más del 80% de la cuota de mercado; les siguen los
navegadores Google Chrome, Safari y Opera.
1.4.1 INTERNET EXPLORER
Windows® Internet Explorer® 8 para MSN® es más rápido, más sencillo y más
seguro que nunca, y ahora puedes conseguirlo con tus funciones favoritas de
MSN incluidas.
La página de inicio de Prodigy MSN tiene lo último en entretenimiento, noticias,
vídeos, deporte, acontecimientos destacados y mucho más.
27

33. Bing™ te ayuda a encontrar resultados relevantes de forma rápida y sencilla
mediante sugerencias visuales.(Corporation, 2009)
Figura 1.4.1 Descarga gratis de Internet Explorer 8
1.4.2 MOZILLA FIREFOX
Para utilizar el navegador Mozilla Firefox en el sistema operativo Windows hay que
descargar el programa desde la página del fabricante e instalarlo en el sistema.
http://www.mozilla-europe.org/es/firefox/(RODIL & PARDO, 2010, pág. 338)
Figura 1.4.2 Descarga gratuita de Mozilla Firefox
1.4.3GOOGLE CHROME
Google Chrome es un navegador web rápido, seguro y fácil de usar creado para la
web actual.(Google, 2013)
Figura 1.4.3 Descarga gratuita de Google Chrome
1.4.4 SAFARI
28

34. Safari es un excelente navegador web que desde hace algún tiempo viene
ganando terreno de manera notoria frente a otras alternativas presentes en el
mercado. Siempre fue muy popular en los sistemas operativos Mac OS, pero la
llegada de la versión para PC con sistemas operativos Windows hizo que lograra
más adeptos.(MINERA, 2011)
El navegador Safari (www.apple.com/safari) está disponible para múltiples
sistemas operativos, entre los que se encuentran Mac OS X y Windows. Web
Inspector es una herramienta que puede trabajar en conjunto y permite analizar
páginas web mediante la obtención de información relevante, con la posibilidad
incluso
de
modificar
algunas
de
sus
características
para
observar
el
comportamiento y obtener los resultados esperados. Web inspector cuenta
puntualmente con las siguientes características:
Figura 1.4.4.1 Web Inspector es una de las herramientas
más valoradas por los usuarios del navegador safari

Edición de hojas de estilo CSS en tiempo real.

Soporte de las nuevas propiedades CSS.

Existe también la posibilidad de almacenar bases de datos en la parte
cliente y de esta forma acceder mediante JavaScript.

Fuentes descargadas con la directiva @font-face.

Navegación del DOM de la página.
29

35. 
Consola JavaScript para visualizar errores y advertencias, y además
evaluar sentencias.

Tiempo de carga y peso de la página.

Listado de las cabeceras HTTP de petición y respuesta.

Detecta errores HTML.
Figura 1.4.4.2Web Inspector forma parte del proyecto Webkit.
Web Inspector es una herramienta multiplataforma y forma parte de Webkit
(http://webkit.org/), un motor de navegación web de código abierto utilizado por
muchas aplicaciones del sistema operativo Mac OS X como Safari, Dashboard y
Mail.
Podemos
descargar
la
última
versión
disponible
del
sitio
http://nightly.webkit.org/.
2 WEB 2.0
No hay definición consensuada, ya que se trata de una etiqueta para nombrar una
tendencia.
“Un fenómeno social en relación con la creación y distribución de contenidos en
Internet, caracterizado por la comunicación abierta, la descentralización de
autoridad, la libertadde compartir y usar, dentro de un enfoque que trata a las
relaciones humanas como conversaciones” . (FERNÁNDEZ, 2009)
30

36. 2.1 CARACTERÍSTICAS
Las aplicaciones web de la nueva era se caracterizan por:
La plataforma es la web, se tiende a utilizarla más que el propio PC.
Los datos son lo importante, el “Intel Inside”.
Arquitectura de participación colectiva que forman las llamadas redes
sociales.
Los
desarrolladores
no
pertenecen
a
grandes
empresas,
son
independientes.
Todo es siempre beta (se mejora continuamente).
2.1.1 PILARES
La tecnología
Las redes sociales: Los nuevos usuarios quieren y pueden :
-
Publicar
Figura 2.1.1.1 Redes sociales para Publicidad
-
Mezclar
31

37. Figura 2.1.1.2Redes sociales para mezclar
-
Compartir
Figura 2.1.1.3Tecnologías para compartir información
-
Relacionarse
Figura 2.1.1.4Tecnologías para relacionarse
-
Cooperar
Figura 2.1.1.5Tecnologías de Cooperación
3 METODOLOGÍA PARA LA CREACION DE SITIOS WEB
3.1 DEFINICIÓN
Es una metodología híbrida, desarrollada para procesos de diseño de aplicaciones
web, denominada “Metodología para Creación de Sitios Web”, creada por la
ingeniero DelyMaybel Gil Álvarez con un grupo de trabajo conformado por los
32

38. siguientes Técnicos egresados del Instituto Universitario de Tecnología de
Valencia (IUTVal): T.S.U. Jonathan Camacho, T.S.U. Nisbeth Suárez, T.S.U.
Josefina Herrera, T.S.U. Raymer Santiago, T.S.U. Emilia Herrera y T.S.U. Miharbi
Hernández. Esta metodología es producto de una recopilación bibliográfica, y está
basada principalmente en las fases para el desarrollo de sitios Web propuestas en
la obra “Studio MX Creación de sitios web” de los autores Green, Chilcott y Flick,
publicado en el año 2003.
En esta publicación la creación de sitios web está dividida en cuatro partes:
Administración del Sitio Web, Desarrollo del concepto de Sitio, Desarrollo del
contenido, Prueba y entrega del producto final.
La “Metodología para Creación de Sitios Web” comprende las fases de: Análisis,
Planificación, Contenido, Diseño, Programación, Testeo, Mercadeo y Publicidad.
3.1.1 FASE DE ANÁLISIS
A la hora del desarrollo de un sitio Web se debe comenzar por dar respuesta a un
grupo muy concreto de interrogantes, que permitirán aclarar y definir de manera
básica las expectativas existentes en torno a la aplicación Web e interacción que
se va a generar. Dichas preguntas podrían ser las siguientes:
1. ¿Se necesita realmente el sitio Web?
2. ¿Para qué se necesita el sitio Web?
3. ¿Qué es lo que buscarán los usuarios en el sitio Web?
4. ¿Qué imagen se quiere proyectar con el sitio Web a los usuarios?
5. ¿Qué servicios interactivos se integrarán a través del sitio Web?
6. ¿Con qué recursos se cuenta para el desarrollo del sitio Web?
7. ¿Cuánto tiempo debe ser invertido en el desarrollo del sitio Web?
8. ¿Qué impacto causará el sitio Web en los usuarios?
33

39. 3.1.1.1 SELECCIÓN DE OBJETIVOS.
Todo proyecto debe contar con objetivos definidos, contra los cuales puede
medirse la efectividad de las acciones que se desarrollen.
Green, Chilcott y Flick (2003) denominan esta etapa, resumen de objetivos, donde
establecen tres puntos primordiales para esta selección, los cuales son definir los
usuarios, lo que los usuarios esperan de la visita, y qué se pretende comunicar a
través del sitio Web. Puntos que para este escrito serán denominados: selección
de usuarios, expectativas de usuario y expectativas de la organización; se
describen a continuación:
Selección de usuarios
Los usuarios o la audiencia, se refiere a aquella parte de la población a la que se
pretende alcanzar o influir con el sitio Web; esto está estrechamente vinculado con
la naturaleza del sitio que se propone. Toda la información que se obtenga servirá
para establecer parte de los criterios de diseño de contenido, lenguajes, estética,
entre otros.
“El modelado del usuario se basa en definir clases o perfiles de los usuarios, y así
poder diseñar con el objetivo de satisfacer las necesidades propias de cada grupo
de usuarios” (Montero, Y. y Martín, F., 2003).
Expectativas de usuarios
La organización puede o no, ser conocida por los usuarios en potencia del sitio. Al
plantearse la puesta en marcha de un sitio Web es necesario conocer hacia quién
va dirigido éste y qué podrían esperar dichos usuarios al visitarlo.
“Tómese un tiempo para contactar con sus clientes, proveedores y amigos, con el
fin de averiguar cómo harían ellos para encontrar su sitio Web y qué les gustaría
ver en él” (Morris, S. y Dickinson, P., 2002, p. 28).
34

40. Expectativas de la Organización
Es vital establecer o fijar qué resultados pretende conseguir la organización con la
creación del sitio Web. Con ello se busca definir el propósito del sitio Web, y se
deben incluir aspectos que van desde los más generales, relacionados con el
público de destino, hasta los más específicos, relacionados con la organización.
Morris y Dickinson (2001) indican que sedebe decidir si lo que se busca con el sitio
Web es: aumentar ventas, ofrecer servicios especializados y conocimientos,
publicidad y patrocinio, incentivos (productos gratis para promoción), o para
publicitar.
3.1.2 FASE DE PLANIFICACIÓN.
Todo proyecto posee una fase de planificación. En ella se deben definir cuáles son
los requerimientos técnicospara este fin, quiénes serán los miembros del equipo,
seleccionar la estructura, planear un sitio bien organizado, y realizar estudiosde
mercadeo comparativo.
3.1.2.1 SELECCIÓN DE SOFTWARE.
En esta etapa de la metodología se busca determinar los requerimientos en
cuanto al software que se utilizará para el desarrollo de la aplicación; es decir,
sistemas operativos, servidor (software), editores para diseño Web, lenguajes de
programación, animaciones y otros componentes. Esta definición dependerá de
muchos aspectos como la existencia de licencias de software o los recursos
técnicos y hardware.
3.1.2.2 SELECCIÓN DE HARDWARE.
Antes de emprender el desarrollode una aplicación Web, se deben determinar los
requerimientos de hardware de la aplicación, el equipo servidor, la capacidad de
respuesta, terminales, requerimientos de red si la aplicación ha de disponerse en
una intranet o extranet. En el caso que la aplicación vaya a estar publicada en
35

41. Internet, se debe reservar el dominio y ubicar el servicio de hospedaje de
empresas que se especializan en este servicio (Morris y Dickinson, 2002)
3.1.2.3 SELECCIÓN DEL EQUIPO ADECUADO
“El entorno de trabajo en equipo surge de la necesidad de segmentar el proceso
de producción en varias funciones diferenciadas” (Green, Chilcott y Flick, 2003, p.
43).
Cada miembro del Equipo Web debe estar capacitado en su campo de trabajo (la
presencia o el nivel de experiencia de ciertos miembros del equipo puede variar
dependiendo del proyecto). Green, Chilcott y Flick (2003) sugieren una lista de
miembros que podrían ser parte de este equipo, de esta lista se extrajeron los
siguientes:
Jefe de Proyecto: Encargado de la supervisión y control del resto del
equipo. Actúa como enlace entre el usuario y los demás miembros.
Productor: Este se encarga de establecer el aspecto, percepción y
funcionalidad del sitio.
Editor: Ayuda a establecer y mantener el estilo, además de la integridad
del sitio. Tiene la responsabilidad de controlar la corrección y el flujo de
texto y en algunos casos el contenido multimedia del sitio.
Escritor: Los escritores deben interesarse por los detalles técnicos y la
incorporación al desarrollo de estándares con respecto al sitio, utilización de
las palabras apropiadas, ortografía y gramática. Es necesario que el escritor
tenga conocimiento de HTML, o de herramientas con FrontPage u otra
aplicación.
Diseñador de bases de datos: Desarrolla las bases de datos que gestiona
el sitio Web, se ocupa de definir sus relaciones.
Diseñador de scripts: Trabaja en conjunto con el diseñador de la base de
datos. Desarrolla y depura los scripts, los componentes Activex y otros
elementos interactivos de la Web.
36

42. Diseñador gráfico: Se encarga de crear los archivos visuales del sitio,
también puede encargarse de la creación de los archivos de sonido y de
película. Trabaja con imágenes y pequeñas labores de programación.
Técnico de hardware: Configura, prueba, opera y mantiene las
computadoras, impresoras y máquinas necesarias para la ejecución y
mantenimiento del sitio.
Técnico de prueba: Si se dispone de un sitio grande o complejo, puede
resultar provechosa la incorporación de un Técnico de prueba al equipo. Su
labor consiste en garantizar que todo funcione como debería, se encarga de
probar los elementos de todas las páginas.
Aunque estas funciones podrían tomarse como esenciales, la estructura siempre
vendrá determinada por el alcance del proyecto.
3.1.2.4 SELECCIÓN DEL EQUIPO ADECUADO
Es una manera de detallar, observar y evaluar todas aquellas páginas Web
calificadas como las mejores que se encuentren en la red, con la finalidad de
diseñar una forma que permitacrear un producto de alta calidad, productividad y
competitividad.
Una manera práctica de realizar elbenchmarking es plantearse una serie de
preguntas al momento de visitarlas páginas que se han seleccionado como las
mejores del ramo, Morris y Dickinson (2002) sugieren las siguientes:
¿Cuáles son los objetivos del sitio?
¿Cuánto tiempo tardo en descargar?
¿Se descargó en un orden lógico?
¿Es un sitio Web interesante?
¿Cómo son los gráficos?
¿Refleja el género de la empresa o compañía?
¿Es de fácil uso y es cómodo navegar en él?
37

43. ¿El contenido está estructurado de manera lógica?
¿Hay demasiados o insuficientes niveles de información?
En conjunto ¿el sitio es un éxito?
3.1.2.5 ESTRUCTURA DE NAVEGACIÓN
“La base de un sitio bien diseñado es una estructura definida con precisión“
(Green, Chilcott y Flick, 2003, p. 107).
Las relaciones de las páginas entre síconfiguran la estructura del sitio. Apartir de
la página principal se vinculan mediante enlaces al resto de las páginas, esto es
bastante sencillo mediante código HTML, pero es más complicado decidir el
orden, de qué manera y con qué configuración se establecerán los vínculos.
La estructura de un conjunto de páginas Web es muy importante, ya que permitirá
al lector visualizar todos los contenidos de una manera fácil y clara (buena
estructura), o provocar en el lector una sensación de estar perdido, por lo cual no
encontrará rápidamente lo que busca y terminará por abandonar el sitio (mala
estructura). Los autores Green, Chilcott y Flick (2003), destacan los tipos de
estructura de navegación:
Estructura lineal
Estructura jerárquica
Estructura Radial
Estructura de Red
3.1.2.6COSTOS DE INVERSIÓN
La hora de planificar un sitio Web,se debe realizar un estudio de viabilidad que
refleje el costo financieroa invertir, y que abarque tiempo, personal, hospedaje
Web, dominio, licencias en caso de necesitarse, y mantenimiento.
Contar con un método de control de tiempo se hace pertinente en el desarrollo
Web, al igual que en otros proyectos, ya que el tiempo implica dinero. Una técnica
38

44. para el control del costo de cierta actividad, es el sistema de agenda, que consiste
en dividir cada hora en segmentos de seis minutos llamadas unidades, y es a
partir de lacantidad de unidadespor actividad, que se medirá el costo de ésta.
(Green, Chilcott y Flick, 2003, p. 37).
3.1.3FASE DE CONTENIDO.
Básicamente el éxito de un sitio Web se debe a su contenido. El contenido del sitio
seráprobablemente una combinación de la información que actualmente se posee
y de la que se tendrá que crear (Green, Chilcott y Flick , 2003, p. 41).
Es conveniente presentar un contenido acorde a los objetivos planteados para
desarrollar el sitio, y que la información a plasmar cubra las necesidades e
intereses del público a quien va dirigido.
3.1.4FASE DE DISEÑO.
El diseño Web suponeun trabajo extenso y detallado, puesto que abarca no sólo la
interacción de múltiples elementos, como tecnología multimedia (audio, sonido,
imágenes, animaciones, entre otros); sino, que abarca también su integración con
unaestructura lógica basada en el propósito del sitio. Representando una labor
que va más allá de la simple presentación visual de la información.
El diseño de sitios Web debe ser considerado como una estructura informacional,
y no como un simple espacio artístico donde se exponen las obras creativas de
sus diseñadores. Esmás una estructura comunicacional, diseñada según los
objetivos planteados y condicionada para satisfacer las necesidades e inquietudes
de sus potenciales usuarios (Green, Chilcott y Flick , 2003, p. 110).
Al momento de diseñar sitios Web, es necesario tener en cuenta aspectos como la
usabilidad y la accesibilidad.
39

45. 3.1.5FASE DE PROGRAMACIÓN.
Esta etapa corresponde a la utilización de las herramientas de programación Web.
En estepunto es primordial seleccionar los lenguajes de programación en los que
se desarrollará elsitio Web, la base de datos definir qué contenido del sitio será
estático y cuál será dinámico.
Una vez definidos estos criterios se pasa a una etapa denominada por Green,
Chilcott y Flick (2003) Arquitectura de tres fases, la cual expone lo siguiente:
Base de datos: Se diseña y crea la base de datos.
Programación intermediaria: Programas o códigos que se ejecutarán en el
servidor Web. Acá se establecerá la comunicación entre la base de datos y
la interfaz.
Interfaz: Programas y códigos que des plegarán el contenido a los usuarios
a través del navegador Web. Se refiere aplicación que el usuario visualizará
y a través de la cual operará con ella.
3.1.6FASE DE TESTEO.
Se ejecutan pruebas exhaustivas para asegurar el perfecto funcionamiento del
sitio Web con usuarios que vayan a utilizar el sitio.
Green, Chilcott y Flick (2003) destacan:
Comprobación en navegadores: El primer paso y también el más
importante, es comprobar que las páginas se pueden visualizar de forma
correcta en diferentes navegadores.
Detectar los vínculos rotos: Es necesario detectar documentos que existen
en el sitio pero que no están conectados a través de vínculos; ellos deben
ser reparados o eliminados en caso de no ser necesarios, puesto que
ocupan espacio en el servidor y tienden a crear confusión.
40

46. Comprobar tiempo de descarga: Uno de los puntos claves en el éxito de un
sitio Web es su rapidez de descarga, en base a ello se recomienda un
tiempo mínimo de descarga.
En este punto los administradores reciben la capacitación para el desarrollo de sus
tareas.
3.1.7FASE DE MERCADEO Y PUBLICIDAD.
En esta fase se debe tomar en cuenta los Derechos Internacionales del Autor, por
el cual:
Todas las copias realizadas incluyen el derecho de autor.
Se anexa en el sitio los créditos de los desarrolladores, o un enlace, que le
permita a los usuarios contactarlos.
Luego se define el dominio del sitio, se verifica que esté disponible para poder
registrarlo, y se transfieren los archivos al servidor remoto por FTP, o desde la
página del servidor. Se debe verificar que todos los archivos estén en su carpeta
correspondiente de la Web.
Después de publicada la aplicación Web, su difusión depende de la publicidad que
se le pueda dar mediante papelería de la organización, mediante banners en sitios
específicos, por medio de buscadores y otros.
4SITIO WEB
4.1 ¿QUÉ ES UN SITIO WEB?
Es un conjunto de páginas web (archivos) enlazadas entre sí por vínculos de
hipertexto (o hipervínculos), todo ello instalado en un servidor web accesible las 24
horas del día, los siete días de la semana, desde cualquier parte del
mundo.(PRAT, 2007)
41

47. En efecto, para que los internautas puedan ver sus páginas, éstas deben estar
almacenadas en un servidor web y accesible a través de una dirección específica,
una URL (UniformResourceLocator).Las páginas web se visualizan en los
navegadores, programas especiales para la visualización de sitios web.
Para visitar un sitio web, utilice uno de los dos métodos siguientes:

Si conoce la dirección (o nombre de dominio), basta con teclear esa
dirección en la barra de direcciones del navegador.

Si no conoce la dirección, puede buscar un sitio web por palabras clave que
indiquen su tema o propósito utilizando las herramientas de búsqueda
(motores y guías) que se pueden encontrar en internet.
4.1.1 PÁGINA WEB
Son documentos electrónicos que contienen textos, gráficos, archivos multimedia,
etc. Están escritos en un lenguaje de programación llamado HTML. La extensión
de los archivos es .HTML y son accesibles a través de un navegador web.
(CHUNGA, 2010, pág. 12)
Las páginas web están compuestas de:

Hipertexto/Hiperenlace: Es aquel texto que contiene “enlaces, vínculos o
hipervínculos” a otros textos o documentos. El hipertexto se creó con la
finalidad de manejar y organizar mejor la información, en el cual los datos
se almacenan en una red de nodos conectados por enlaces. Los nodos
(bloques de texto) contienen gráficos, imágenes, audio, animaciones, video,
etc.
4.2 ESTRUCTURA DE UN SITIO WEB
Antes de empezar a diseñar el sitio web hay que organizarlo y para ello hay que
tener claro cuál va a ser el propósito del Sitio Web, sus contenidos y la audiencia
potencial de la que dispondrá. Lo que va a determinar la estructura de la web van
42

48. a ser en gran medida los contenidos; ellos nos deben indicar cuál de los siguientes
tipos de estructura es el más adecuado:

Árbol o jerárquica:Estructura en árbol donde existe una página índice o
principal desdedonde se accede al resto de páginas. Desde estas
subpáginas se puede acceder aotras y así sucesivamente creando distintos
niveles o jerarquías. Es ideal parasitios web de centros o proyectos. No se
aconseja utilizar más de 4 niveles paraevitar que el usuario se desoriente
durante la navegación. Conviene situar entodas las páginas un menú que
permita moverse de una forma fácil y directa porlos distintos niveles y
páginas de cada nivel.(Fernando, 2008)
Figura 4.2.1Estructura de árbol

Lineal o listas:Es una estructura muy simple similar a las páginas de un
libro. Desde una página concreta se puede ir a la página siguiente o la
página anterior. Es especialmente útil si deseamos que el usuario siga un
itinerario fijo y guiado sin posibilidad de acceder a otras páginas que
pudieran distraerle. Ejemplo: Guía o tutorial de aprendizaje. No es
recomendable si el número de páginas encadenadas es muy elevado
porque produce sensación de fatiga y no permite retomar fácilmente la
secuencia allí donde se abandonó en la última sesión.
43

49. Figura 4.2.2Estructura lineal

Mixta: Es una estructura híbrida que trata de aprovechar las ventajas de las
dos estructuras anteriores. Las páginas y subpáginas se organizan de
forma jerárquica pero también es posible navegar de forma lineal por las
páginas de un mismo nivel. Los contenidos web de este curso utilizan esta
estructura.
Figura 4.2.3Estructura Mixta
5 DREAMWEAVER 8
5.1 ¿QUE ES DREAMWEABER 8?
Macromedia Dreamweaver 8 es un editor HTML profesional para diseñar, codificar
y desarrollar sitios, páginas y aplicaciones Web. Tanto si desea controlar el código
HTML como si prefiere trabajar en un entorno de edición visual, Dreamweaver le
proporciona útiles herramientas que mejorarán su experiencia de creación web.
(HP, 2012)
Las funciones de edición visual de Dreamweaver permiten crear páginas web de
forma rápida, sin escribir una sólida línea de código. Puede ver todos los
44

50. elementos o activos del sitio y arrastrarlos desde un panel fácil de usar
directamente hasta un documento. Puede agilizar el flujo de trabajo de desarrollo
mediante la creación y edición de imágenes en Macromedia Fireworks o en otra
aplicación de gráficos y su posterior importación directa a Dreamweaver.
Dreamweaver también contiene herramientas que facilitan la adición de activos de
Flash a las páginas web.
5.1.1 NOVEDADES DE DREAMWEAVER 8
Dreamweaver 8 incorpora muchas funciones nuevas que le ayudarán a diseñar
páginas web y aplicaciones con un mínimo de tiempo y esfuerzo. Dreamweaber
simplifica las tecnologías más complejas y las hace accesibles, ayudándole a
conseguir más en menos tiempo.
Éstas son algunas de las nuevas funciones de Dreamweaver 8:

Herramienta Zoom y guías

Vinculación de datos visual de XML

Nuevo panel de estilos CSS

Visualización de diseño CSS

Contracción de código

Barra de herramientas de codificación

Transferencia de archivos en segundo plano

Inserción de comando de Flash Video
5.1.2 INSTALACIÓN DE DREAMWEAVER 8
 Introduzca el CD de Dreamweaver en la Unidad de CD-ROM de su sistema
 Siga uno de estos procedimientos:

En Windows, se iniciará automáticamente el programa de instalación
de Dreamweaver.
45

51. 
En Macintosh, haga doble clic en el ícono del instalador de
Dreamweaver que aparece en el escritorio.
 Siga las instrucciones que aparecen en pantalla.
 Si el sistema lo solicita, reinicie el sistema.
5.2 AREA DE TRABAJO DE DREAMWEAVER 8
El espacio de trabajo de Dreamweaver permite ver las propiedades de los
documentos y los objetos. Además, coloca muchas de las operaciones más
frecuentes en barras de herramientas para que pueda realizar cambios en los
documentos rápidamente.
5.2.1 DISEÑO DEL ESPACIO DE TRABAJO
En Windows, Dreamweaver proporciona un diseño integrado en una única
ventana. En el espacio de trabajo integrado, todas las ventanas y paneles están
integrados en una única ventana de la aplicación de mayor tamaño.
46

52. Figura 5.2.1.1 Diseño del espacio de trabajo de Dreamweaver en Windows.
En Macintosh, Dreamweaver puede mostrar varios documentos en una sola
ventana con fichas que identifican a cada uno de ellos. Dreamweaver también
puede aparecer como parte de un espacio de trabajo flotante en el que cada
documento aparece en su propia ventana individual. Los grupos de paneles
aparecen apilados en principio, pero pueden separarse en sus propias ventanas.
Las ventanas se ajustan automáticamente, a los lados de la pantalla y en la
ventana Documento, al arrastrarlas o cambiar su tamaño.
47

53. Figura 5.2.1.2 Diseño del espacio de trabajo de Dreamweaver en Macintosh.
5.2.2 VENTANA DE DOCUMENTO
La ventana de documento muestra el documento actual. Puede elegir entre una de
las vistas siguientes:
La vista Diseño es un entorno de diseño para el diseño visual de la página, la
edición visual y el desarrollo rápido de aplicaciones. En esta vista, Dreamweaver
muestra una representación visual del documento completamente editable, similar
a la que aparecería en un navegador.
La vista Código es un entorno de codificación manual para escribir y editar código
HTML, JavaScript, código de lenguaje de servidor, como por ejemplo PHP o
ColdFusionMarkupLanguage (CFML), y otros tipos de código.
Es posible ver el mismo documento en las dos vistas, Código y Diseño, en una
sola ventana de documento.
Cuando la ventana de documento tiene una barra de título, ésta muestra el título
de la página y, entre paréntesis, el nombre y la ruta del archivo. Si se han
realizado cambios que aún no se han guardado, después del nombre del archivo
Dreamweaver incluye un asterisco.
48

54. Cuando se maximiza la ventana de documento en el diseño integrado de espacio
de trabajo (sólo Windows), no aparece la barra de título; en este caso, el título de
la página y el nombre y la ruta del archivo aparecen en la barra de título de la
ventana principal del espacio de trabajo.
Además, cuando una ventana de documento está maximizada, aparecen fichas en
la parte superior de la misma con los nombres de archivo de todos los documentos
abiertos. Para cambiar a un documento, haga clic en su ficha.
5.2.3 BARRA DE HERRAMIENTAS DE DOCUMENTO
La barra de herramientas de Documento contiene botones que permiten alternar
entre diferentes vistas del documento rápidamente: vista Código, vista Diseño y
una vista dividida que muestra las vistas Código y Diseño.
La barra de herramientas contiene también algunos comandos y opciones
relativos a la visualización del documento y a su transferencia entre los sitios local
y remoto.
Figura 5.2.3 Barra de herramientas de documento
4.2.4 BARRA DE ESTADO
La barra de estado, situada en la parte inferior de la ventana de documento,
proporciona información adicional sobre el documento que está creando.
Figura 5.2.4Barra de estado
49

55. PROCEDIMIENTO O MÉTODO
ENFOQUE DE LA INVESTIGACIÓN
El proyecto del desarrollo e implementación de un Sitio Web para el CBTa N°16
posee un enfoque de investigación cuantitativa, como tal se necesita de la
recolección y análisis de datos para responder a la pregunta de investigación y
someter a prueba la hipótesis que se ha establecido mediante el conteo y el uso
de la estadística. Con la Investigación cuantitativa se trata de determinar la fuerza
de asociación o correlación entre la variable independiente que es el Desarrollo e
implementación de un sitio web incorporando aplicaciones de la web 2.0, y la
dependiente: La difusión de las actividades educativas del CBTa N°16 fortalecerá
la comunicación entre la comunidad estudiantil y particulares. y así poder explicar
la causalidad del proyecto.
ALCANCE DE LA INVESTIGACIÓN
El alcance de investigación del Desarrollo e Implementación de un Sitio Web para
el Centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 de San Bartolo
Tuxtepec, es correlacional, ya que se analiza la relación que existe entre dos ó
más variables y se sustenta en la hipótesis sometida a prueba. Dicha hipótesis se
define de la siguiente manera:
El desarrollo e implementación de un sitio web incorporando aplicaciones de la
web 2.0 para el centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 de
San Bartolo Tuxtepec, permitirá la difusión de las actividades educativas y
fortalecerá la comunicación entre la comunidad estudiantil y particulares.
Mediante el estudio correlacional se pretende saber cómo se comporta la variable
dependiente al vincularla con una independiente, y así dar respuesta a la pregunta
de investigación.¿Cuál será el impacto de la implementación de un sitio web para
el Centro de Bachillerato Tecnológico Agropecuario (CBTa) N°16 de San Bartolo
Tuxtepec, Oaxaca?
50

56. TIPO DE INVESTIGACIÓN
Esta investigación se caracteriza como aplicada, ya que requiere de un marco
teórico para las consecuencias prácticas, para ello se requiere de la consulta de
documentos, por los medios utilizados para obtener los datos es documental, se
basa en la consulta de libros, páginas electrónicas, revistas, etc. Por el tiempo en
que suscitan los hechos es descriptiva.
DISEÑO DE LA INVESTIGACIÓN
El diseño de Investigación para desarrollar este proyecto es el diseño
cuasiexperimental donde se manipula una variable independiente para observar
su efecto y relación con dos variables dependientes. Además de su
correspondencia entre el alcance de estudio.
UNIVERSO
El universo para el estudio está conformado por 539 alumnos de los cuales 43%
son mujeres y 57% son hombres, se cuenta con 6 grupos los cuales alumnos
provenientes de San Juan Bautista Tuxtepec, Valle Nacional y otras comunidades
circunvecinas.
MUESTRA O UNIDAD DE ANÁLISIS
En este estudio se aplica la muestra probabilística, a continuación calcularemos la
muestra representativa, aplicando fórmula.
Fórmula:
Dónde:
N= Tamaño de la muestra
Z= Valor crítico correspondiente a un determinado grado de confianza
P= Proposición poblacional.
Q= Probabilidad a encontrar
N= Universo
51

57. E= Error muestral permisible en investigación.
Operación:
N= 539 alumnos
Z= 1.96
E= 0.05
P= 0.5
Q= 0.5
Se toma una muestra de 225 alumnos que corresponde al 41.74% del universo.
ELABORACIÓN, SELECCIÓN Y DESARROLLO DE
INSTRUMENTOS
TÉCNICAS
La técnica empleada es la encuesta que consiste en un conjunto de preguntas
normalizadas dirigidas a una muestra representativa de la población, con el fin de
conocer estados de opinión y acumular información rápidamente, para la
realización de análisis estadístico.
INSTRUMENTOS
En la investigación disponemos del cuestionario como instrumento para la
recolección de datos, consiste en un conjunto de preguntas cerradas dicotómicas
y otras en donde los encuestados pueden marcar dos o más opciones de
respuestas, las opciones de respuesta han sido delimitadas para facilitar la
codificación y preparación del análisis. Ver anexo A. Cuestionario.
52

58. METODOLOGÍA DE DESARROLLO DEL SISTEMA
Para el desarrollo e implementación del Sistema se empleó la Metodología para la
Creación de Sitios Web, que comprende las siguientes fases.
1 Análisis.
Recopilación de datos: (Ver Anexo A)
Selección de objetivos: Se ha definido lo que los usuarios esperan de la
visita, y lo que se pretende comunicar a través del Sitio.
2 Planificación.
Requerimientos técnicos del sistema:Se definió la estructura organizacional
del equipo, se seleccionó la estructura del Sitio web, estableciéndose la
estructura de árbol; selección de software: sistemas operativos Explorer,
Mozilla, Chrome y Safari; programación en Dreamweaver, editores para
animaciones y diseño Gimp, Meda coder. Se realizó un estudio de
mercadeo con otros proyectos similares.
3 Contenido.
Combinación de la Información: Al hacer pacto con el Subdirector del CBTa
N°16 nos proporcionó toda la información relevante de dicha institución,
cumpliendo con los objetivos planteados.
4 Diseño
Análisis de las necesidades: Se diseñaron elementos multimedia que harán
parte del Sitio, integrándolos de manera lógica según los objetivos
planteados para satisfacer las necesidades de los usuarios.
5 Programación
Utilización de las herramientas de programación web: Una vez definido el
Software Dreamweaver, se comenzó programando la interfaz del Sitio,
posteriormente capturar la información de acuerdo a la clasificación,
insertando tecnología multimedia y otros componentes.
53

59. 6 Testeo
Ejecutar pruebas exhaustivas para asegurar el funcionamiento del Sitio
Web. Se realizó la comprobación de que las páginas puedan visualizarse
de forma correcta en diferentes navegadores y detectar los vínculos rotos.
7 Mercadeo y Publicidad
Retomar los derechos internacionales del autor. Se anexaron en el sitio los
créditos de los desarrolladores.
Definir el dominio del Sitio.
ANÁLISIS DE RESULTADOS
El análisis de los datos obtenidos con la realización de la encuesta se llevara a
cabo a través de un ordenador mediante una aplicación que pertenece a la
paquetería de office la cual se llama Microsoft Excel. Dado que la muestra no es
muy grande no se requiere de la utilización de un programa más complejo.
Los datos obtenidos se observan en las siguientes graficas:
1.- ¿Consideras que basta la información publicada en los medios del cual se basa
su institución para informarle, abastece lo que le interesa?
54

60. ¿Consideras que basta la información
publicada en los medios del cual se basa su
institución para informarle, abastece lo que
le interesa?
Twitter
34%
Facebook
66%
Pregunta núm. 1.- Esta pregunta se realizó con la finalidad se saber cuántos
estudiantes consideran que la información en los medio de comunicación
pertenecientes a su institución es suficiente. El 56% contesto que no mientras que
un 44% dijo que si lo era.
2.- ¿Qué tan importante seria para tí mantenerse informado sobre las actividades
realizadas en tu institución?
1.- ¿Qué tan importante seria para tí mantenerse
informado sobre las actividades realizadas en su
institucion?
Poco
17%
No me interesa
8%
Mucho
75%
55

61. Pregunta núm. 2.- Aquí lo que se pretende es conocer la cantidad de estudiantes
creen que es importante mantenerse informado sobre las actividades realizadas
en su institución. De esto el 75% considera que mucho, un 17% cree que poco
mientras que un 8% simplemente no le interesa.
3.- ¿Consideras necesario la implementación de un sitio web en su institución
como medio de información?
¿Consideras necesario la implementación de
un sitio web en su institución como medio
de información?
Twitter
34%
Facebook
66%
Pregunta núm. 3.- Se realizó con la finalidad de conocer si consideran necesaria la
implementación de un sitio web en su institución como medio de información. El
67% considera necesaria la implementación de un sitio web mientras que el 33%
opina que no es necesaria.
56

62. 4.- Si tu respuesta anterior es Sí ¿Qué tan seguido te gustaría que se publicaran
nuevos contenidos?
Si tu respuesta anterior es Sí ¿Qué tan
seguido te gustaría que se publicaran
nuevos contenidos?
Twitter
34%
Facebook
66%
Pregunta núm. 4.- La creación de esta pregunta es la con la finalidad de conocer
que tan seguido creen necesario los alumnos que se publiquen nuevos
contenidos. El 55% considera que semanal ya que en la escuela se desarrollan
actividades nuevas cada día y el 45% opina que mensual ya que piensan que en
una semana no se generaría una publicación novedosa.
5.- ¿Te gustaría que el sitio web se vinculara con las redes sociales?
57

63. ¿Te gustaría que el sitio web se
vinculara con las redes sociales?
Blogger
13%
Twitter
30%
Facebook
57%
Pregunta núm. 5.- Con esta pregunta se buscó conocer las redes sociales que
más visitan los jóvenes, esto con el fin de incluirlos en el sitio web. El 57% visitan
Facebook, mientras tanto el 30% Twitter y el resto que corresponde al 13%
Blogger.
58

64. CONCLUSIONES
En base a la información recopilada mediante los cuestionarios aplicados en la
primera encuesta para la identificación del problema se concluyó que el Centro de
Bachillerato
Tecnológico
Agropecuario
carece
de
un
medio
tecnológico
institucionalizado que promocione sus avances e innovaciones en los procesos de
formación agropecuaria y permita el uso de la comunicación a través de los
medios tecnológicos modernos.
Con la realización del proyecto se logró implementar un Sitio Web para beneficio
propio de la Institución, incorporando aplicaciones de la web 2.0 satisfaciendo las
necesidades de la comunidad estudiantil a través de la comunicación. Por lo tanto,
se concluye que la hipótesis fue factible.
Con el desarrollo e implementación de este sistema se concluye que la
implementación de un Sitio Web es una alternativa que proporciona múltiples
opciones a los usuarios, para brindar y adquirir información
RECOMENDACIONES
Considerando la información de acuerdo con las conclusiones anteriores se
recomienda:
Capacitar a la persona que administrará el Sitio Web para su buen
funcionamiento y rendimiento.
Realizar actualizaciones periódicamente de la información en el Sitio Web,
para un mejor servicio.
59

65. FUENTES CONSULTADAS
CHUNGA, C. G. (2010). Internet conociendo la red de redes. Mexico.
Corporation, M. (2009). prodigy msn. Recuperado el 2013 de Octubre de 30, de
http://ie8.msn.com/microsoft/internet-explorer-8/es-mx/ie8.aspx
FERNÁNDEZ, E. (17 de Septiembre de 2009). e-via. Recuperado el 4 de
Noviembre de 2013, de www.e-via.org
Fernando. (31 de 05 de 2008). Recuperado el 05 de 10 de 2013, de
http://www.ite.educacion.es/formacion/materiales/107/cd/html/pdf/html13.pdf
GÓMEZ, G. (2009). Curso Administración Unix. Recuperado el 15 de Noviembre
de
2013,
de
http://iie.fing.edu.uy/ense/asign/admunix/tcpip.htm#enrutamiento
Google. (13 de Septiembre de 2013). Chrome. Recuperado el 30 de Octubre de
2013, de https://www.google.com/intl/es/chrome/browser/index.html#eula
HP, A. (15 de 02 de 2012). MACROMEDIA DREAMWEAVER 8. Recuperado el 08
de
Octubre
de
2013,
de
progclass:
http://progclass.files.wordpress.com/2012/02/dreamweaver-8-tutorial.pdf
IVALES. (10 de 09 de 2004). Guía digital. Recuperado el 08 de 10 de 2013, de
http://www.guiadigital.gob.cl/guia/archivos/Capitulo_II.pdf
MINERA, F. (2011). Desarrollador Web. Buenos Aires: Fox Andina.
60

66. Pntic.mec.es.
(s.f.).
Recuperado
el
28
de
Octubre
de
2013,
de
http://roble.pntic.mec.es/jprp0006/tecnologia/4eso_informatica/kompozer/int
roduccion/estructura_sitio.htm
PRAT, M. (2007). Cree su primer Sitio Web con Dreamweaver 8. Barcelona: eni.
RODIL, J. I., & PARDO, D. V. (2010). Operaciones auxiliares con tecnologías de la
información y la comunicación (1° ed.). Madrid, España: Paraninfo, SA.
RODRÍGUEZ, Á. A. (2007). INICIACIÓN A LA RED INTERNET (1° ed.). España:
Ideaspropias.
SILVIANES, C. F., SÁNCHEZ, A. G., ROPERO, R. J., RIVERA, R. O.,
BENJUMEA, M. J., BARBANCHO, C. J., y otros. (2010). Servicios en Red.
España: Paraninfo, SA.
61

67. ANEXOS
ANEXO A: Solicitud del Sistema
62

68. ANEXO B: Encuesta 1
ITTUX
DESARROLLO DE UN SISTEMA
PARA EL CBTa N°16
CBTa N°16
Jefe del Proyecto: Araceli Hernández
Analista: Mónica Moreno Ortiz
Diseñador:Arlethe Tenorio Martínez
Programador:Zuleima Pérez Ibáñez
Téster: Julio Franco Elías Celis
Estimado alumno:
Somos estudiantes del Instituto Tecnológico de Tuxtepec, 7° semestre de la
Carrera de Ingeniería en Sistemas Computacionales, realizando un estudio de la
publicidad del CBTa N°16, nos hemos dado cuenta que carece de un medio
institucionalizado que promocione sus avances e innovaciones en los procesos de
formación agropecuaria y permita el uso de la comunicación a través de los
medios tecnológicos modernos. Esta situación, nos ha servido de motivación para
tomarla como proyecto de investigación. Por ello, decidimos realizar una
investigación a fin de conocer las opiniones de la comunidad estudiantil y proponer
una solución, para lograr que el estudiante pueda tener un mayor conocimiento de
los procesos, proyectos y acontecimientos que ocurren en la institución.
Para la elaboración de esta investigación se requiere de tu valioso apoyo, que
consiste en contestar el siguiente cuestionario, pidiéndote proporcionar datos
verídicos.
63

69. Instrucciones: Subraya lo que consideres pertinente.
1.- ¿Con que frecuencia utiliza el internet?
Ocasionalmente
Habitualmente
Nunca
2.- ¿En el lugar en donde vive tiene acceso a internet?
Si
No
3.- ¿Através de qué medios se basa para obtener información de su institución?
Facebook
Blog
Asisto a mi institución
Carteles
4.- ¿Considera usted que es cómodo y accesible el uso de un sitio web?
De acuerdo
Indiferente
En desacuerdo
5.-¿Se considera usted con los conocimientos básicos de computación para el
manejo de un sitio web?
Si
No
6.- ¿Le gustaría acceder a la información de su institución a través de internet?
Si
No
64

70. 7.-¿Qué actividades realiza en internet?
Correo electrónico
Foros
Investigación-escuela
Redes sociales
8.-¿La información de la cual dispone sobre la institución es actualizada?
Si
No
9.-¿Utiliza otros dispositivos además del pc clásico para acceder a internet como
tablet, smartphone, etc.?
Habitualmente
Ocasionalmente
Nada
10.-¿Considera usted que la creación de un sitio web le daría más realce a su
institución?
Si
No
65

71. ANEXO C: Encuesta 2
ITTUX
DESARROLLO DE UN SITIO WEB
PARA EL CBTa N°16
CBTa N°16
Jefe del Proyecto: Araceli Hernández
Analista: Mónica Moreno Ortiz
Diseñador:Arlethe Tenorio Martínez
Programador:Zuleima Pérez Ibáñez
Téster: Julio Franco Elías Celis
Estimado alumno:
Después de haber analizado los datos que como alumno aportaste para nuestra
investigación hemos llegado a la conclusión deDesarrollar e Implementar un Sitio
Web para el CBTa N° 16, con la finalidad de difundir las actividades que en ella se
realizan y así fortalecer la comunicación entre la comunidad educativa.
Por lo cual sugerimos nos
1.- ¿Consideras que basta la información publicada en los medios del cual se basa
tu institución para informarte, abastece lo que a ti te interesa?
Si
No
POR QUÉ: _____________________________________
2.- ¿Qué tan importante seria para ti mantenerte informado sobre las actividades
realizadas en tu institución?
Mucho
Poco
No me interesa
3.- ¿consideras necesario la implementación de un sitio web en tu institución como
medio de información?
Sí
66

72. No
4.- Si tu respuesta anterior es Sí ¿Qué tan seguido le gustaría que se publicaran
nuevos contenidos?
Semanal
Mensual
5.- ¿Te gustaría que el sitio web se vinculara con las redes sociales?
Facebook
Twitter
Blogger
67