Proyecto BATEMS

S.E.P. TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO
de Tuxtepec
INFORME TÉCNICO DE RESIDENCIA
PROFESIONAL
PROYECTO:
“IMPLEMENTACIÓN DE UN PORTAL WEB
PARA EL BACHILLERATO TECNOLÓGICO
MOISES SÁENZ DE SAN JUAN BAUTISTA
TUXTEPEC OAXACA”
PRESENTAN
AGUILAR ORTIZ JULISSA 13350415
CÁLIZ RIVERA JESÚS E. 14350477
CASTILLO HERNÁNDEZ CARLOS E. 13350395
CRISTÓBAL JOAQUIN ALEJANDRO 13350289
GARCÍA CARRILLO JUAN CARLOS 14350260
SOLIS CASTRO NORA B. 14350476
VELASCO SANTIAGO SINDY J. 13350567
CARRERA:
INGENIERIA INFORMÁTICA
ASESOR:
L.I. MARÍA DE LOS ÁNGELES MARTÍNEZ
MORALES
MAYO / 2017.

Preliminares
ii
AGRADECIMIENTOS
Primeramente le doy gracias a Dios por acompañarme y guiarme cada día, por ser
mi fortaleza en los momentos de debilidad. Le doy gracias mi madre por ser la
persona que me ha apoyado en todo momento, por los valores que me ha inculcado.
Sobre todo por ser un excelente ejemplo de vida a seguir. A mis amigos, que gracias
al equipo que formamos logramos llegar hasta el final del camino. A mi profesora,
gracias por ayudarnos, por su paciencia y enseñanza. -Nora.
“Agradezco a mis amigos de equipo por darme la oportunidad de participar
en este proyecto, a la institución BATEMS por abrirnos las puertas, confiar en
nosotros y brindarnos su apoyo”. – CECH.
Agradezco a Dios estar con vida, viviendo este momento, a mi madre y
familia por su apoyo y guía, al equipo que formamos por unirnos pese a
las diferentes formas de ser, y por terminar agradeciendo a la guía de
la profesora que en la justa medida nos apoyó para terminar este ciclo.
– Julissa.
Agradezco a mis padres por el apoyo por cuidarme a mis hijos así facilitándome a reunirme
con mis compañeros y avanzar con este proyecto agradecer a mis compañeros de equipo
por qué gracias a ellos entre todos nos ayudamos a resolver dudas y por compartir una
experiencia muy bonita a la maestra por enseñarnos a cómo llevar a cabo este proyecto,
muchas gracias. –Sindy.
A MI PROFESORA MARIA DE LOS ANGELES MARTINEZ MORALES POR LA GRAN
AYUDA Y COLABORACION QUE NOS BRINDO PARA DAR CONSULTA Y SOPORTE EN
ESTE TRABAJO DE INVESTIGACION. A MIS PADRES Y NOVIA QUE CON SU GRAN
APOYO NO PODRIA REALIZAR ESTE TRABAJO, GRACIAS POR ESCUCHARME,
AGUANTARME Y ANIMARME A SEGUIR ADELANTE. GRACIAS NO SOLO POR ESTAR EN
LOS MOMENTOS BUENOS. –JUAN.
Para mi familia
Suponen los cimientos de mi desarrollo, todos y cada uno de ustedes, mi
pequeña familia: Reyna y Christian, pues se han tomado el tiempo y la
paciencia para enseñarme nuevas cosas y para brindarme
conocimientos que me servirán para toda la vida.
Para mi pareja
Nora, la ayuda que me has brindado ha sido sumamente importante,
estuviste a mi lado hasta en los momentos más difíciles, siempre

Preliminares
iii
apoyándome. Sin duda fue invaluable tu cariño y comprensión para
culminar con éste proyecto.
Me ayudaste incluso más de lo que pensé, muchas gracias, amor.
Para mis amigos
Los verdaderos amigos son aquellos que no te abandonan cuando las
cosas van por mal camino, te brindan su apoyo y no te traicionan de
ninguna manera. Les agradezco por todas sus excelentes ayudas y
aportes a éste proyecto.
Muchas gracias por ser así conmigo, nunca cambien. –Jesús E.
“Un proyecto de investigación, es un trabajo que no sólo es fruto del esfuerzo personal,
sino que necesita de la ayuda de muchas personas, tanto en lo profesional como en lo
personal. Con estas líneas quisiera mostrar mi agradecimiento a todas ellas”. -
Alejandro Cristóbal.

Preliminares
iv
RESUMEN
En la comunidad educativa Bachillerato Tecnológico Moisés Sáenz no contaban con
una herramienta que contribuya con la organización, por lo que en este proyecto como
finalidad es implementar un portal web para optimizar tiempo y procesos para los
estudiantes y docentes y así puedan hacer uso del mismo. Para la creación de la
página se utilizó Drupal como gestor de contenido, además la aplicación del Sistema
Académico de notas fue desarrollada en PHP y HTML con base de datos MYSQL bajo
un entorno web. Para llevarse a cabo el proyecto se utilizó la metodología para la
creación de sitios web que cuenta con fase de análisis, fase de planificación, que
software se utilizará, como será la estructura de navegación, la fase de contenido, fase
de diseño, fase de programación y la fase de testeo. Se hizo una selección de la
muestra en la que se utilizará la técnica de aleatoria simple en la cual se realizó por
tómbola que consiste en numerar todos los elementos muestrales de la población, los
números elegidos al azar conformará la muestra y los números obtenidos se verificaran
con los nombres y direcciones de nuestra lista, para precisar a los seleccionados que
serán participantes del estudio. La técnica a utilizar es la encuesta que permitirá
recopilar la información en la muestra de estudio y se elaborará un cuestionario para
considerar las variables determinadas, utilizando un conjunto sistematizado de
cuestiones que va dirigido a un grupo predeterminado de personas que nos permitirán
obtener la información relevante.

Preliminares
v
ÍNDICE DE CONTENIDO
Agradecimientos...........................................................................................................ii
Resumen.....................................................................................................................iv
Índice de contenido ......................................................................................................v
Índice de tablas ...........................................................................................................ix
Índice de figuras...........................................................................................................x
Introducción................................................................................................................. 1
II. Generalidades del proyecto..................................................................................... 3
1.1. Descripción del problema ................................................................................. 3
1.2. Planteamiento del problema ............................................................................. 4
1.3. Objetivos........................................................................................................... 6
1.3.1. Objetivo General ........................................................................................ 6
1.3.2. Objetivos específicos ................................................................................. 6
1.4. Hipótesis o supuestos....................................................................................... 7
1.5. Justificación ...................................................................................................... 8
II. Marco Teórico ....................................................................................................... 10
2.1. Antecedentes o marco histórico...................................................................... 10
2.1.1 Historia de la Web..................................................................................... 10
2.1.2 Historia breve de los Sitios Web................................................................ 11
2.1.3 Sitio Web................................................................................................... 12
2.1.4 Internet...................................................................................................... 13
2.1.5 World Wide Web. ...................................................................................... 14
2.1.6 Historia de los Servidores Web. ................................................................ 15
2.2. Marco conceptual ........................................................................................... 17
Identificación y operacionalización de las variables ........................................... 17

Preliminares
vi
2.3. Marco referencial ............................................................................................ 19
2.3.1 Conceptualización de los Sitios Web............................................................ 19
2.3.1.1 Que es un sitio web................................................................................ 19
2.3.1.2 Clasificación de Sitios Web. ................................................................... 19
2.3.1.3 Blogs. ..................................................................................................... 21
2.3.1.4 Sitios e-commerce.................................................................................. 21
2.3.1.5 Portal...................................................................................................... 21
2.3.2.1 Hypertext Markup Language. ................................................................. 22
2.3.2.2 Hypertext Transfer Protocol. .................................................................. 23
2.3.2.3 Uniform Resource Locutor. .................................................................... 24
2.3.2.4 Dominios. ............................................................................................... 25
2.3.2.5 Dominios Territoriales. ........................................................................... 26
2.3.2.6 Dominios Genéricos............................................................................... 27
2.3.2.7 Dominios Estatales................................................................................. 27
2.3.2 Lenguajes más Usuales para la Creación de un Sitio Web. ......................... 28
2.3.2.1 Lenguaje HTML...................................................................................... 28
2.3.2.2 Lenguaje JavaScript............................................................................... 30
2.3.2.3 Lenguaje PHP. ....................................................................................... 31
2.3.4 Elementos Básicos de un Sitio Web. ............................................................ 33
2.3.4.1 Elementos que componen una Página Web. ......................................... 34
2.3.5 Metodología para la creación de sitios web. ................................................. 38
2.3.5.1 Fase de Análisis..................................................................................... 38
2.3.5.2 Fase de Planificación. ............................................................................ 40
2.3.5.3 Fase de Contenido................................................................................. 47
2.3.5.4 Fase de Diseño. ..................................................................................... 48

Preliminares
vii
2.3.5.5 Fase de Programación........................................................................... 49
2.3.5.6 Fase de Testeo. ..................................................................................... 49
2.3.5.7 Fase de Mercado y Publicidad. .............................................................. 50
2.3.6 Sistemas Gestores de Contenido. ................................................................ 51
2.3.6.1 Características. ...................................................................................... 52
2.3.6.2 SGC comerciales. .................................................................................. 54
2.3.6.3 SGC gratuitos con licencia de código abierto......................................... 55
2.3.6.4 Drupal..................................................................................................... 58
2.3.7 MYSQL ......................................................................................................... 64
2.3.7.1 Comprensión de los Fundamentos de Mysql. ........................................ 65
2.3.7.2 Concepto de una Base de Datos............................................................ 65
2.3.7.3 Terminología sobre Bases de Datos. ..................................................... 66
2.3.7.4 Conexión a una Base de Datos.............................................................. 67
2.3.7.5 Creación y Uso de nuestra primera Base de Datos. .............................. 70
III. Metodología.......................................................................................................... 78
3.1. Población o universo/ muestra........................................................................ 78
Muestra probabilística ........................................................................................ 78
Muestra Estratificada.......................................................................................... 79
Selección de la muestra..................................................................................... 80
3.2. Tipo de estudio ............................................................................................... 81
3.3. Descripción del Instrumento ........................................................................... 82
3.4. Procedimiento de recolección......................................................................... 83
Fase 1. Fase de Planificación ............................................................................ 83
Fase 2. Análisis................................................................................................. 88
Fase 3. Contenido.............................................................................................. 89

Preliminares
viii
Fase 4. Diseño................................................................................................... 89
Fase 5. Programación........................................................................................ 90
Fase 6. Testeo ................................................................................................... 94
Fase 7. Mercado y Publicidad............................................................................ 94
3.5. Procedimiento de manejo estadístico de la información................................. 95
IV. Resultados obtenidos y discusión...................................................................... 101
V. Conclusiones y recomendaciones ...................................................................... 102
FUENTES DE INFORMACIÓN ............................................................................... 103
Anexos .................................................................................................................... 105

Preliminares
ix
ÍNDICE DE TABLAS
Tabla 1. Definición de variables ................................................................................ 17
Tabla 2. Tabla Product .............................................................................................. 66
Tabla 3. Tabla Invoice ............................................................................................... 66

Preliminares
x
ÍNDICE DE FIGURAS
Figura 1. Cliente/Servidor.......................................................................................... 16
Figura 2. Organización .............................................................................................. 34
Figura 3. Dominios .................................................................................................... 35
Figura 4. Estructura Lineal ........................................................................................ 44
Figura 5. Estructura Jerárquica ................................................................................. 45
Figura 6. Estructura Radial........................................................................................ 46
Figura 7. Estructura de Red ...................................................................................... 46
Figura 8. Nuestro equipo tiene instalado el Cliente y el Servidor de MYSQL............ 68
Figura 9. Nuestro equipo tiene instalado el cliente de MYSQL. El servidor MYSQL tiene
instalado en otro equipo al que se conecta el nuestro. ............................................. 68
Figura 10. En este caso la terminal puede ser cualquier equipo capaz de conectarse a
otro, ya que ni si quiera lleva instalado el cliente MYSQL......................................... 68
Figura 11. Momento en el que se asiste a la oficina de Administración para poder entrar
a las aulas a realizar la encuesta ............................................................................ 106
Figura 12. Entrega de cuestionario a personal administrativo................................. 107
Figura 13. Entrega de cuestionario a personal administrativo................................. 107
Figura 14. Breve explicación dada a los alumnos para que resuelvan el cuestionario
................................................................................................................................ 108
Figura 15. Entrega de cuestionario a alumnos........................................................ 108
Figura 16. Se recopilan los cuestionarios dados..................................................... 109
Figura 17. Finalización de la encuesta realizada en el BATEMS (Nora, Julissa, Sindy)
................................................................................................................................ 109
Figura 18. Finalización de la encuesta realizada en el BATEMS (Carlos E, Juan C,
Jesús E) .................................................................................................................. 110

Preliminares
1
INTRODUCCIÓN
En la actualidad si las empresas, instituciones y dependencias quieren ser
competitivos; es importante crear programas innovadores de difusión y promoción del
quehacer de cada institución.
La Web fue creada alrededor de 1990 por el inglés Tim Berners-Lee y el belga Robert
Cailliau mientras trabajaban en el CERN en Ginebra, Suiza. Desde entonces, Berners-
Lee ha jugado un papel activo guiando el desarrollo de estándares Web (como los
lenguajes de marcado con los que se crean las páginas Web), y en los últimos años
ha abogado por su visión de una Web Semántica.
Es por ello que en el Bachillerato Tecnológico Moisés Sáenz (BATEMS) se optó por
la implementación de un portal web. Se vio en la necesidad de implementar un
mecanismo de comunicación para proporcionar información y tener un mejor servicio
a la comunidad educativa. Los mismos que se detallan a continuación.
Los docentes llevaban manualmente el proceso de ingreso de notas y cálculos de
promedios, lo que provocaba retraso en la entrega de las mismas, en ciertas ocasiones
errores en los promedios, también se indicaban y confundían las fechas de los
exámenes. Esto último también se difunde de manera oral por los profesores al
momento de dar sus clases. Pero no se cuenta con un espacio especialmente para
dar a conocer las noticias, fechas, eventos o cursos acerca de la escuela.
El proyecto muestra como el estudiante, puede valorar, reconocer cada una las
actividades que la institución realiza, dar sus opiniones y tener una comunicación
mediante actividades por área que cada uno de los docentes dejan en el portal web,
dicho proyecto se realizara por medio de una herramienta virtual llamada Drupal. Es
una página para los padres de familia, alumnos y toda la comunidad educativa.
Se podrá dar a conocer de una manera fácil, la Institución, horarios, directores de
curso, proyectos, actividades que se realizan, facilitando así la comunicación entre la
Institución y la comunidad estudiantil.

Preliminares
2
Un propósito que motiva este proyecto es dar a conocer a los estudiantes una manera
diferente de interactuar con las nuevas tecnologías, no solo de reconocimiento de cada
una de las actividades que la Institución desarrolla con los estudiantes, sino también
la participación y la opinión de cada uno de ellos.
Uno de los puntos que se abordaran en el tema es el sitio web, que se puede entender
como la colección de páginas web relacionadas y comunes a un dominio de internet
o subdominio en la World Wide Web (red mundial) dentro de Internet. También se
encuentra Internet que es la red de Información y publicidad más grande del mundo,
sus emprendimientos o su empresa deben lograr presencia en internet, y para
pertenecer a esta red de información, deben hacerlo a través de un sitio web. Por otro
lado los sitios web se pueden clasificar en dos tipos; sitios web estáticos y sitios web
dinámicos, se puede entender que un sitio web estático son aquellos que no acceden
a una base de datos para obtener el contenido por el contrario los sitios web dinámicos,
son aquellos que acceden a una base de datos para obtener los contenidos y reflejar
los resultados obtenidos de la base de datos, en las páginas del sitio web. Un portal
puede referirse a un sitio web que sirve o pretende servir como un sitio principal de
partida para las personas que se conectan al World Wide Web Son sitios que los
usuarios tienden a visitar como sitios ancla. También están los sistemas de gestor de
contenido que debe proporcionar un ambiente que permita a uno o varios autores
(creadores de contenidos) generar sus documentos o artículos, de manera amigable.

Generalidades del proyecto
3
II. GENERALIDADES DEL PROYECTO
1.1. Descripción del problema

4
1.2. Planteamiento del problema
El Bachillerato Tecnológico Moisés Sáenz de San Juan Bautista Tuxtepec Oaxaca
(BATEMS) desde hace años empezó a brindar sus servicios escolares y hasta la
actualidad continua y es reconocida a nivel local, se encuentra ubicada en boulevard
sostenes bravo #100 esquina calzado Dr. Víctor Bravo Ahuja previo al paraíso
Tuxtepec.
Anteriormente la escuela contaba con alrededor de 300 alumnos y casi 20 docentes.
Actualmente cuenta con más de 800 alumnos y 40 docentes, con el aumento del
alumnado y personal trabajador se vio la necesidad de implementar un mecanismo de
comunicación para proporcionar información a la comunidad del BATEMS.
Para difundir noticias al interior de la comunidad, la escuela lo hace por medio de: el
acto cívico, a través de las anotaciones en un mural en el que se indican las fechas de
los exámenes. Esto último también se difunde de manera oral por los profesores al
momento de dar sus clases. Pero no se cuenta con un espacio especialmente para
dar a conocer las noticias, fechas, eventos o cursos acerca de la escuela.
A continuación se enlistan los problemas detectados:
 No optimizan tiempo y recursos.
 No cuenta con un medio de difusión único para dar a conocer información a la
comunidad escolar.
 Retardo en la entrega de calificaciones.
 No disponen de cursos para la capacitación docente.
 Limitación en los horarios para acceder a la información.
Por lo que para agilizar estas actividades se tendrá que hacer uso de algunas
tecnologías, ya que en la actualidad es más común para los diferentes ámbitos que
existen.
PREGUNTAS DE INVESTIGACIÓN

5
¿A qué comunidad va dirigido el portal web?
¿Qué beneficios traerán la implementación del portal web?
¿Se requiere que el personal que tenga acceso al portal, reciba capacitación?
¿Qué tipo de contenido contendrá el portal web?
¿Se Cuenta con los conocimientos y la experiencia suficientes sobre metodología de
la investigación?
¿Se Dispone de los recursos humanos y materiales necesarios para completar el
estudio?
¿Se tiene acceso al lugar dónde se desarrolla el estudio?

6
1.3. Objetivos
1.3.1. Objetivo General
Implantar un portal web para los usuarios de Bachillerato Tecnológico Moisés Sáenz
de San Juan Bautista Tuxtepec, Oaxaca. Utilizando el gestor de contenido (CMS)
Drupal con la finalidad de optimizar tiempo y procesos para los estudiantes y docentes
que hagan uso del mismo, y dar a conocer información acerca de la institución a dicha
comunidad y personas en general.
1.3.2. Objetivos específicos
 Adquirir un dominio y hosting.
 Instalar los gestores de contenido necesarios.
 Compara el portal web con otros.
 Diseñar la estructura de navegación.
 Presentar un contenido acorde a los objetivos plateados.
 Precisar aspectos de usabilidad y accesibilidad.
 Gestionar la compatibilidad del sitio en diferentes navegadores.
 Verificar las soluciones de los tipos de equipos electrónicos para la correcta
visualización del sitio.
 Anexar los créditos de los desarrolladores que permita a los usuarios
contactarlos.

7
1.4. Hipótesis o supuestos
Hipótesis de trabajo
Con la implementación del portal web en el Bachillerato Tecnológico Moisés Sáenz, la
comunidad educativa tendrá acceso a un aula virtual de aprendizaje; los maestros
podrán realizar alta de calificaciones y darse de alta en cursos de capacitación, los
alumnos consultarán sus calificaciones, visualizaran anuncios y descargarán archivos,
así mismo tanto maestros como alumnos tendrán acceso a Moodle y galería de
imágenes sobre la escuela, y los administradores realizarán la gestión de la
información relevante de la institución.
Hipótesis nula
Sin la implementación del portal web en el Bachillerato Tecnológico Moisés Sáenz, la
comunidad educativa no tendrá acceso a un aula virtual de aprendizaje; los maestros
alumnos consultarán sus calificaciones, visualizar anuncios y descargar archivos, así
mismo tanto maestros como alumnos tendrán acceso a Moodle y galería de imágenes
sobre la escuela, y los administradores realizarán la gestión del portal web y publicarán

8
1.5. Justificación
En éste proyecto se realizará un portal web que constará de enlaces web, buscadores,
foros, documentales, páginas web, diversos widgets e incluso con una plataforma
Moodle.
Dicho portal se hará con el objetivo de agilizar la mayoría de las labores escolares,
tales como entrega de calificaciones, subir archivos a la red, enterarse de noticias de
última hora, cursos de capacitación para docentes, entre otros; de igual forma
optimizar el tiempo que se ocupa en estas actividades.
Para llevar a cabo éste proyecto, primeramente deberemos contratar un hosting y
dominio para ser reconocido por la World Wide Web (www.), seguido de esto se deberá
configurar el portal para que pueda enlazarse con diferentes enlaces web y se editará
con el gestor de contenido Drupal. Hecho todo esto el portal pasará a través de una
revisión para garantizar que se elaboró de forma correcta y que cumplirá con las
necesidades de sus usuarios.
Dicho proyecto va enfocado para personal del instituto, como docentes, trabajadores
administrativos, alumnado en general y personas ajenas a la escuela que requieran
conocer información general acerca de ésta o posibles futuros estudiantes que estén
interesados en inscribirse.
Los beneficios son: optimizar tiempo tanto para dar a conocer información como para
la interacción entre estudiante/maestro, acceso a Moodle, acceso a galerías, cursos
de capacitación para docentes, alta y consulta de calificaciones, etc.
Impacto social
El portal web ayudará a la comunidad en general a conocer información de la
institución (BATEMS), así como ayudar a la comunidad escolar a tener acceso a
noticias relevantes de la escuela, contar con acceso a Moodle e interacción facilitada
entre alumnos y docentes.

9
Impacto económico
Los usuarios podrán acceder al portal de manera gratuita, siendo esto una gran
oportunidad ya que la plataforma estará disponible a los usuarios a cualquier hora y a
cualquier momento sin importar su ubicación, así mismo poder ahorrar recursos que
se gastaban antes de manejar dicho portal.
Impacto tecnológico
Se podrá acceder al portal web desde cualquier ubicación geográfica usando distintas
herramientas que cuenten con acceso a internet, ya que hoy en día la tecnología es
indispensable y podemos aprovecharla dándole uso a los dispositivos tales como las
computadoras, laptops, tabletas, teléfonos móviles (Smartphone) etc. para hacer el
uso acuerdo al portal web.
Impacto ambiental
El portal web afecta de manera indirecta al medio ambiente, puesto que solo se
utilizarán tecnologías que ya están implementadas, esto significa un importante ahorro
de materia y uso de energía, esto quiere decir que no habrá ningún daño ecológico.

Marco Teórico
10
II. MARCO TEÓRICO
2.1. Antecedentes o marco histórico
2.1.1 Historia de la Web.
La Web fue creada alrededor de 1989 por el inglés Tim Berners-Lee y el belga Robert
Cailliau mientras trabajaban en el CERN en Ginebra, Suiza, y publicada en 1992.
Desde entonces, Berners-Lee ha jugado un papel activo guiando el desarrollo de
estándares Web (como los lenguajes de marcado con los que se crean las páginas
web), y en los últimos años ha abogado por su visión de una Web Semántica, según
(Evolucion de la Web, 2011).
La idea subyacente de la Web se remonta a la propuesta de Vannevar Bush en los
años 40 sobre un sistema similar: a grandes rasgos, un entramado de información
distribuida con una interfaz operativa que permitía el acceso tanto a la misma como a
otros artículos relevantes determinados por claves. Este proyecto nunca fue
materializado, quedando relegado al plano teórico bajo el nombre de Memex. Es en
los años 50 cuando Ted Nelson realiza la primera referencia a un sistema de
hipertexto, donde la información es enlazada de forma libre. Pero no es hasta 1980,
con un soporte operativo tecnológico para la distribución de información en redes
informáticas, cuando Tim Berners-Lee propone ENQUIRE al CERN (refiriéndose a
Enquire Within Upon Everything, en castellano Preguntando de Todo Sobre Todo),
donde se materializa la realización práctica de este concepto de incipientes nociones
de la Web según (Evolucion de la Web, 2011).
En marzo de 1989, Tim Berners Lee, ya como personal de la división DD del CERN,
redacta la propuesta, que referenciaba a ENQUIRE y describía un sistema de gestión
de información más elaborado. No hubo un bautizo oficial o un acuñamiento del
término web en esas referencias iniciales utilizándose para tal efecto el término mesh.
Sin embargo, el World Wide Web ya había nacido. Con la ayuda de Robert Cailliau, se
publicó una propuesta más formal para la world wide web el 12 de noviembre de 1990.
Berners-Lee usó un NeXTcube como el primer servidor web del mundo y también
escribió el primer navegador web, WorldWideWeb en 1990, según (Evolucion de la
Web, 2011).

Marco Teórico
11
En las Navidades del mismo año, Berners-Lee había creado todas las herramientas
necesarias para que una web funcionase: el primer navegador web (el cual también
era un editor web), el primer servidor web y las primeras páginas web que al mismo
tiempo describían el proyecto según (Evolucion de la Web, 2011).
El 6 de agosto de 1991, envió un pequeño resumen del proyecto World Wide Web al
newsgroup alt.hypertext. Esta fecha también señala el debut de la web como un
servicio disponible públicamente en Internet según (Evolucion de la Web, 2011).
2.1.2 Historia breve de los Sitios Web.
Tim Berners-Lee, en sus ratos libres, investigaba un sistema de difusión
descentralizada de información basado en el hipertexto y en el que cooperaban una
red de centros de investigación (Lapuente, 2013).
Durante 1989 se realizaron varios experimentos para crear un sistema de
comunicación entre los científicos de física nuclear de todo el mundo en el Centre
Europé en de Recherche Nucléaire (CERN) en Ginebra, donde se probaron varias
técnicas sobre redes para conectarse a Internet, llegándose a estandarizar
los protocolos de conexión TCP/IP. En marzo de ese mismo año, Tim Berners-Lee,
investigador especializado en telecomunicaciones y colaborador del Laboratorio
Europeo de Física de Partículas (CERN), propone al CERN utilizar un sistema de
comunicación basado en el hipertexto para lograr ese flujo de información entre los
científicos (Lapuente, 2013).
En noviembre de 1990 Tim Berners-Lee puso en marcha el sistema de hipertexto
llamado Enquire que permitía almacenar piezas de información y conectarlas, y que
se ejecutaba en un entorno multiusuario que permitía acceder a la información a
varias personas a la vez. En marzo de 1991, Berners-Lee escribió el primer
programa visualizador para un servidor y cliente, que se convirtió en el origen de la
World Wide Web. Este sistema duró hasta 1993, cuando la International Standards
Organization (ISO) estandarizó el lenguaje Hypertext Markup Language
(HTML). Hasta entonces, los documentos se editaban mediante TeX y PostScript,

Marco Teórico
12
pero estos lenguajes eran demasiado complicados teniendo en cuenta que debían ser
leídos por todo tipo de ordenadores, desde simples terminales hasta estaciones de
trabajo gráficas X-Windows. Antes de 1990, Internet era un archipiélago
de ordenadores inconexos y no se podía cruzar de una dirección a otra pulsando
un enlace como ahora. Tampoco existían los buscadores, ni se podían
integrar imágenes en la pantalla puesto que no habían nacido las interfaces gráficas
(Lapuente, 2013).
La idea que movió a Tim Berners-Lee, fue desarrollar un método eficiente y rápido para
intercambiar datos entre la comunidad científica. Para ello, combinó dos tecnologías
ya existentes (el hipertexto y el protocolo de comunicaciones de Internet), creando un
nuevo modelo de acceso a la información intuitivo e igualitario: la Web que hace
posible que cualquiera pueda utilizar Internet. Esta fue la propuesta de Berners-Lee:
Actualmente, Tim Berners-Lee dirige el World Wide Web Consortium, la organización
que coordina estándares y añade nuevas funcionalidades y desarrollos a la Web. Este
Consorcio se fundó en 1994, a raíz de las negociaciones entre los países que
conformaban el CERN y las instituciones estadounidenses interesadas en el proyecto
web. El W3 tiene su sede en Boston (Massachussetts) y en él participan el CERN,
el Institut National de Recherche en Informatique et en Automatique de Francia
(INRIA) y el Massachusetts Institute of Technology (MIT) (Lapuente, 2013).
2.1.3 Sitio Web.
Es una colección de ficheros, denominados lugares de Web o páginas de Web, que
incluyen información en forma de textos, gráficos, sonidos y vídeos, además de
vínculos con otros ficheros. Los ficheros son identificados por un localizador universal
de recursos (URL, siglas en inglés) que específica el protocolo de transferencia, la
dirección de Internet de la máquina y el nombre del fichero. Los programas
informáticos denominados exploradores como Navigator, de Netscape, o Internet
Explorer se utilizan el protocolo http para recuperar esos ficheros. Continuamente se
desarrollan nuevos tipos de ficheros para la WWW, que contienen por ejemplo
animación o realidad virtual (VRML). Hasta hace poco había que programar

Marco Teórico
13
especialmente los lectores para manejar cada nuevo tipo de archivo. Los nuevos
lenguajes de programación (como Java, de Sun Microsystems) permiten que los
exploradores puedan cargar programas de ayuda capaces de manipular esos nuevos
tipos de información.
2.1.4 Internet.
Los inicios de Internet nos remontan a los años 60. En plena guerra fría, Estados
Unidos crea una red exclusivamente militar, con el objetivo de que, en el hipotético
caso de un ataque ruso, se pudiera tener acceso a la información militar desde
cualquier punto del país. Esta red se creó en 1969 y se llamó ARPANET. En principio,
la red contaba con 4 ordenadores distribuidos entre distintas universidades del país.
Dos años después, ya contaba con unos 40 ordenadores conectados. Tanto fue el
crecimiento de la red que su sistema de comunicación se quedó obsoleto. Entonces
dos investigadores crearon el Protocolo TCP/IP, que se convirtió en el estándar de
comunicaciones dentro de las redes informáticas (actualmente seguimos utilizando
dicho protocolo).
ARPANET siguió creciendo y abriéndose al mundo, y cualquier persona con fines
académicos o de investigación podía tener acceso a la red.
Las funciones militares se desligaron de ARPANET y fueron a parar a MILNET, una
nueva red creada por los Estados Unidos.
La NSF (National Science Fundation) crea su propia red informática llamada NSFNET,
que más tarde absorbe ARPANET, creando así una gran red con propósitos científicos
y académicos.
El desarrollo de las redes fue abismal, y se crean nuevas redes de libre acceso que
más tarde se unen a NSFNET, formando el embrión de lo que hoy conocemos
como INTERNET.
En 1985 la Internet ya era una tecnología establecida, aunque conocida por unos
pocos. El autor William Gibson hizo una revelación: el término "ciberespacio".

Marco Teórico
14
En ese tiempo la red era básicamente textual, así que el autor se basó en los
videojuegos. Con el tiempo la palabra "ciberespacio" terminó por ser sinónimo de
Internet. El desarrollo de NSFNET fue tal que hacia el año 1990 ya contaba con
alrededor de 100.000 servidores.
En el Centro Europeo de Investigaciones Nucleares (CERN), Tim Berners Lee dirigía
la búsqueda de un sistema de almacenamiento y recuperación de datos. Berners Lee
retomó la idea de Ted Nelson (un proyecto llamado "Xanadú") de usar hipervínculos.
Robert Caillau quien cooperó con el proyecto, cuanta que en 1990 deciden ponerle un
nombre al sistema y lo llamarón World Wide Web (WWW) o telaraña mundial.
La nueva fórmula permitía vincular información en forma lógica y a través de las redes.
El contenido se programaba en un lenguaje de hipertexto con "etiquetas" que
asignaban una función a cada parte del contenido. Luego, un programa de
computación, un intérprete, eran capaz de leer esas etiquetas para desplegar la
información. Ese intérprete sería conocido como "navegador" o "browser".
En 1993 Marc Andreesen produjo la primera versión del navegador "Mosaic", que
permitió acceder con mayor naturalidad a la WWW.
La interfaz gráfica iba más allá de lo previsto y la facilidad con la que podía manejarse
el programa abría la red a los legos. Poco después Andreesen encabezó la creación
del programa Netscape.
A partir de entonces Internet comenzó a crecer más rápido que otro medio de
comunicación, convirtiéndose (C.V., 2014) en lo que hoy todos conocemos.
2.1.5 World Wide Web.
El servicio Web o WWW es una nueva forma de representar la información en Internet
basada en páginas. Una página WWW puede incluir tres tipos de información: texto,
gráficos e hipertexto. Un hipertexto es texto resaltado que el usuario puede activar para
cargar otra página WWW. La diferencia entre un documento hipertexto y un documento
normal consiste en que el hipertexto contiene, además de la información, una serie de
enlaces o conexiones con otros documentos relacionados, de manera que el lector

Marco Teórico
15
puede pasar de un tema a otro y volver al documento original en el momento en que
le interese (EcuRed, 2016).
2.1.6 Historia de los Servidores Web.
Los Servicios Web surgieron ante una necesidad de estandarizar la comunicación
entre distintas plataformas (PC, Mainframe, Mac, etc.) y lenguajes de programación
(PHP, C, Java, etc.).
En la década de los 90's Internet permitió conectar computadoras en una escala global.
En principio la conexión fue entre PCs y servidores por medio del explorador de
Internet. A comienzos de este siglo es clara la necesidad de permitir a las
computadoras conectadas a Internet comunicarse entre ellas. Desde entonces se va
dando forma al nuevo modelo de computación distribuida llamado servicios Web
basados en XML. El objetivo es permitir comunicarse entre sí a sistemas heterogéneos
dentro y fuera de la empresa. Esta comunicación es independiente del Sistema
Operativo, lenguaje o modelo de programación. Para conseguir esto se desarrollaron
estándares. El consorcio de Internet http://www.w3c.org fue el encargado de crear y
mantener estos estándares.
Un servidor web es un programa que sirve datos en forma de Páginas Web, hipertextos
o páginas HTML (HyperText Markup Language): textos complejos con enlaces, figuras,
formularios, botones y objetos incrustados como animaciones o reproductores de
sonidos. La comunicación de estos datos entre cliente y servidor se hace por medio
un protocolo, concretamente del protocolo Http. Con esto, un servidor Web se
mantiene a la espera de peticiones HTTP, que son ejecutadas por un cliente HTTP; lo
que solemos conocer como un Navegador Web. A modo de ejemplo: al teclear
(http://www.cnice.mec.es) en un navegador, éste realizará una petición HTTP al
servidor que tiene asociada dicha URL.
El servidor responde al cliente enviando el código HTML de la página; el navegador
cuando recibe el código, lo interpreta y lo muestra en pantalla. El Cliente es el
encargado de interpretar el código HTML, es decir, de mostrar las fuentes, los colores

Marco Teórico
16
y la disposición de los textos y objetos de la página. El servidor se encarga de transferir
el código de la página sin llevar a cabo ninguna interpretación de la misma.
 Servidor Web Local.
Tener un servidor Web local debería ser fundamental para todas aquellas
personas que no disponen de un Sitio Web online. El Servidor local nos va a
permitir comprobar que todas las modificaciones que se van a realizar en
nuestro diseños Web, no provoquen algún error que pueda afectar a todos
aquellos usuarios que naveguen por la red. Otro aspecto positivo de un Servidor
local, es que no hará falta tener que subir ficheros al servidor Ftp para hacer
nuestras pruebas con lo cual, la espera se hace más corta.
Como es de suponer, también se permite el acceso a nuestro servidor a
cualquier usuario de Internet. Para ello, se configura correctamente el Router y
sería de mucha ayuda tener una dirección IP estática, mediante la cual cualquier
usuario podría conectarse a nuestro servidor desde un navegador.
Figura 1. Cliente/Servidor.

Marco Teórico
17
2.2. Marco conceptual
Identificación y operacionalización de las variables
Las variables de la hipótesis de trabajo son:
Variable independiente
Con la implementación del portal web en el Bachillerato Tecnológico Moisés Sáenz.
Variable dependiente
La comunidad educativa tendrá acceso a un aula virtual de aprendizaje; los maestros
alumnos consultarán sus calificaciones, visualizaran anuncios y descargarán archivos,
así mismo tanto maestros como alumnos tendrán acceso a Moodle y galería de
imágenes sobre la escuela, y los administradores realizarán la gestión de la
Definición conceptual
Tabla 1. Definición de variables
VARIABLES DEFINICIONES
IMPLEMENTACIÓN Poner en funcionamiento la solución
del problema.
PORTAL WEB Es un sitio dinámico el cual cuenta con
soporte para imágenes, video, audio y
conexión a base de datos.
ENTORNO VIRTUAL DE
APRENDIZAJE
Es un espacio educativo alojado en la
web, un conjunto de herramientas
informáticas que posibilitan la
interacción didáctica de manera que el
alumno pueda llevar a cabo las labores
propias de la docencia como son

Marco Teórico
18
conversar, leer documentos, realizar
ejercicios, formular preguntas al
docente, trabajar en equipo, etc. Todo
ello de forma simulada sin que medie
una interacción física entre docentes y
alumnos.
GESTIÓN DEL PORTAL WEB Realizar altas, bajas, modificaciones y
consulta de calificaciones y del portal
en general.
Definición operativa de las variables
Variables Dimensión Indicador
Variable
independiente
Con la implementación del
portal web en el Bachillerato
Tecnológico Moisés Sáenz.
 Necesidad de un portal web.
 Necesidad de optimizar
tiempo y procesos.
Variables
dependiente
Mejorar la calidad de
enseñanza a los alumnos y
facilitar los procesos
educativos a los maestros.
 Plataforma Moodle.
 Cursos de capacitación.
 Sección de noticias en orden
de publicación.
Los administradores tendrán
mayor gestión de portal.
 Gestión del portal web

Marco Teórico
19
2.3. Marco referencial
2.3.1 Conceptualización de los Sitios Web.
2.3.1.1 Que es un sitio web.
Un sitio web es un conjunto de páginas web desarrolladas en código html, relacionadas
a un dominio de Internet el cual se puede visualizar en la World Wide Web (www)
mediante los navegadores web o también llamados browser como ser Chrome, Firefox,
Edge, Opera entre otros. Cada página web perteneciente al sitio web tiene como
objetivo publicar contenido, y este contenido podrá ser visible o no al público.
(Galeon.com, 2009)
2.3.1.2 Clasificación de Sitios Web.
Los sitios web se pueden clasificar en dos tipos:
Sitios Web Estáticos: Se denomina sitio web estático a aquellos que no acceden a
una base de datos para obtener el contenido. Por lo general un sitio web estático es
utilizado cuando el propietario del sitio no requiere realizar un continuo cambio en la
información que contiene cada página. (Galeon.com, 2009)
Sitios Web Dinámicos: Por el contrario los sitios web dinámicos son aquellos que
acceden a una base de datos para obtener los contenidos y reflejar los resultados
obtenidos de la base de datos, en las páginas del sitio web. El propietario del sitio web
podrá agregar, modificar y eliminar contenidos del sitio web a través de un “sistema
web”, generalmente con acceso restringido al público mediante usuario y contraseña,
el cual se denomina BACK END. (Galeon.com, 2009)
Se asume que a la hora de contratar el desarrollo de un sitio web, el propietario,
especificará al desarrollador web, la cantidad de páginas que contendrá el sitio,
discriminando si son dinámicas o estáticas.

Marco Teórico
20
El tener un Sitio Web puede incidir positivamente en los resultados de todas las áreas
funcionales de la empresa como marketing y comercial, ventas, compras, recursos
humanos, y administración entre otras; ofreciendo al navegante todo tipo de
información y servicios de valor agregado para sus clientes, tales como:
 Información institucional, servicios ofrecidos, catálogo de productos,
actividades, fotos, videos, formas de contacto, etcétera.
 Promocionar producto o servicios mediante cupones de ventas online, banners,
publicidad, sponsors, inscripciones, cursos.
 y toda información necesaria para el interesado, que sean relevantes para la
persona que está navegando.
Sitios Web Institucionales.
Son denominados así, aquellos sitios web sencillos que contienen información básica
de la empresa. (Galeon.com, 2009)
No suelen contener grandes volúmenes de información, al tratarse de algo institucional
debería contener:
 Home o página Principal
 Acerca de (Misión, visión, valores, objetivos )
 Servicios (Detalle de cada servicio ofrecidos por la empresa)
 Ubicación (mapa de ubicación de la oficina comercial y sucursales)
 Contacto (dirección, teléfonos y formulario de contacto)
Sitios Onepage.
Son aquellos sitios que concentran toda su información en una sola página y el usuario
va accediendo al contenido a medidas que va desplazando hacia abajo con el mouse
o el teclado. (Galeon.com, 2009)
Es un concepto relativamente nuevo que se está utilizando bastante y es de bajo costo.

Marco Teórico
21
La información contenida suele ser bastante reducida pero no deja de ser efectiva si
está bien lograda y segmentada la información.
2.3.1.3 Blogs.
Los blogs son sitios web generalmente de carácter personal, con publicaciones que
contienen un orden cronológico, de actualización dinámica y continua.
Los blogs tienen la particularidad de almacenar artículos escritos por uno o más
autores, de diferentes temáticas y buscan lograr un feedback (intercambio de
opiniones) entre los escritores y los lectores a través de comentarios (Galeon.com,
2009).
Los blogs están comprendidos dentro de los sitios web dinámicos.
2.3.1.4 Sitios e-commerce.
Son aquellos sitios que permiten realizar un comercio electrónico mediante el sitio web,
también llamados como carritos de compras o ventas
Estos sitios web permiten realizar transacciones entre comprador y vendedor permitiendo:
 Realizar compra-venta mediante tarjeta de crédito.
 Realizar un pedido online.
 Reserva de producto o servicio.
2.3.1.5 Portal.
La palabra portal se forma a partir de raíces latinas, compuesta lexicalmente por “porta”
que quiere decir “puerta”, además del sufijo “al” que significa “relativo a”. El uso más
común que existe hoy en día para el termino portal, yace en el ámbito tecnológico,
para ser exactos en la internet, donde ser refiere al sitio o página web, que gracias a
su gran cantidad de información, servicios y enlaces, puede llegar, o trata de satisfacer
las necesidades de los usuarios, que quieran o necesiten acceder a cualquier tipo de
información (Tecnología, 2014).

Marco Teórico
22
En un sentido general los portales web, ofrecen tales servicios como buscadores,
juegos online, noticias, chat, tiendas virtuales donde pueden adquirir productos y
diferentes servicios, directorios, servicios de correo electrónico, entre otros.
El portal es como un intermediario, que trasmite la información, cuya fuente de ingreso
es tener una forma sencilla de acceder a toda la información sobre un tema en
particular; es decir a toda esa información que está contenida en el portal, puesto que
este se encarga de centralizar los enlaces de una manera más fácil y organizada con
el fin de facilitar la navegación de un contexto.
2.3.2.1 Hypertext Markup Language.
HTML es el lenguaje con el que se define el contenido de las páginas web.
Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y
otros elementos que compondrán una página web, como imágenes, listas, vídeos, etc.
El HTML se creó en un principio con objetivos divulgativos de información con texto y
algunas imágenes. No se pensó que llegara a ser utilizado para crear área de ocio y
consulta con carácter multimedia (lo que es actualmente la web), de modo que, el
HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos
los colectivos de gente que lo utilizarían en un futuro. Sin embargo, pese a esta
deficiente planificación, sí que se han ido incorporando modificaciones con el tiempo,
estos son los estándares del HTML. Numerosos estándares se han presentado ya. El
HTML 4.01 es el último estándar a febrero de 2001. Actualización a mayo de 2005, en
estos momentos está a punto de presentarse la versión 5 de HTML, de la que ya se
tiene un borrador casi definitivo (Alvarez, 2001).
El HTML es un lenguaje de marcación de elementos para la creación de documentos
hipertexto, muy fácil de aprender, lo que permite que cualquier persona, aunque no
haya programado en la vida, pueda enfrentarse a la tarea de crear una web. HTML es
fácil y pronto podremos dominar el lenguaje. Más adelante se conseguirán los
resultados profesionales gracias a nuestras capacidades para el diseño y nuestra vena

Marco Teórico
23
artista, así como a la incorporación de otros lenguajes para definir el formato con el
que se tienen que presentar las webs, como CSS.
2.3.2.2 Hypertext Transfer Protocol.
HTTP es un protocolo usado para acceder a la Web (WWW). Se trata de la base para
la comunicación de datos en la WWW. El hipertexto es texto estructurado que usa
enlaces lógicos (llamados hipervínculos) entre nodos que contienen texto. El HTTP es
el protocolo para intercambiar o transferir hipertexto. HTTP se encarga de procesar y
dar respuestas a las peticiones para visualizar una página web. Además sirve para el
envío de información adicional como el envío de formularios con mensajes, etc.
Luego de finalizada la transacción, HTTP no guarda ninguna información sobre la
misma, por lo tanto es considerado un protocolo "sin estado". Para guardar la
información entre distintas peticiones, los webmasters suelen utilizar cookies o pasos
de parámetros.
El protocolo HTTP generalmente utiliza el puerto 80. El HTTP está basado en el
modelo cliente-servidor, en donde un cliente HTTP (un navegador por ejemplo) abre
una conexión y realizar una solicitud al servidor. Este responde a la petición con un
recurso (texto, gráficos, etc) o un mensaje de error, y finalmente se cierra la conexión
(Alegsa, 2014).
El desarrollo de HTTP iniciado por Tim Berners-Lee en el CERN en el año 1989. El
desarrollo de estándares HTTP era coordinado por el Internet Engineering Task Force
(IETF) y la World Wide Web Consortium (W3C), culminando con la publicación de los
llamados RFC (Requests for Comments), son documentos que describen diversos
aspectos del funcionamiento de Internet y otras redes de computadoras, como
protocolos, procedimientos, etc. HTTP está diseñado para permitir elementos de red
intermedios para mejorar o permitir las comunicaciones entre clientes y servidores
(Alegsa, 2014).

Marco Teórico
24
2.3.2.3 Uniform Resource Locutor.
URL significa Uniform Resource Locutor, es decir, localizador uniforme de recurso. Es
una secuencia de caracteres, de acuerdo a un formato estándar, que se usa para
nombrar recursos, como documentos e imágenes en Internet, por su localización
(Lopéz, 2011).
Las URL [RFC 1738] fueron una innovación fundamental en la historia de Internet.
Fueron usadas por primera vez por Tim Berners-Lee en 1991, para permitir a los
autores de documentos establecer hiperenlaces en la World Wide Web (WWW o Web).
Desde 1994, en los estándares Internet, el concepto de URL ha sido incorporado
dentro del más general de URI (Uniform Resource Identifier - Identificador Uniforme de
Recurso), pero el término URL aún se utiliza ampliamente.
Aunque nunca fueron mencionadas como tal en ningún estándar, mucha gente cree
que las iniciales URL significan Universal Resource Locator (Localizador Universal de
Recurso). Esta interpretación puede ser debida al hecho de que, aunque la U en URL
siempre ha significado Uniforme, la U de URI significó en un principio Universal, antes
de la publicación del [RFC 2396].
La URL es la cadena de caracteres con la cual se asigna una dirección única a cada
uno de los recursos de información disponibles en Internet. Existe un URL único para
cada página de cada uno de los documentos de la World Wide Web, para todos los
elementos de Gopher y todos los grupos de debate USENET, y así sucesivamente.
El URL de un recurso de información es su dirección en Internet, la cual permite que
el navegador la encuentre y la muestre de forma adecuada. Por ello el URL combina
el nombre del ordenador que proporciona la información, el directorio donde se
encuentra, el nombre del fichero y el protocolo a usar para recuperar los datos. Y
reemplaza la dirección numérica o IP de los servidores haciendo de esta manera más
fácil la navegación (Lopéz, 2011).

Marco Teórico
25
2.3.2.4 Dominios.
Un dominio de Internet es un nombre base que agrupa a un conjunto de equipos o
dispositivos y que permite proporcionar nombres de equipo más fácilmente
recordables en lugar de una dirección IP numérica. Permiten a cualquier servicio (de
red) moverse a otro lugar diferente en la topología de Internet, que tendrá una dirección
IP diferente. Técnicamente, es un recurso nemotécnico que se asocia a nodos de la
red Internet con el objeto de facilitar su identificación, constituido por expresiones
alfanuméricas concatenadas en varios niveles organizados de forma jerárquica
(Galeon.com, 2009).
Un Dominio es el nombre que registra para identificar un lugar en Internet. En la red
opera como la dirección virtual y escaparate de marca.
Es el único identificador que tenemos para ser localizados en Internet, es como nuestro
domicilio virtual.
Podemos definir al dominio como: Nombre que se asigna al conjunto de equipos o
dispositivos y que permite proporcionar nombres de equipo más fácilmente
recordables en lugar de una dirección IP numérica (Galeon.com, 2009).
Tipos de Dominios.
 Web, Web es un dominio de Internet de nivel superior.
 aero, para la Industria del transporte aéreo.
 asia, la región de Asia + Oceanía.
 biz, para los Negocios.
 cat, para páginas en catalán.
 com, para fines comerciales.
 coop, para Cooperativas.
 edu, para Educación.
 es, para páginas españolas.
 eu, la región de Europa.
 gov y .gob, para Gobierno y Entidades Públicas.

Marco Teórico
26
 info, para Información.
 int, para Entidades Internacionales, organizaciones como la ONU.
 jobs, para Departamentos de empleo y recursos humanos en empresas.
 mil, para el Departamento de Defensa de los Estados Unidos (Único país con
dominio de primer nivel para el ejército).
 mobi, para empresas de telefonía móvil o servicios para móvil.
 museum, para los Museos.
 name, para Nombres de personas.
 net, para Infraestructura de red.
 org, para organizaciones.
 pro, para profesionales con una titulación universitaria.
 tel, para servicios de comunicación por Internet.
 travel, para páginas de la industria de viajes y turismo (Galeon.com, 2009).
2.3.2.5 Dominios Territoriales.
Son los dominios mantenidos por cada país. Para proteger la identidad de tu marca o
proyecto personal en un país es importante registrar tu dominio con este tipo de
extensión (Galeon.com, 2009).
Este tipo de Dominios se componen de dos letras; por ejemplo .mx se utiliza para
México, .es para España, .co para Colombia, etc.
Ejemplo
www.___________.com.mx
Existen diferentes Dominios Territoriales como son:
 com.mx
 gob.mx
 net.mx
 edu.mx

Marco Teórico
27
2.3.2.6 Dominios Genéricos.
Son todos aquellos dominios básicos que no tienen registrado el lugar de origen del
Dominio, y pueden ser registrados por cualquier persona o empresa de cualquier parte
del mundo.
 com - Se usa para sitios comerciales y personales
 org - Recomendado para organizaciones no lucrativas
 net - Se recomienda para compañías relacionadas con la infraestructura de
Internet
Pueden ser registrados por todo tipo de personas físicas y jurídicas de cualquier parte
del mundo sin requerimientos especiales. Este tipo de dominios son económicos y de
registro muy rápido. En Guidom.com recomendamos este tipo de registro de dominios,
son los que tienen más uso en la red (Galeon.com, 2009).
 .com: Son los más acertados para empresas u organizaciones con ánimo de
lucro. La red está llena de .com, por lo que registrando un dominio.
Este tipo, su organización adquirirá un aspecto de globalidad.
 .eu: Dominios relativos a Europa. Son asignados por EURID.
 .org: Para todo tipo de organizaciones sin ánimo de lucro.
 .net: Usados mayoritariamente por empresas de Internet y
Telecomunicaciones.
 .edu: Usados para fines educativos.
 .mil: Exclusivamente para todo tipo de organizaciones militares.
 .gov: Para los gobiernos.
2.3.2.7 Dominios Estatales.
 .es: Relativos al territorio español. Son asignados por ESNIC. Recientemente
liberalizados.

Marco Teórico
28
 .au: Australia.
 .fr: Francia.
 .de: Alemania.
 .mx: México.
 .uk: Reino Unido.
(Galeon.com, 2009)
2.3.2 Lenguajes más Usuales para la Creación de un Sitio Web.
2.3.2.1 Lenguaje HTML.
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está
compuesto por una serie de etiquetas que el navegador interpreta y da forma en la
pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten
dirigirnos a otras páginas, saltos de línea, listas, tablas, etc (Rancel, 2010).
Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de
HyperText Markup Language, en español Lenguaje de Marcas Hipertextuales).
Desarrollado por el World Wide Web Consortium (W3C). Los archivos pueden tener
las extensiones (htm, html).
Sintaxis:
<html> (Inicio del documento HTML)
<head>
( Cabecera )
</head>
<body>
( Cuerpo )
</body>

Marco Teórico
29
</html>
<b> </b> Negrita.
<p> </p> Definir párrafo.
<etiqueta> Apertura de la etiqueta.
</etiqueta> Cierre de la etiqueta.
Ventajas:
 Sencillo que permite describir hipertexto.
 Texto presentado de forma estructurada y agradable.
 No necesita de grandes conocimientos cuando se cuenta con un editor de
páginas web o WYSIWYG.
 Archivos pequeños.
 Despliegue rápido.
 Lenguaje de fácil aprendizaje.
 Lo admiten todos los exploradores.
Desventajas:
 Lenguaje estático.
 La interpretación de cada navegador puede ser diferente.
 Guarda muchas etiquetas que pueden convertirse en “basura” y dificultan la
corrección.
 El diseño es más lento.
 Las etiquetas son muy limitadas.

Marco Teórico
30
2.3.2.2 Lenguaje JavaScript.
JavaScript es un lenguaje de programación que se utiliza principalmente para crear
páginas web dinámicas. Una página web dinámica es aquella que incorpora efectos
como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar
botones y ventanas con mensajes de aviso al usuario (Pérez, 2015).
Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no
es necesario compilar los programas para ejecutarlos. En otras palabras, los
programas escritos con JavaScript se pueden probar directamente en cualquier
navegador sin necesidad de procesos intermedios. A pesar de su nombre, JavaScript
no guarda ninguna relación directa con el lenguaje de programación Java. Legalmente,
JavaScript es una marca registrada de la empresa Sun Microsystems (Pérez, 2015).
El código Javascript puede ser integrado dentro de nuestras páginas web. Para evitar
incompatibilidades el World Wide Web Consortium (W3C) diseño un estándar
denominado DOM (en inglés Document Object Model, en su traducción al español
Modelo de Objetos del Documento).
Sintaxis:
<script type="text/javascript"> ... </script>
Ventajas:
 Lenguaje de scripting seguro y fiable.
 Los script tienen capacidades limitadas, por razones de seguridad.
 El código Javascript se ejecuta en el cliente.
Desventajas:
 Código visible por cualquier usuario. Todas as imágenes deben de llevar
nombre y número.
 El código debe descargarse completamente.

Marco Teórico
31
 Puede poner en riesgo la seguridad del sitio, con el actual problema llamado
XSS (significa en inglés Cross Site Scripting renombrado a XSS por su similitud
con las hojas de estilo CSS).
2.3.2.3 Lenguaje PHP.
Es un lenguaje de programación utilizado para la creación de sitio web. PHP es un
acrónimo recursivo que significa “PHP Hypertext Pre-processor”, (inicialmente se llamó
Personal Home Page). Surgió en 1995, desarrollado por PHP Group (Galeon.com,
2009).
PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la
generación de páginas web dinámicas, embebidas en páginas HTML y ejecutadas en
el servidor. PHP no necesita ser compilado para ejecutarse (Galeon.com, 2009).
Para su funcionamiento necesita tener instalado Apache o IIS con las librerías de PHP.
La mayor parte de su sintaxis ha sido tomada de C, Java y Perl con algunas
características específicas. Los archivos cuentan con la extensión (php).
La sintaxis utilizada para incorporar código PHP es la siguiente:
<?
$mensaje = “Hola”;
echo $mensaje;
?>
También puede usarse:
<?php
$mensaje = “Hola”;
echo $mensaje;

Marco Teórico
32
?>
Ventajas:
 Muy fácil de aprender.
 Se caracteriza por ser un lenguaje muy rápido.
 Soporta en cierta medida la orientación a objeto. Clases y herencia.
 Es un lenguaje multiplataforma: Linux, Windows, entre otros.
 Capacidad de conexión con la mayoría de los manejadores de base de datos:
MysSQL, PostgreSQL, Oracle, MS SQL Server, entre otras.
 Capacidad de expandir su potencial utilizando módulos.
 Posee documentación en su página oficial la cual incluye descripción y ejemplos
de cada una de sus funciones.
 Es libre, por lo que se presenta como una alternativa de fácil acceso para todos.
 Incluye gran cantidad de funciones.
 No requiere definición de tipos de variables ni manejo detallado del bajo nivel.
Desventajas:
 Se necesita instalar un servidor web.
 Todo el trabajo lo realiza el servidor y no delega al cliente. Por tanto puede ser
más ineficiente a medida que las solicitudes aumenten de número.
 La legibilidad del código puede verse afectada al mezclar sentencias HTML y
PHP.
 La programación orientada a objetos es aún muy deficiente para aplicaciones
grandes.
 Dificulta la modularización.
 Dificulta la organización por capas de la aplicación.

Marco Teórico
33
Seguridad:
PHP es un poderoso lenguaje e intérprete, ya sea incluido como parte de un servidor
web en forma de módulo o ejecutado como un binario CGI separado, es capaz de
acceder a archivos, ejecutar comandos y abrir conexiones de red en el servidor. Estas
propiedades hacen que cualquier cosa que sea ejecutada en un servidor web sea
insegura por naturaleza.
PHP está diseñado específicamente para ser un lenguaje más seguro para escribir
programas CGI que Perl o C, y con la selección correcta de opciones de configuración
en tiempos de compilación y ejecución, y siguiendo algunas prácticas correctas de
programación (Galeon.com, 2009).
2.3.4 Elementos Básicos de un Sitio Web.
Un sitio Web debe ser sobre todo accesible y agradable. La organización inicial es muy
importante para poder utilizar eficazmente las herramientas y tomar decisiones
oportunas (Rodríguez D. H., 2014).
Un sitio Web es una localización en la Web que contiene varias páginas Web
organizadas jerárquicamente.
Cada sitio tiene una página de inicio que corresponde a la página principal, llamada en
inglés Home Page.
Es la primera página que se visualiza cuando se accede a un sitio tecleando el nombre
del dominio en la barra del navegador.
Un sitio tiene generalmente más de una página Web y su objetivo principal es ofrecer
la información que necesitan los usuarios y proporcionársela de manera que puedan
asignarla fácilmente. (Rodríguez H. A., s.f.)

Marco Teórico
34
Figura 2. Organización
2.3.4.1 Elementos que componen una Página Web.
Las principales características que constituyen una página en Internet son: texto en un
sitio web, imágenes, nombre de dominio, hipervínculos, video, entre otros elementos
más, los cuales se describirán a continuación. (Rodríguez H. A., s.f.)
Texto en un sitio web.
El texto es el elemento más significativo de cualquier sitio Web porque los usuarios
navegan por la Web fundamentalmente en busca de información expresada en texto
(Rodríguez H. A., s.f.).
Imágenes.
Aunque no debe abusar de las imágenes por el riesgo de aumentar el peso de la
página, y por lo tanto, los tiempos de descarga, las imágenes constituyen un elemento
esencial para ofrecer información visual del contenido y mostrar un diseño atractivo y
personal. (Rodríguez H. A., s.f.)
Espacio Servidor de Páginas Web.
Para que nuestro sitio Web sea visible ante todos necesitamos colocarlo en un
servidor. (Rodríguez H. A., s.f.)

Marco Teórico
35
Nombre de Dominio.
Es la primera parte de una dirección Web que identifica al servidor que almacena y
sirve su sitio. (Rodríguez H. A., s.f.)
Figura 3. Dominios
Hipervínculos.
Por sí misma, una página Web no puede hacer mucho. La magia de verdad comienza
cuando relaciona varias páginas mediante enlaces. (Rodríguez H. A., s.f.)
Video.
Mientras Internet es cada vez más asequible, confiable y veloz, los programas de
edición de video se hacen más cercanos a los usuarios.
Ahora es más fácil realizar un video desde una cámara digital o un teléfono móvil con
cámara incorporada y que termine subiendo a la Web para ponerlo al alcance de todos.
(Rodríguez H. A., s.f.)

Marco Teórico
36
Animaciones en Flash.
Es una imagen animada, fácil de crear y sobre todo que ocupa poca memoria. Tiene
diferentes usos, desde la creación de dibujos animados hasta el despliegue de dibujos
interactivos. (Rodríguez H. A., s.f.)
Sonidos.
Un elemento cada vez más importante. La comercialización de nuevos dispositivos
digitales móviles como el iPhone ha potencializado este elemento.
Además de incorporar sonido a las páginas Web puede descargar de ellas archivos de
audio para sus dispositivos móviles.
El formato MP3 es el más conocido y más usado por su calidad y nivel de compresión.
(Rodríguez H. A., s.f.)
Otros elementos.
Banner: Una imagen fija o animada utilizada generalmente para publicidad.
Marcos: También llamados frames, son una especie de recuadro independiente en el
que puede cargar una página Web. De esta forma es posible dividir una página Web
en diferentes partes o ventanas, cada una con sus propios bordes y barras de
desplazamiento, cargando dentro de cada una de ellas una página web externa
independiente.
Los marcos se usaron mucho en un momento determinado, pero además de crear
algunos inconvenientes en el diseño, es una opción que no recomiendo ya que
los motores de búsqueda no indexan correctamente los sitios realizados con marcos.
Actualmente se pueden obtener los mismos resultados con CSS.
Formulario: Zona para introducir datos o comentarios. Una plantilla o página con
espacios vacíos para llenarse con alguna finalidad.

Marco Teórico
37
También se utiliza para referirse al conjunto de campos solicitados por un determinado
programa, los cuales se almacenan para su manipulación y uso posterior. (Rodríguez
H. A., s.f.)
Diseño Web.
La Web se ha convertido en el medio de comunicación más importante del mundo
gracias a su facilidad para ofrecer información con una rapidez nunca antes alcanzada
por ningún otro medio.
Esta información puede ser consumida por cualquiera que tenga una conexión a
Internet desde cualquier parte del mundo.
El desarrollo Web es una mezcla de tecnología, contenidos, arquitectura del sitio,
diseño e interactividad.
El éxito de un sitio depende de la forma en que se combinan estos cinco factores que
determinan en gran medida la rapidez con que se genera y ofrece la información, y por
supuesto el éxito de un sitio.
Antes de analizar estos factores independientemente, debe considerar que ellos deben
garantizar que el sitio sea fácil de mantener, flexible para cambiar de tamaño y realizar
actualizaciones, atractivo y visualmente para los usuarios, interesante para su
audiencia, práctico para realizar descargas rápidas y búsquedas efectivas; también sin
vínculos rotos, ni comportamientos inadecuados.
En el contenido Web influyen la presentación, los conceptos de diseño y algunas
estrategias comunes del trabajo en Internet.
Los elementos visuales como el calor, el diseño de tipografía y las imágenes,
conforman la personalidad de un sitio y generan un impacto emocional que determina
que el sitio sea atractivo.

Marco Teórico
38
Aunque el objetivo final de todo diseñador sea transmitir un mensaje a una audiencia
determinada, ser un buen diseñador gráfico no significa necesariamente ser un buen
diseñador para la Web.
Cualquiera independientemente de su nivel artístico, puede conseguir un diseño
funcional con buena apariencia.
Un poco de experiencia y conocimiento de algunos principios básicos de diseño más
cierto grado de inspiración, originalidad y buen gusto harán que tenga parte de la
batalla ganada. Observe los detalles de su entorno, la naturaleza el arte y sobre todo
el trabajo de otros creadores que hay en la Web.
Parece muy elemental, pero muchos olvidan las principales fuentes más asequibles
de enriquecimiento estético (Rodríguez H. A., s.f.).
2.3.5 Metodología para la creación de sitios web.
La "Metodología para Creación de Sitios Web" comprende las fases siguientes, que a
continuación se presentan. (Rodríguez D. H., 2014)
2.3.5.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. (Rodríguez D. H., 2014)
Selección de Objetivos.
Todo proyecto debe contar con objetivos definidos, contra los cuales puede medirse la
efectividad de las acciones que se desarrollen.

Marco Teórico
39
Green, chilcoott 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.
También podemos denominarlos: selección de usuarios, expectativas de usuario y
expectativas de la organización; se describe a continuación:
 Selección de usuarios.
Los usuarios o la audiencia se refieren 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 Usuario.
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 Dickison, P. 2002).
 Expectativas de la organización.
Es vital establecer o fijar qué resultados pretenden 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.
Morrin y Dickson (2001) indican que se debe decidir si lo que se busca con el
sitio Web es: aumentar ventas, ofrecer servicios especializados y

Marco Teórico
40
conocimientos, publicidad y patrocinio, incentivos (productos gratis para
promoción), o para publicitar. (Rodríguez D. H., 2014)
2.3.5.2 Fase de Planificación.
Todo proyecto posee una fase de planificación. En ella se deben definir cuáles son los
requerimientos técnicos para este fin, quiénes serán los miembros del equipo,
seleccionar la estructura, planear un sitio bien organizado, y realizar estudios de
mercadeo comparativo (Rodríguez D. H., 2014).
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. (Rodríguez D. H., 2014)
Selección de Hardware.
Antes de emprender el desarrollo de 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 de una
intranet o extranet.
En el caso que la aplicación vaya a estar publicada en Internet, se debe reservar el
dominio y ubicar el servicio de hospedaje de empresas que se especializan en este
servicio (Morrison y Dickinson). (Rodríguez D. H., 2014)

Marco Teórico
41
Selección del Equipo Adecuado.
"El entorno de trabajo en equipos surge de la necesidad de segmentar el proceso de
producción en varias funciones diferentes" (Green, Chilcott y Flick, 2003).
Parte de la planificación de un sitio Web consiste en pensar en términos de equipo de
trabajo.
Se trata del conjunto de técnicos que estarán a cargo de la concepción, construcción,
evaluación y mantenimiento del sitio.
Los miembros del equipo Web serán los responsables de todas aquellas estructuras
no visibles que hacen a la operatividad de un sitio.
El equipo se basará en la convergencia de saberes y experiencias. Debe estar
integrado por técnicos de muy diversas disciplinas, capaces de contemplar los distintos
aspectos que están en juego.
Inicialmente, la mayoría de las organizaciones tenían a cargo del sitio Web un
Webmaster que trabajaba solo, preparaba el servidor, editaba las páginas, hacía el
diseño gráfico, y escribía o reunía los textos. Con el tiempo, se ha comprendido la
complejidad de estos proyectos.
Es muy importante que el equipo tenga un líder (que puede en un futuro ser el
Webmaster o no) porque formar un equipo Web requiere un gran compromiso personal
e institucional.
Los equipos no se construyen de la noche a la mañana, ni a partir de una decisión
administrativa o un mandato. Requieren un proceso de consolidación, que pasa por
tiempos de búsqueda, acuerdos y adecuación.
Un equipo Web debe estar en constante comunicación tanto con aquellos que le han
asignado su misión, como con sus destinatarios (clientes o usuarios). Su éxito se basa
además, en una estrecha colaboración y comunicación entre sus miembros.

Marco Teórico
42
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).
Se sugiere 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 ro 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: Trabajar en conjunto con el diseñador de base de datos.
Desarrolla y depura los scripts, los componentes ActiveX y otros elementos interactivos
en la Web.
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.

Marco Teórico
43
Técnico de pruebas: Si se dispone de un sitio grande o complejo puede resultar
provechoso 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.
Benchmarking.
Es una manera de detallar, observar y evaluar todas aquellas páginas Web calificadas
como las mejores que se encuentre en la red, con la finalidad de diseñar una forma
que permita crear un producto de alta calidad, productividad y competitividad.
(Rodríguez D. H., 2014)
Una manera práctica de realizar el benchmarking es plantearse una serie de preguntas
al momento de visitar las páginas que se han seleccionado como las mejores del ramo,
Morris y Dickson (2002) sugieren las siguientes:
1. ¿Cuáles son los objetivos del sitio?
2. ¿Cuánto tiempo tardo en cargar?
3. ¿Se descargó en un orden lógico?
4. ¿Es un sitio Web interesante?
5. ¿Cómo son los gráficos?
6. ¿Refleja el género de la empresa o compañía?
7. ¿Es de fácil uso y es cómodo navegar en él?
8. ¿El contenido está estructurado de manera lógica?
9. ¿Hay demasiados o insuficientes niveles de información?
10.En conjunto ¿el sitio es un éxito?

Marco Teórico
44
Estructura de Navegación.
“La base de un sitio bien diseñado es una estructura definida con precisión” (Green,
Chilcott y Flick, 2003)
Las relaciones de las páginas entre sí configuran la estructura del sitio. A partir 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, se verán a continuación.
 ESTRUCTURA LINEAL.
Esta estructura consiste en una línea recta que recorre el sitio desde la página de inicio
hasta la página final. Es muy útil cuando se desea que el lector siga un camino fijo y
guiado, además el de impedir que se distraiga con enlaces a otras páginas. Por otra
parte se puede causar al lector la sensación de estar encerrado si el camino es muy
largo o poco interesante. Este tipo de estructura sería válido para tutoriales de
aprendizaje o tours de visita guiada.
Figura 4. Estructura Lineal

Marco Teórico
45
 ESTRUCTURA JERÁRQUICA.
La estructura jerárquica, como se observa en la siguiente ilustración:
Figura 5. Estructura Jerárquica
Es la típica estructura de árbol, en el que la raíz es la página de bienvenida, ésta se
puede también sustituir por la de contenido, en la que se exponen las diferentes
secciones que contiene el sitio.
La ventaja de esta estructura es que el usuario siempre está ubicado y puede moverse
fácilmente por el sitio. Gracias a que la mayoría de las páginas secundarias permiten
regresar a la página de inicio, los visitantes controlan completamente la navegación.
(Rodríguez D. H., 2014)
 ESTRUCTURA RADIAL.
En este modelo las páginas secundarias no se conectan entre sí, y se debe navegar
por la página principal para ir de una secundaria a otra, es decir, la principal contiene
enlaces a todas las secundarias, pero las secundarias sólo contienen un entorno a la
principal, tal cual se aprecia en la figura que sigue:

Marco Teórico
46
Figura 6. Estructura Radial
La ventaja de esta estructura es que facilita la navegación, los visitantes sólo tendrán
que efectuar uno o dos clics para retornar a la página principal; sin embargo, esto
podría también ser un inconveniente porque obliga al usuario a regresar siempre a la
página de inicio. (Rodríguez D. H., 2014)
 ESTRUCTURA DE RED.
En ella se plantea un modelo en el que todas las páginas están relacionadas entre sí.
Es una estructura ideal para sitios especializados en un tema, en la que se le permite
al usuario una navegación libre y sin limitaciones como la que vemos a continuación:
Figura 7. Estructura de Red

Marco Teórico
47
Costos de Inversión.
A la hora de planificar un sitio Web, se debe realizar un estudio de viabilidad que refleje
el costo financiero a invertir, y que abarque tiempo, personal, hospedaje Web, el
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 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 la
cantidad de unidades por actividad que se medirá el costo de ésta (Rodríguez D. H.,
2014).
Beneficios a Obtener.
La puesta en marcha del sitio no lo es todo, la planificación del desarrollo de un sitio
Web debe abarcar aspectos como beneficios a adquirir con el funcionamiento del
mismo. Antes de establecer el desarrollo de un sitio Web se debe estimar el tiempo de
retorno de la inversión, ya que de esa forma tangible, como por ejemplo un retorno
monetario, o intangible como la mejora de las relaciones interpersonales de la
organización (Rodríguez D. H., 2014).
2.3.5.3 Fase 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.
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. (Rodríguez D. H., 2014)

Marco Teórico
48
2.3.5.4 Fase de Diseño.
El diseño Web supone un trabajo extenso un 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 una estructura lógica basada en el propósito del sitio. Representando
una labor que va más allá de la simple necesidad e inquietudes de sus potenciales
usuarios.
Al momento de diseñar sitios Web, es necesario tener en cuenta aspectos como la
usabilidad y accesibilidad.
Usabilidad.
Referido al tiempo, esfuerzo y capacidad requerido por el visitante, para que alcance
un determinado nivel de adaptación al sistema, esta puede estar vinculada en
ocasiones al número de pasos necesarios para lograr determinada actividad, y a nivel
de conocimientos que requieran los usuarios para el uso de la aplicación.
Accesibilidad.
Un sitio Web se desarrolla con la idea de que sea visto por el mayor número de
visitantes, pero hay que tener presente que cada uno de estos puede acceder a la
información con equipos, navegadores e idiomas distintos, estos factores pueden
impedir que el sitio no pueda ser apreciado en su totalidad.
Romero (1999) señala tres áreas fundamentales para determinar la accesibilidad de
un sitio Web, estas son:
 Accesibilidad a la computadora: Referida a la capacidad de hardware con la
que se debe contar para el uso de la aplicación Web, lo ideal en esta área es
que la aplicación se adapte a la computadora cualquiera que este sea.

Marco Teórico
49
 Accesibilidad del navegador utilizado: En ocasiones mismos contenidos se
visualizan de distintas maneras en diferentes navegadores Web, se
recomienda utilizar un diseño que se pueda visualizar en la mayoría de los
navegadores y apegado al estándar.
 Accesibilidad del diseño de las páginas Web: Los usuarios pueden tener
desactivadas algunas funcionalidades de los navegadores Web, lo que podría
incidir en la correcta visualización del contenido del sitio Web. (Rodríguez D. H.,
2014)
2.3.5.5 Fase de Programación.
Esta etapa corresponde a la utilización de las herramientas de programación Web. En
este punto es primordial seleccionar los lenguajes de programación en los que se
desarrollará el sitio 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 Arquitectura de tres
fases, la cual expone lo siguiente:
Bases 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 desplegarán el contenido a los usuarios a través
del navegador Web. Se refiere aplicaciones que el usuario visualizará y a través de la
cual operará con ella. (Rodríguez D. H., 2014)
2.3.5.6 Fase de Testeo.
Se ejecutan pruebas exhaustivas para asegurar el perfecto funcionamiento del sitio
Web con usuarios que vayan a utilizar el sitio:

Marco Teórico
50
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.
Comprobar tiempo de descarga: Uno de los puntos clave en el éxito de un sitio Web
es su rapidez de descarga, en base a ello se recomienda un tiempo mínimo descarga.
En este punto los administradores deben reciben la capacitación para el desarrollo de
sus tareas. (Rodríguez D. H., 2014)
2.3.5.7 Fase de Mercado y Publicidad.
En esta fase se debe tomar en cuenta los Derechos Internacionales del Autor, por el
cual:
 Todas las copias realizadas incluyen derecho de autor.
 Se anexa en el sitio los créditos de los desarrolladores, o un enlace que les
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 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. (Rodríguez D. H., 2014).

Marco Teórico
51
2.3.6 Sistemas Gestores de Contenido.
Los Sistemas Gestores de Contenidos SGC (Content Management Systems, CMS,
por su título en inglés) o Gestor de Contenidos Web GCW (Web Content Management,
WCM, por sus siglas en inglés), ayudan a mejorar la calidad de las páginas en Internet,
además de que facilitan la producción, la administración, la actualización y el
mantenimiento de los sitios web; desde uno muy simple, hasta un portal con una
considerable cantidad de elementos.
El Sistema Gestor de Contenidos debe proporcionar un ambiente que permita a uno o
varios autores (creadores de contenidos) generar sus documentos o artículos, de
manera amigable (Forcontu, 2011).
Actualmente, gracias a la evolución de algunas herramientas para la creación de
páginas web, y sin ser un experto en editores de código HTML, ni en diseño gráfico,
se generan sitios con mayor funcionalidad y presentación visual. Estas herramientas,
denominadas Sistemas Gestores de Contenidos SGC (Content Management Systems,
CMS, por su título en inglés) o Gestor de Contenidos Web GCW (Web Content
Management, WCM, por sus siglas en inglés), ayudan a mejorar la calidad de las
páginas, además de que facilitan la producción, la administración, la actualización y el
mantenimiento de los sitios web; desde uno muy simple, hasta un portal con una
considerable cantidad de elementos.
Un SGC es un software que se encuentra en un servidor web al que se le incorporan,
comúnmente, una o varias bases de datos, lo que permite al desarrollador crear,
administrar y actualizar páginas o sitios web de manera simple y dinámica, a través de
interfaces gráficas y plantillas de diseño predefinidas, según (Enterate en Línea Unam,
2008).

Marco Teórico
52
2.3.6.1 Características.
Las características que ofrecen los SGC son las siguientes.
Seguridad.
En Internet, los sitios o portales pueden sufrir distintos tipos de ataques que afectan la
información que contienen o la estabilidad del propio sistema. Por ello, la mayoría de
los sistemas SCG poseen diferentes niveles de seguridad configurables, es decir,
proporcionan mecanismos de autenticación que ayudan a establecer distintos niveles
de acceso a los contenidos:
Acceso a contenidos públicos. No requiere autenticación y cualquier persona puede
navegar por los contenidos (artículos, publicaciones) que no son restringidos.
Acceso a contenidos restringidos. Permite visualizar los contenidos públicos, pero
requiere autenticación para acceder y navegar por los contenidos en los que se tienen
privilegios de acceso. Además, se pueden establecer distintos niveles de acceso
(secciones o sólo algunos artículos) y diferentes niveles de contenidos restringidos
(noticias, publicaciones y comentarios).
Acceso al mantenimiento de los contenidos. Permite ver los contenidos públicos y
requiere autenticación para acceder y editar los contenidos donde se tienen privilegios.
Se pueden establecer distintos niveles de contenidos restringidos y de acceso.
Acceso administrativo. Requiere la autenticación. En este nivel se tiene permitido
todo, tanto el manejo de los contenidos como el de la presentación del sitio y su
administración. Se pueden crear distintos tipos de usuarios con diferentes privilegios
de administración (como administrador de usuarios, secciones o categorías, respaldos
de configuración del portal, entre otros).
Para el manejo de la información en los SGC se debe disponer de herramientas para
realizar copias de seguridad y efectuar la restauración de las bases de datos del
sistema. También se requieren parches de corrección de vulnerabilidades y bugs.

Marco Teórico
53
Escalabilidad.
En los SGC la escalabilidad es un aspecto sumamente importante, a través de ella el
sistema que se esté desarrollando podrá adecuarse a las futuras necesidades. La
forma como los SGC cubren este punto es con la separación de los contenidos,
presentación, estructura y manejo de módulos que permitan la modificación de alguno
de ellos o la inclusión de uno nuevo, sin afectar a los otros, lo que se logra a través del
manejo de los siguientes estándares:
 CSS. Permite la creación de hojas de estilo para definir la presentación de un
documento.
 XML. Lenguaje de marcas que permite estructurar un documento con ciertas
reglas.
 WAI (Web Accessibility Initiative o Iniciativa de Accesibilidad para Web del
W3C). Asegura la accesibilidad al sistema a personas con alguna discapacidad.
 RSS. Sirve para sindicar contenidos y ver las actualizaciones de algún
contenido sin tener que entrar en él.
La mayoría de los SGC toman en cuenta las aplicaciones existentes en torno a nuestro
sistema como son las bases de datos, el servidor web, los lenguajes de programación
utilizados y los sistemas operativos en los que pueda trabajar o ser migrado sin muchas
modificaciones.
Estabilidad.
La mayoría de los SGC cubren este aspecto, ya que al abarcar los puntos anteriores
y estar en constante actualización, permiten la solución y la disponibilidad de las
nuevas funcionalidades, las cuales cubren las nuevas necesidades de los usuarios.
De acuerdo con la información que manejan, los SGC se clasifican en:
Blogs. Contienen noticias o artículos organizados de forma cronológica, que no
pueden ser editados, pero sí hacerse comentarios acerca de ellos. Un ejemplo es
BLOGSMÈXICO: http://www.blogsmexico.com/

Marco Teórico
54
Foros. Incorporan foros de discusión en línea, donde las personas opinan sobre temas
de su interés. Un ejemplo es Foros México:
http://foros.forosmexico.com/
Portales. Son sitios que combinan los blogs, foros, artículos, noticias, buscadores,
etcétera, los cuales tienen un gran tráfico de personas que persiguen fines comunes
(pueden ser centros de atención a clientes, revistas, empresas que ofrecen servicios,
etcétera). Un portal importante con algunas de las características mencionadas es el
Portal México Nación Multicultural:
http://www.nacionmulticultural.unam.mx/
Wiki. En este tipo de SGC cualquier persona puede colaborar o escribir sobre algún
tema en el que es posible aportar sus conocimientos. También pueden contener
espacios de discusión (foros). El ejemplo más conocido es Wikipedia:
http://es.wikipedia.org/wiki/Portada
Los SGC se clasifican en dos grandes tipos: los comerciales y los gratuitos, con
licencia de código abierto.
2.3.6.2 SGC comerciales.
De los más conocidos en esta categoría, se encuentran Content Management Server
2002, de Microsoft http://www.microsoft.com/
cmserver/evaluation/overview/default.mspx; Iweb
http://www.iweb.com.es y Kentico, un CMS hecho en C# y Visual Basic.NET
http://www.kentico.com/
Entre sus principales ventajas se podría mencionar que ofrecen soporte profesional y
proveen los manuales correspondientes al sistema; con la contraparte de que no

Marco Teórico
55
incluyen el código fuente del sistema, su soporte es muy costoso y el precio de las
licencias es elevado.
2.3.6.3 SGC gratuitos con licencia de código abierto.
En esta categoría existe una importante cantidad de SGC, de los cuales algunos muy
conocidos son: Drupal (PHP) http://www.drupal.org.es/;
Joomla (PHP), versión surgida de Mambo
http://www.joomlaos.net; Mambo (PHP) CMS
http://www.mamboserver.com; PHP-Nuke (PHP)
http://www.phpnuke-espanol.org/; SPIP (PHP)
http://www.spip.net/es y TikiWiki (PHP)
http://tikiwiki.org/.
El software mencionado tiene disponible el código fuente, además de que su licencia
no tiene costo (salvo excepciones que ofrecen servicios añadidos), aunado al hecho
de que existen muchas comunidades en Internet que comparten soluciones a los
problemas que llegara a tener un SGC. No obstante, en caso de contener
documentación, no es muy completa y no ofrecen soporte como tal.
¿Cómo elegir un SGC?
Las características deseables de un SGC son variables y se desprenden,
principalmente, de los requerimientos de aplicación. Sin embargo, se pueden tener
algunos criterios generales que deben reunirse, para satisfacer las principales
necesidades de un sitio web. Según James Robertson, se pueden considerar los
siguientes:

Marco Teórico
56
Creación de Contenido.
El SGC debe proporcionar un ambiente que permita a uno o varios autores (creadores
de contenidos) generar sus documentos o artículos, de manera amigable. El propósito
es trabajar la información con el aspecto real que tendrá, pero manteniendo ciertas
restricciones que permitan conservar un formato uniforme, para que se adopte el
mismo estilo de página. Normalmente, esto lo cumplen la mayoría de los SGC, con
editores como: WYSIWYG What You See Is What You Get (lo que ves es lo que
obtienes).
Ejemplos de editores WYSIWYG pueden ser Quanta Plus, NVU.Amaya y Microsoft
Frontpage.Writer (de OpenOffice.org).
También debe permitirse la separación del contenido (información que consiste en
artículos o publicaciones) y la presentación del sitio web (estructura y aspecto visual);
de lo contrario, no se podrían aplicar múltiples formatos al sitio, porque el contenido
estaría atado a una sola presentación.
Asimismo, debe ser posible el manejo de múltiples usuarios o grupos con diferentes
niveles de permisos, de acuerdo con las funciones que realicen, como pueden ser los
usuarios registrados, donde sólo es posible ver el contenido de un sitio web autores,
editores y administradores.
Administración de Contenido.
La mayoría de los SGC trabajan con una o varias bases de datos que utilizan como
repositorio central de los documentos generados, al igual que la información
relacionada con el propio documento: fecha de creación, el o los autores y las
versiones, junto con los datos de los autores y las configuraciones del propio Sitio Web.
La administración, el mantenimiento y la actualización de un sitio web, en su estructura,
se lleva a cabo mediante herramientas que pueden dividirse entre los distintos usuarios
o administradores, con la finalidad de garantizar el ciclo de trabajo (workflow) para la

Marco Teórico
57
edición de artículos o publicaciones, a través de los grupos de usuarios, como son
autores y editores, entre otros. También se debe permitir el control de versiones.
Publicación.
Un SGC debe permitir que la vista final de un sitio esté diseñada con hojas de estilo
(ccs), aspecto importante porque proporciona flexibilidad y expansibilidad. Por tal
motivo, la composición total de una página se realiza con plantillas basadas en XML.
Un SGC soporta la presentación de los documentos en varios formatos, como pueden
ser PDF, HTML, etcétera; y permite integrar un código para aumentar funcionalidades;
aunado al hecho de que ofrece la posibilidad de presentar la información de diferente
forma, con base en el perfil de cada usuario.
Asimismo, permite el manejo de estadísticas para la recopilación de información sobre
un sitio, como puede ser la relacionada con las páginas más visitadas, el uso del
buscador, etcétera, lo cual es sumamente útil para efectuar el seguimiento del
desarrollo de un sitio.
Presentación.
Un SGC debe ser fácil de manejar y comprender por los usuarios. Este aspecto es
muy importante, porque de él depende que un sitio sea aceptado y tenga un alto nivel
de visitas, además de cumplir con los estándares de accesibilidad, como el de la
iniciativa de accesibilidad a la web del W3C.
También, debe contar con soporte para ser visto desde cualquier navegador de
Internet, como Internet Explorer, Netscape, Opera, Mozilla, etcétera.
El tamaño de la página debe limitarse para garantizar que los tiempos de carga sean
aceptables para los usuarios. En ese sentido, es necesario especificar los métodos de
acceso: módem, cable, etcétera, así como las tecnologías requeridas del lado del
cliente: Java, JavaScript, Flash, etcétera, para poder ver el sitio.

Marco Teórico
58
Todas las páginas dentro de un SGC proporcionan los metadatos necesarios para su
indexación, los cuales permiten mejorar las búsquedas.
Los aspectos anteriores son los más importantes a destacar en el momento de elegir
un SGC; otros dependen del tipo de SGC, ya sea comercial o gratuito con licencia de
código abierto, para agregar o restar características manuales, de soporte, etcétera.
Ventajas al utilizar SGC.
 Ofrece flexibilidad y escalabilidad en el diseño para su actualización, mediante
la inclusión de nuevos módulos, que permiten adaptarse a las necesidades del
proyecto.
 Permite un control de acceso, importante para el buen registro de los usuarios.
 Permite manejar con facilidad importantes cantidades de información.
 Incorpora un manejo adecuado de la administración, el mantenimiento y la
actualización de todo el sitio, a través de la distribución del trabajo en varios
usuarios, con privilegios explícitos para diferentes áreas.
 Incorpora un manejo sencillo de información dinámica.
2.3.6.4 Drupal.
Drupal es un Sistema de gestión de contenidos (CMS) que se distribuye como software
libre bajo licencia GNU GPL (General Public License) versión 2 o superior.
Drupal puede ser modificado y distribuido libremente, pero siempre se debe hacer
bajo la misma licencia. Esto quiere decir que si, por ejemplo, desarrollamos un módulo
específico, éste se debe distribuir con todos sus archivos fuente, de forma que
cualquier otra persona pueda a su vez modificarlo y distribuirlo.
El software está desarrollado con el lenguaje de programación PHP y utiliza una base
de datos MySQL. Está maquetado con hojas de estilo CSS, con lo que es posible
construir sitios web totalmente accesibles.

Marco Teórico
59
Instalación y Configuración.
En este apartado se describen los pasos a seguir para la instalación y configuración
inicial de Drupal.
Paso 1. Descarga de Drupal
Para descargar la última versión de Drupal 7, debemos acceder a la página
http://drupal.org. En la sección Download & Extend (del menú superior) encontraremos
un acceso directo a múltiples descargas, incluyendo la última versión disponible de
Drupal. El archivo descargado tiene el nombre drupal-7.x.tar.gz o drupal-7.x.zip, según
el tipo de compresión seleccionado. Las extensiones .tar.gz y .zip nos indican un tipo
específico de compresión de archivos.
Paso 2. Subir archivos al servidor
Dentro del archivo descargado encontrarás una carpeta principal, drupal - 7.x , que
contiene una estructura de carpetas y archivos más compleja y que analizaremos
durante el curso. Ahora debemos subir esta estructura de archivos al servidor de
alojamiento donde vamos a instalar Drupal. Lo haremos utilizando un software de FTP
(File Transfer Protocol , Protocolo de transferencia de archivos), que es un tipo de
software específico para transferir ficheros entre nuestro equipo y un servidor.
Ahora debemos subir esta estructura de archivos al servidor de alojamiento donde
vamos a instalar Drupal. Lo haremos utilizando un software de FTP ( File Transfer
Protocol , Protocolo de transferencia de archivos), que es un tipo de software
específico para transferir ficheros entre nuestro equipo y un servidor.
Paso 3. Inicio de la instalación en el navegador
Una vez subidos los archivos al servidor, podemos empezar con la instalación de
Drupal, que se hará a través de un navegador web.

Marco Teórico
60
Deberá cargarse la página de selección del perfil de instalación (Select an installation
profile). Si no se muestra esta página, revisa la URL cargada en tu navegador y
asegúrate de que hace referencia a la carpeta correcta donde has subido los archivos
de Drupal.
Comprueba también que se han subido todos los archivos y carpetas, incluyendo el
archivo .htaccess.
Paso 4. Verificar requisitos
A continuación Drupal comprobará si el servidor cumple con los requisitos mínimos
requeridos para su instalación. Ten en cuenta que de no subsanarse estos requisitos
no podrás continuar con la instalación.
Algunos problemas de configuración típicos son:
- La directiva de PHP register_globals debe estar desactivada (register_globals: off).
- La directiva de PHP safe_mode debe estar desactivada (safe_mode: off). - Drupal 7
utiliza la extensión PDO (PHP Data Objects), por lo que debe estar instalada en el
servidor y ejecutándose correctamente.
La forma de modificar estos parámetros para permitir la instalación de Drupal 7
dependerá del alojamiento que hayamos contratado, así que se debe consultar con el
administrador del sistema o el proveedor de alojamiento para solventarlos.
Los errores de configuración más comunes así como los requisitos mínimos de
software y hardware se recogen en la página http://drupal.org/requirements.
Paso 5. Configuración de la base de datos
Una vez corregidos todos los problemas de requisitos, pasaremos al siguiente paso
de la instalación, donde el sistema nos solicitará los datos de acceso a la base de
datos MySQL.

Marco Teórico
61
Completa los siguientes datos relacionados con la base de datos y haz clic en
"Guardar y continuar:
- Nombre de la base de datos
- Nombre de usuario de la base de datos
- Contraseña del usuario de la base de datos.
Paso 6. Configuración del sitio
A continuación el sistema nos solicitará información básica para configurar el sitio,
estructurada de la siguiente forma:
- Información del sitio. Tendremos que indicar el nombre o título del sitio y una
dirección de correo válida, que puede ser la del usuario administrador.
- Cuenta de mantenimiento del sitio (cuenta de administrador). Se debe indicar
un nombre de usuario (típicamente admin), asociado a una cuenta de correo válida y
una contraseña. Aunque el sistema nos indique que la contraseña no es
suficientemente segura, se puede continuar con la instalación sin problemas. Sí hay
que asegurarse de que la contraseña se escribe correctamente en ambos campos
(contraseña y confirmar contraseña). Por supuesto, se recomienda el uso de una
contraseña segura, no relacionada con el título o nombre de dominio del sitio.
- Configuración del servidor. Podemos indicar el país y la zona horaria predefinidos
del sitio. La zona horaria del servidor no tiene porqué corresponderse con la zona
horaria del sitio, ya que éste podría ofrecer sus servicios desde otro país. Comprueba
que la zona horaria indicada se corresponde con tu hora local.
- Avisos de actualización. Activando la opción "Verificar actualizaciones
automáticamente" el sistema comprobará periódicamente si existen actualizaciones de
Drupal o de los módulos y temas instalados y nos avisará a través del área de
administración. Si marcamos la opción "Recibir avisos por correo electrónico",
recibiremos en la cuenta de correo de mantenimiento del sitio sólo los avisos de
actualizaciones importantes, como las actualizaciones de seguridad.

Marco Teórico
62
Paso 7. Finalización de la instalación
Con el paso anterior finaliza la instalación de Drupal. Tras el mensaje de felicitación,
podemos acceder al sitio instalado haciendo clic en "Visite su nuevo sitio". También
puedes acceder directamente escribiendo la URL de tu sitio en el navegador (Por
ejemplo, http://www.example.com).
Administración.
Toda la administración del sitio se lleva a cabo a través del menú de Administración
(Management). En Drupal 7 el menú de administración viene incorporado en la interfaz
del sitio, a través de una barra de herramientas situada en la parte superior de la
página. También podemos acceder a las opciones de administración utilizando la URL
/admin.
El menú de Administración se divide en grupos de tareas, teniendo inicialmente las
siguientes opciones principales:
o Panel de control
o Contenido
o Estructura
o Apariencia
o Personas
o Módulos
o Configuración
o Informes
o Ayuda
Panel de control
El Panel de control nos permite agrupar en una única página toda la actividad y
funcionalidades que consideremos útil para la administración periódica del sitio.
De esta forma podremos gestionar de una forma ágil los contenidos, comentarios,
usuarios, etc., sin necesidad de entrar en cada una de las opciones de administración.

Marco Teórico
63
Contenido
Desde Contenido podremos gestionar los contenidos y comentarios creados en el
sitio, además de crear nuevo contenido.
Estructura
Desde Estructura podemos acceder a la administración de los elementos relacionados
con la estructura del sitio. Inicialmente está disponible la administración de Bloques,
Menús, Taxonomía y Tipos de contenido, que estudiaremos en detalle en las próximas
unidades.
Apariencia
En Apariencia encontraremos los temas instalados y otras opciones de visualización
de elementos del sitio. Podemos activar y desactivar los temas instalados, seleccionar
el tema predeterminado del sitio y configurar el tema de administración.
Personas
Desde Personas gestionaremos los usuarios registrados en el sitio y los roles y
permisos asignados a los mismos.
Módulos
Desde Módulos podemos gestionar y configurar los módulos instalados en el sitio. Es
posible instalar módulos, actualizarlos a versiones más recientes,
activarlos/desactivarlos y acceder a las opciones de configuración específicas de cada
módulo.
Configuración
En Configuración encontraremos las opciones de configuración del sistema y de los
módulos adicionales instalados. En esta sección irán apareciendo muchas opciones a
medida que instalemos y activemos módulos adicionales. Las nuevas opciones se irán
agrupando en las categorías existentes o añadirán nuevas categorías, según cómo se
haya programado el módulo. Volveremos sobre estas opciones a lo largo del curso.

Marco Teórico
64
Informes
Informes nos da acceso a información relacionada con la configuración y actividad del
sitio. Además del Informe de estado, al que ya accedimos previamente para comprobar
la correcta instalación de Drupal, podemos consultar las Actualizaciones disponibles y
ver toda la actividad del sitio en Mensajes recientes del registro. Revisaremos todas
estas opciones a lo largo del curso.
Ayuda
Los temas de Ayuda aportan más información sobre los módulos instalados y su
configuración.
2.3.7 MYSQL
MySQL es la base de datos de código abierto más popular del mundo. Código abierto
significa que todo el mundo puede acceder al código fuente, es decir, al código de
programación de MySQL. Todo el mundo puede contribuir para incluir elementos,
arreglar problemas, realizar mejoras o sugerir optimizaciones. Y así ocurre. MySQL ha
pasado de ser una "pequeña" base de datos a una completa herramienta y ha
conseguido superar a una gran cantidad de bases de datos comerciales (lo que ha
asustado a la mayor parte de los proveedores comerciales de bases de datos). Por lo
tanto, su rápido desarrollo se debe a la contribución de mucha gente al proyecto, así
como a la dedicación del equipo de MySQL.
A diferencia de los proyectos propietarios, en los que el código fuente es desarrollado
por un número reducido de personas y se protege atentamente, los proyectos de
código abierto no excluyen a nadie interesado en aportar ideas, si disponen de los
conocimientos necesarios. En el año 2000, cuando MySQL contaba con solo cuatro
años de existencia, Michael "MONTY" Widenius, el fundador de MySQL, predijo
grandes avances para MySQL durante la primera convención sobre bases de datos de
código abierto. En aquel entonces, muchos proveedores de base de datos se burlaron
de sus palabras. Hoy en día ya han desaparecido varios.

Marco Teórico
65
La versión 3 de MySQL logro hacerse con el dominio de la gama baja del mercado de
Internet. Con el lanzamiento de la versión 4, este producto se dirige ahora a una base
de clientes mucho más amplia. MySQL hace su entrada en el mercado de las bases
de datos en un momento en el que Apache es el producto de código abierto dominante
en el mercado de servidores Web y en el que la presencia de varios sistemas
operativos de código abierto (como Linux y FreeBSD) es cada día más notable en el
mercado de servidores (Gilfillan, 2003).
2.3.7.1 Comprensión de los Fundamentos de Mysql.
MySQL es un sistema de administración de bases de datos relacional (RDBMS). Se
trata de un programa capaz de almacenar una enorme cantidad de datos de gran
variedad y de distribuirlos para cubrir las necesidades de cualquier tipo de
organización, desde pequeños establecimientos comerciales a grandes empresas y
organismos administrativos. MySQL compite con sistemas RDBMS propietarios
conocidos, como Oracle, SQL Server y DB2.
MySQL incluye todos los elementos necesarios para instalar el programa, preparar
diferentes niveles de acceso de usuario, administrar el sistema y proteger y hacer
volcados de datos. Puede desarrollar sus propias aplicaciones de base de datos en la
mayor parte de los lenguajes de programación utilizados en la actualidad y ejecutarlos
en casi todos los sistemas operativos, incluyendo algunos de los que probablemente
no ha oído nunca hablar. MySQL utiliza el lenguaje de consulta estructurado (SQL).
Este lenguaje permite crear bases de datos, así como agregar, manipular y recuperar
datos en función de criterios específicos
2.3.7.2 Concepto de una Base de Datos.
Una base de datos, en su definición más sencilla, es una colección de archivos
relacionados. Imagine un archivo (ya sea en formato de papel o electrónico) que
contenga los pedidos de ventas de una tienda. También existirá otro archivo de
productos, en el que se incluyen 10s registros sobre existencias. Para completar un

Marco Teórico
66
pedido, necesitara buscar el producto en el archivo de pedidos y 10s niveles de
existencias relativos a dicho producto en el archivo de productos. Una base de datos
y el software que controla la base de datos, denominado sistema de administración de
base de datos (DBMS), le ayudara a realizar estas tareas. La mayor parte de las bases
de datos actuales son de tip0 relacional. Se denominan así porque utilizan tablas de
datos relacionadas por un campo en común.
Por Ejemplo la tabla 1 muestra la tabla Product y la tabla 2 muestra la tabla Invoice.
Como puede observar, la relación entre las dos tablas se establece a partir del campo
s t o c k - code. Dos tablas cualesquiera se pueden relacionar utilizando un campo
común.
Tabla 2. Tabla Product
Tabla 3. Tabla Invoice
2.3.7.3 Terminología sobre Bases de Datos.
Examinemos muy de cerca las dos tablas anteriores para comprobar cómo se
organizan:
 Cada tabla se compone de una gran cantidad de Filas y columnas.

Marco Teórico
67
 Cada fila contiene datos sobre una sola entidad (corno un producto o un
pedido). Estos datos se conocen como registros. Por ejemplo, la primera fila
de la tabla 1 es un registro: describe el producto A416, que es una caja de clavos
que cuesta 14 céntimos de dólar. Por lo tanto, el término fila y el termino
registro son intercambiables.
 Cada columna contiene datos relacionados con el registro, llamados atributos.
Ejemplos de atributos son la cantidad de un artículo vendido o el precio de un producto.
Los atributos en referencia a una tabla de base de datos se denominan campos. Por
ejemplo, 10s datos de la columna Descripción de la tabla 1 son campos. Por lo tanto,
el termino atributo y el termino campo son intercambiables.
Dado este tipo de estructura, la base de datos nos brinda una forma de manipular los
datos: SQL. SQL es una potente herramienta para realizar búsquedas sobre registros
o realizar cambios. Prácticamente todos los DBMS utilizan este lenguaje, aunque la
mayoría ha agregado sus propios elementos, lo que significa que al estudiar SQL en
este capítulo y en los siguientes, se explicaran características específicas de MySQL.
La mayor parte de los conceptos que se expliquen, se pueden utilizar en otras bases
de datos relacionales, como PostgreSQL, Oracle,
Sybase o SQL Server. Sin embargo, tras comprobar las ventajas de MySQL, es
probable que no desee cambiar.
2.3.7.4 Conexión a una Base de Datos.
El equipo en el que se ejecuta MySQL y que almacena 10s datos se denomina
servidor MySQL. Para establecer una conexión a este servidor, dispone de varias
opciones de instalación. En primer lugar, puede instalar el cliente y el servidor MySQL
en su equipo de escritorio, como ilustra la figura 8 En segundo lugar, puede instalar el
cliente MySQL en su equipo de sobremesa y el servidor MySQL en otro equipo a 1
que se establecerá la conexión, como se ilustra en la figura 9 Por último, su equipo de
sobremesa puede ser cualquier ordenador que se conecte a otro equipo con un cliente

Marco Teórico
68
MySQL instalado, que a su vez se conectara al servidor MySQL, situado en el mismo
equipo o en otro, como muestra la figura 10.
Figura 8. Nuestro equipo tiene instalado el Cliente y el Servidor de MYSQL
Figura 9. Nuestro equipo tiene instalado el cliente de MYSQL. El servidor MYSQL tiene instalado en otro equipo al
que se conecta el nuestro.
Figura 10. En este caso la terminal puede ser cualquier equipo capaz de conectarse a otro, ya que ni si quiera
lleva instalado el cliente MYSQL.

Marco Teórico
69
Figura 10. En este caso, nuestra terminal puede ser cualquier equipo capaz de
conectarse a otro, ya que ni siquiera lleva instalado el cliente MySQL. Si el cliente
MySQL no se encuentra instalado en su equipo de sobremesa y necesita conectarse
a un segundo equipo para utilizar el cliente MySQL, es probable que necesite utilizar
Telnet o un cliente Secure Shell (SSH) para realizar la conexión.
Para ello, basta con abrir el programa Telnet, introducir el nombre del anfitrión, un
nombre de usuario y una contraseña. Si no tiene claro cómo hacerlo, consulte al
administrador de su sistema.
Tras registrarse en el equipo en el que está instalado el programa cliente
MySQL, la operación de conexión al servidor resulta sencilla:
 En un equipo Unix (por ejemplo, Linux o FreeBSD), ejecute el siguiente
comando desde la línea de comandos de su interprete:
 % mysql -h nombre del a n f i t r i o n -u nombre de usuario -p contraseña
nombre de la base de datos
 En un equipo Windows, ejecute el mismo comando desde la línea de comandos:
 % mysql -h nombre del a n f i t r i o n -u nombre de usuario -p contraseña
nombre de la base de datos.
El símbolo % indica el símbolo de comando del intérprete de comandos. Es probable
que su equipo utilice otro símbolo (por ejemplo, c : > en Windows o $ en algunos
intérpretes de comandos de Unix). La -h y la -u pueden aparecer seguidas de un
espacio (también puede eliminar el espacio). La -p debe ir seguida inmediatamente de
la contraseña, sin espacios intercalados.
Tras establecer la conexión, aparecerá el símbolo de comandos mysql>, como ocurre
en la mayor parte de las distribuciones. No necesita escribir esta secuencia ya que se
generara automáticamente.
Si aparece un símbolo de comando ligeramente diferente, no se preocupe y escriba el
texto en negrita.

Marco Teórico
70
El nombre del anfitrión será el nombre del equipo en el que se aloja el servidor (por
ejemplo, www.sybex.com o una dirección IP como 196.30.168.20). No necesita utilizar
este parámetro si ya está registrado en el servidor (en otras palabras, si el cliente y el
servidor MySQL se encuentran instalados en el mismo equipo). El administrador le
asignara el nombre de usuario y la contraseña (se trata de la contraseña y el nombre
de usuario de MySQL, que son diferentes a los utilizados para el equipo cliente).
Algunos equipos inseguros no requieren el uso de un nombre de usuario o contraseña.
Para desconectarse, basta con escribir QUIT de la siguiente forma:
mysql> QUIT
Bye
También puede escribir EXIT o pulsar ControI-D.
2.3.7.5 Creación y Uso de nuestra primera Base de Datos.
En las siguientes secciones se describe como crear una base de datos y como realizar
consultas sobre ella. Asumiremos que ha establecido una conexión al servidor MySQL
y que dispone de permisos para utilizar una base de datos. De lo contrario, solicite
dichos permisos a su administrador. Si denominamos a esta base de datos como
firstdb, pida a su administrador que Cree y le conceda permiso absoluto de acceso a
dicha base de datos únicamente. De esta forma evitara problemas relacionados con
permisos posteriormente, además de ahorrarle un ataque al corazón a su
administrador si ocurriera alguna catástrofe con las bases de datos existentes. Si
nuestro administrador no tiene claro que es lo que tiene que hacer o si hemos instalado
MySQL nosotros mismos, deberemos utilizar uno de 10s dos conjuntos de comandos
que se indican a continuacion para poder empezar a trabajar con la base de datos.
Recuerde que solo debe introducir el texto en negrita.

Marco Teórico
71
Caso en el que acabemos de instalar MySQL
En primer lugar, establezca una conexión a la base de datos Misal como raíz. Como
acaba de empezar, todavía no dispondrá de una contraseña raíz, razón por la que lo
primero que tiene que hacer es asignar una contraseña al usuario raíz.
% mysql -u root mysql
Welcome to the MySQL monitor. Commands end with ; or g.
Your MySQL connection id is 15 to server version: 4.0.2-alpha-Max
Type 'help; ' or 'hl for help. Type 'c' to clear the buffer.
mysql> SET PASSWORD=PASSWDRD ('gOOr002b');
Query OK, 0 rows affected (0.00 sec)
Por cuestiones de sencillez, vamos a utilizar la misma contraseña para el usuario raíz,
g 0 0 f0 0 2b, que para el usuario que vamos a crear, guru2 b.
A continuación, tendremos que crear la base de datos first db con la que vamos a
trabajar.
mysql> CREATE DATABASE firstdb;
Query OK, 1 row affected (0.01 sec)
Por último, es necesario crear el usuario con el que vamos a trabajar, guru2 b, con la
contraseña g 0 0 r 0 0 2 b, y concederle permiso completo de acceso a la base de
datos firstdb:
mysql> GRANT ALL ON firstdb. to guru2b@localhost
IDENTIFIED BY 'gOOr002b' ;
mysql> exit
Bye

Marco Teórico
72
Si un administrador necesita concederle permiso
En primer lugar, el administrador tendrá que establecer la conexión a la base de datos
MySQL como usuario raiz (o como cualquier otro usuario que disponga de permisos
para conceder permiso a otro).
% mysql -u root -p mysql
Enter password:
Type 'help; ' or ' h' for help. Type ' c ' to clear the buffer.
A continuación, su administrador tendrá que crear la base de datos f i r s t db con la
que vamos a trabajar:
mysql> CREATE DATABASE firstdb;
Query OK, 1 row affected (0.01 sec)
Por último, es necesario crear el usuario con el que vamos a trabajar, guru2b, con la
contraseña g 0 0 r 0 0 2 b, y concederle acceso completo a la base de datos f i r s t d
b. Fíjese en que se asume que la conexión a la base de datos se establecerá desde l
o c a l h o s t (es decir, que el cliente y el servidor de la base de datos están instalados
en el mismo equipo). Si no fuera así, su administrador tendrá que sustituir l o c a l host
por el nombre del equipo pertinente:
mysql> GRANT ALL ON first&.* to guru2b@localhost
IDENTIFIED BY 'gOOr002b';
mysql> exit
Bye

Marco Teórico
73
guru2b es su nombre de usuario para acceder a MySQL y el que utilizaremos a lo largo
de todo el libro, y g 0 0 r 0 0 2 b, es la contraseña. Puede utilizar, o le puede asignar,
otro nombre de usuario. En un capitulo posterior, analizaremos el tema de la concesión
de permisos.
Uso de la base de datos
Si no ha trabajado antes con SQL o MySQL, esta es su oportunidad de ponerse manos
a la obra. Le aconsejamos realizar 10s ejemplos que se incluyen a continuación en el
orden en el que se presentan. Ahora bien, el verdadero proceso de aprendizaje
consiste en dejar el libro a un lado y escribir otras consultas. Por lo tanto, le
aconsejamos que experimente. Utilice variaciones que le parezcan que pueden
funcionar. No tenga miedo de cometer errores en esta fase, ya que son la mejor forma
de aprender.
Los datos con los que estamos trabajando no son importantes. Es mejor eliminar ahora
las bases de datos de ejemplo de forma accidental que millones de registros vitales
dentro de un año.
Comenzaremos por crear una tabla dentro de nuestra base de datos de ejemplo y la
rellenaremos con datos.
Tras crear varias tablas y completarlas, explicaremos como realizar consultas sobre
ellas. En primer lugar, estableceremos una conexion a la tabla recien creada utilizando
el siguiente comando:
% mysql -u guru2b -pgOOr002b firstdb
Type 'help; ' or 'h' for help. Type 'c' to clear the buffer.

Marco Teórico
74
Si los permisos no se han establecido correctamente, obtendrá un error como el
siguiente:
ERROR 1044: Access denied for user: 'guru2be@localhost' to
database 'firstdb'
Si así fuera, necesitaremos (nosotros o nuestro administrador) revisar 10s pasos de
las dos secciones anteriores.
Todas estas cuestiones relacionadas con los permisos pueden parecer un poco
complicadas, pero resultan de gran utilidad. En el futuro necesitara restringir el acceso
a sus datos y la concesión de permisos es la forma de conseguirlo.
También puede establecer la conexión sin especificar una base de datos, de la
siguiente forma:
% mysql -u guru2b -pgOOr002b guru2b
Type 'help; ' or 'h' for help. Type 'c' to clear the buffer.
A continuación, si queremos estar seguros de utilizar la base de datos correcta,
tendremos que indicárselo a MySQL.
Para ello, utilice la siguiente instrucción:
mysql> USE firstdb
Database changed

Marco Teórico
75
Puede establecer la conexión a su base de datos de dos formas: especificando base
de datos al establecer la conexión o posteriormente cuando esté conectado.
En el futuro, cuando tenga que utilizar más de una base de datos en su sistema,
descubrirá que resulta mucho más sencillo cambiar de bases de datos utilizando la
instrucción USE.
Creación de una tabla
Tras conectarse a la base de datos, es probable que desee introducir datos.
Para ello, vamos a crear una base de datos que puede hacer el seguimiento de un
equipo de ventas. Como ya aprendimos, las bases de datos, se componen de una gran
cantidad de tablas y, para empezar, crearemos una tabla que contenga datos sobre
los comerciales. Almacenaremos sus nombres, números de identificación y
Comisiones. Para crear una tabla, también vamos a utilizar el comando CREATE, pero
necesitaremos especificar TABLE en lugar de DATABASE, así como algunos
elementos adicionales. Introduzca la siguiente instrucción CREATE:
mysql> CREATE TABLE sales-rep (
employee-number INTI
surname VARCHAR(IO),
first-name VARCHAR(30) ,
commission TINYINT
) :
Query OK, 0 rows affected ( 0 . 0 0 sec)
No necesita introducir la instrucción de la forma en la que aparece impresa en el
ejemplo. Aquí se ha divido la instrucción en varias líneas para facilitar su lectura, pero
es probable que le resulte más sencillo introducir el comando en una sola. Así mismo,
puede variar el uso de mayúsculas y minúsculas del ejemplo, sin que ello afecte a su

Marco Teórico
76
funcionamiento. A lo largo de este libro, utilizaremos mayúsculas para representar
palabras clave de MYSQL y minúsculas para representar nombres seleccionados. Por
ejemplo, podríamos haber introducido la siguiente secuencia:
mysql> create table SALES-REPRESENTATIVE (
EMPLOYEE-NO int ,
SURNAME varchar (40) ,
FIRST-NAME varchar (30) ,
COMMISSION tinyint
) :
Sin problemas. Sin embargo, si utilizamos el siguiente fragmento:
mysql> CREATE TABLES sales-rep (
employee-number INT ,
surname VARCHAR (40) ,
f irstpame VARCHAR (30) ,
commission TINYINT
) ;
Se generaría este error:
ERROR 1064: You have an error in your SQL syntax near
'TABLES sales-reps (emp1oyee-number INT,surname
VARCHAR (40) , f irst-name VARCHAR (30) ' at line 1
Porque se ha escrito erróneamente TABLE. Por lo tanto, al escribir texto en
mayúsculas tenga cuidado de no introducir errores; puede cambiar el texto en
minúsculas sin problemas (siempre y cuando se haga de forma uniforme y se utilicen
los mismos nombres de principio a fin).

Marco Teórico
77
Puede que se esté preguntando por el significado de los términos INT, VARCHAR y
TINY INT que aparecen tras los nombres de los campos. Es lo que se denominan tipos
de datos o tipos de columna. INT equivale a entero, un número sin decimales cuyo
valor oscila entre -2.147.483.648 y 2.147.483.647. Es aproximadamente a un tercio de
la población mundial, por lo que resultara suficiente para el equipo de ventas, por
mucho que crezca. VARCHAR equivale a carácter de longitud variable. El número
entre paréntesis indica la longitud máxima de la cadena de caracteres. Una cantidad
de 30 y 40 caracteres resultara suficiente para el nombre y el apellido de los
comerciales, respectivamente. Y TINYINT equivale a entero pequeño, por lo general
un número sin decimales cuyo valor oscila entre -128 y 127. El campo comisión indica
un valor de porcentaje y, como nadie puede ganar más del 100 por cien, basta con
utilizar un número entero pequeño. (Gilfillan, 2003)

Metodología
78
III. METODOLOGÍA
3.1. Población o universo/ muestra
Muestra probabilística
Para la implementación de un portal web para el BATEMS es indispensable determinar
la realidad y el uso del método de muestra probabilístico. En este proyecto de un portal
web se empleó el tipo de muestro probabilístico. En lo cual se consideró a la población
del BATEMS para tener igual probabilidad de ser seleccionados.
Para determinar la magnitud de la muestra se emplea la siguiente fórmula:
n= Z𝒂 𝟐
.N.p.q
𝒊 𝟐
(N-1)+𝒁 𝒂 𝟐.p.q
Dónde:
N: tamaño de la población: 960
Z: Error máximo aceptable: 1.96
P: Porcentaje estimado de la muestra: 50% = 0.5
Q: 0.5
I: 0.05
n= Z𝒂 𝟐
.N.p.q
𝒊 𝟐
(N-1)+𝒁 𝒂 𝟐.p.q
n= (1.96) ^2.(960).(0.5).(0.5)

Metodología
79
(0.05)^2.(960-1)+(1.96)^2.(0.5).(0.5)
n= (3.8416) (2.40)
(2.3975) + (0.9604)
n= 921.98
3.3579
n=274.57
𝑨𝒔𝒉 =
𝒏
𝑵
=
𝟐𝟕𝟒. 𝟓𝟕
𝟗𝟔𝟎
𝑨𝒔𝒉 = 𝟎. 𝟐𝟖𝟔𝟎
Muestra Estratificada
Población (n) por muestra estratificada (0.2860)
Docentes --------------------60 --------17.16
Administrativos ------------ 25 --------7.16
Serv. Generales ---------------- 15 --------4.29
Batems (alumnos) ------------ 450 -------128.7
Universidad (alumnos) ------- 400 -------114.4

Metodología
80
Selección de la muestra
En la selección de la muestra se utilizara la técnica de aleatoria simple en la cual se
realizara por tómbola que consiste en numerar todos los elementos muéstrales de la
población, del 1 al n.
Después se hacen fichas o papeles uno por cada elemento, se revuelven en una caja
y se va sacando n números de las fichas, según el tamaño de la muestra.
Los números elegido a alzar conformara la muestra.
Los números obtenidos se verificaran con los nombres y direcciones de nuestra lista,
para precisar a los seleccionados que serán participantes del estudio.

Metodología
81
3.2. Tipo de estudio
Para la realización de este proyecto se optó por el tipo de estudio según su finalidad
en el ámbito de investigación tecnológica, dado que este se enfoca hacia el diseño o
mejora de instrumentos y herramientas que hacen posible plasmar algo a la realidad.
Por lo que, en su característica principal es tener conocimientos básicos para lograr
los propósitos orientados a innovar.

Metodología
82
3.3. Descripción del Instrumento
Técnica de recolección de datos
La técnica a utilizar es la encuesta que permitirá recopilar la información en la muestra
de estudio.
Instrumentos de recolección de datos
Se elaborará un cuestionario, para considerar las variables de estudio, utilizando un
conjunto sistematizado de cuestiones que va dirigido a un grupo predeterminado de
personas que nos permitirán obtener la información relevante para ésta investigación.
Ver Anexo 1 (cuestionario aplicado).

Metodología
83
3.4. Procedimiento de recolección
Procedimiento
Para llevar a cabo este proyecto se empleó la metodología de desarrollo para la
creación de Sitios Web de Hugo Adrián Rodríguez Delgado, la cual consta de 7 fases,
que se detallaran a continuación:
Fase 1. Fase de Planificación
En esta primera fase se elaboró un cronograma en el cual se colocan las fases en el
periodo en el que se estará realizando, como veremos a continuación:
Actividades FEBRERO MARZO ABRIL MAYO
Fases 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
Panificación
Análisis
Contenido
Diseño
Programación
Testeo
Mercadeo y Publicidad
Por consiguiente, se deben tener los requerimientos en hardware y software para
poder instalar Drupal:
Selección de hardware
El kit de herramientas de Drupal requiere una gran cantidad de potencia de
procesamiento. Se puede consumir fácilmente una gran cantidad de recursos del
sistema, especialmente durante la recolección de metadatos, la indexación de
registros en Solr, y la generación de nodo.

Metodología
84
Espacio en disco duro
Si va a cosechar grandes conjuntos de registros de metadatos, tal vez necesite una
cantidad muy considerable de espacio en disco disponible. En este caso, tener en
cuenta que el espacio en disco necesario es principalmente determinado por el tamaño
y el número de registros se recogieron y se planea tener disponibles al menos cinco
veces la cantidad de espacio en disco necesario para almacenar los registros de
metadatos que planea cosechar en texto plano.
Consideremos el siguiente ejemplo. Nuestros sitios de demostración sobre las
cosechas en torno a millones de registros de XC. El tamaño total de los registros XC
en texto plano es de alrededor de 12 GB. Así, se estima que necesitaríamos al menos
60 GB de espacio para la cosecha exitosa. Aquí está el desglose:
 12 GB para la caché de respuesta OAI
 10 GB para los archivos de carga MySQL CSV utilizados para retrasar insertos
SQL
 10 GB para la base de datos MySQL
 14 GB para el índice Solr
 14 GB para la optimización índice Solr
Es importante tener en cuenta que se trata de los requisitos de uso máximo. Una vez
que los procesos de generación de recolección, indexación, y el nodo están completos,
se puede reducir el espacio en disco utilizado simplemente eliminando los cachés OAI
y SQL. El espacio utilizado por el proceso de optimización de Solr reducirá
automáticamente por sí solo cuando se complete el proceso.
Uso de múltiples unidades o particiones: Si tiene varias unidades o particiones
disponibles, por ejemplo, uno grande y uno pequeño, como es el caso de muchos
servidores, sugerimos que instale Solr en el disco más grande. Esto mantenerlo

Metodología
85
separado de la instancia de Drupal y el servidor web. También es posible que desee
hacer esto para su directorio de datos y archivos de Drupal MySQL.
Selección de software
Para el desarrollo de nuestro portal web usaremos un destacado gestor de contenidos
llamado Drupal, para instalar y correr dicho software, el servidor debe de tener ciertas
características.
La instalación del núcleo de Drupal 6 requiere 15 MB, de Drupal 7 32 MB, de Drupal 8
64 MB; y 60 MB se necesitan para los módulos y temas que serán instalados.
Típicamente 128 MB o 256 MB se encuentran en los sistemas de producción. El
servidor web puede ser: Apache, Nginx o Microsoft IIS.
Para la base de datos: Drupal 6: MySQL 4.1 o versión posterior, PostgreSQL 7.1,
Drupal 7: MySQL 5.0.15 o versión posterior con PDO, PostgreSQL 8.3 o versión más
alta con PDO, SQLite 3.3.7 o posterior
Drupal 8: MySQL 5.5.3/MariaDB 5.5.20/Percona Server 5.5.8 versión posterior con
PDO y InnoDB motor de almacenamiento compatible, PostgreSQL 8.3 o posterior con
PDO, SQLite 3.4.2 o más alta.
Microsoft SQL Server and Oracle son soportados utilizando módulos adicionales.
Para PHP: Drupal 6: PHP 5.x solamente (5.2.5 o versión posterior se recomienda).

Metodología
86
Aviso: soporte para PHP 4.x ha sido descontinuado. El núcleo Drupal funciona con
PHP 5.3.x, pero PHP 5.3.x y posteriores versiones pueden producir errores
especialmente en módulos y temas desarrollados para extender la funcionalidad del
núcleo.
Drupal 7: PHP 5.2.5 + (5.4 o posterior recomendado).
Drupal 8: PHP 5.5.9 o posterior.
Servidor WEB: Drupal es capaz de correr en cualquier servidor que soporte con PHP.
Apache es el servidor web más utilizado para Drupal. Drupal trabajará en Apache 2.x
y puede ser alojado en UNIX / Linux, OS X o Windows.
La mayor parte del desarrollo de Drupal y el despliegue se realiza en Apache, por lo
que hay más experiencia y documentación de parte de la comunidad y la mayor parte
de las pruebas son realizadas en Apache que en otros servidores web. Drupal 7 y 6
probablemente correrán en Apache 1.3.
Base de datos
Recomendado: MySQL (o un equivalente, como MariaDB o Percona Server) MySQL.
 Drupal 6 soporta MySQL 4.1 o superior, pero MySQL 5.0.15 o se recomienda
versión superior
 Drupal 7 soporta MySQL 5.0.15 o superior (o MySQL 1.5.30 o superior), y
requiere la extensión de base de datos PDO para PHP.
 Drupal 8 soporta MySQL 5.5.3 o superior con InnoDB como el motor de
almacenamiento primario, y requiere la extensión de la base de datos PDO.
Hay varias opciones que se pueden utilizar en vez de MySQL. Drupal ha sido
extensivamente probado con MariaDB, y se recomienda la versión 1.5.44 (o mayor).
También es probable que utilizar Percona como servidor va a funcionar bien con
Drupal, aunque no se haya probado tan extensamente.

Metodología
87
Selección del equipo adecuado
En este punto se trata de colocar los miembros del equipo en el ambiente al que deben
estar todos en conjunto de tal manera que puedan interactuar y tener la comunicación
para poder llevar a cabo los puntos que se deben desarrollar:
Planificación del Desarrollo del Proyecto
Fases y roles Descripción
Selección de software. Se encarga de seleccionar el software
requerido para desarrollar el sitio web.
Selección de hardware. Se lleva a cabo la selección del hardware
requerido para el software y las
aplicaciones que se instalarán en el mismo.
Selección del equipo adecuado. Se selecciona el grupo de personas
capaces de llevar a cabo la realización del
proyecto.
Jefe del proyecto. Es el encargado y responsable de la
realización del proyecto y delega
responsabilidades.
Editor. Se encarga de la edición de la página.
Escritor. Se encarga del contenido textual en la
página.
Diseñador gráfico. Se encarga del diseño de la interfaz web.
Técnico de hardware. Se encarga del mantenimiento y del buen
funcionamiento del hardware.

Metodología
88
Técnico de prueba. Es el encargado de las pruebas que se
realizan con la página.
Benchmarking. Se encarga del benchmarking Competitivo
en este caso, porque se utilizó para dar más
a conocer los productos con los que ofrece
la empresa.
Estructura de navegación. Se utilizó la estructura jerárquica, puesto
que su ventaja de esta, es que el usuario
siempre está ubicado en cierta página y
puede moverse fácilmente por el sitio.
Beneficios obtener. Son los beneficios que se obtendrán con
este proyecto.
Estructura de navegación
Dentro de este punto, se definió la estructura del sitio, el cual la mejor adoptada para
el portal web es la estructura jerárquica en la cual se tiene una página como inicio y
sus páginas secundarias, en las que se tiene acceso para regresar a la página principal
y el usuario tendrá más libre acceso y movilidad dentro del portal web.
Fase 2. Análisis
Ya planteados los objetivos, el hardware, el software y el equipo de trabajo se procede
a la siguiente fase que es la de análisis en la que ahora se debe tener en cuenta acerca
de los problemas que existen en la organización para poder cumplir con los objetivos,
así como de las expectativas tanto de usuarios como de la misma organización; por lo
cual se realizará el planteamiento del problema, la justificación y la hipótesis en la que
se determinarán las variables dependientes e independientes de las cuales nos
debemos basar para la realización del portal web.

Metodología
89
Fase 3. Contenido
En esta fase debido a que el portal está enfocado a una escuela, el contenido debe
ser acerca de la misma en la cual se colocarán las noticias, anuncios más relevantes,
información y contacto con la escuela, así como el acceso a Moodle por parte de
docentes, administradores y alumnos que de acuerdo a su nivel es como tendrán
ciertos privilegios hacia Moodle.
Fase 4. Diseño
En esta fase ya sabiendo el contenido que debe tener el portal web, se verá reflejada
información acerca de la institución, desde galerías de imágenes, cursos de
capacitación, hasta una plataforma Moodle, en la cual entran los siguientes puntos:
Usabilidad
El entorno en el que interactúa el visitante es agradable y sencillo, dado que cuenta
con un menú principal que facilita la navegación en el portal web; la comunidad escolar
maneja una cuenta personal lo que le permite tener acceso a mayor información que
la comunidad en general y del mismo modo, con un entorno sencillo y fácil de entender.
Accesibilidad
En éste aspecto el portal pudiera tener algunos inconvenientes, dado que el único
idioma implementado es el español (por la región en que se encuentra la institución)
así que la visita de un usuario con habla diferente al español le será complicado de
entender.
El portal es compatible con los navegadores principales (Mozilla Firefox, Microsoft
Edge, Google Chrome) y también con cualquier tipo de dispositivo electrónico que se
conecte a internet (teléfono celular con 3G, tableta, computadora), pues el portal fue
hecho para que su contenido se adapta al tamaño del dispositivo.

Metodología
90
Accesibilidad del diseño de las páginas Web.
Dada la configuración del navegador Web desde el que intenten acceder al portal, éste
puede tener algunas funciones desactivadas lo cual puede traer como consecuencia
la mala visualización o de una de las páginas web o incluso negarle sus funciones.
Para resolver este problema rápidamente, los visitantes podrían intentar acceder
desde un navegador diferente o modificarlo a su configuración predeterminada.
Fase 5. Programación
El lenguaje de programación principal que utiliza el gestor de contenidos Drupal es
PHP que es un lenguaje de código abierto muy popular especialmente adecuado para
el desarrollo web y que puede ser incrustado en HTML.
Lo primero que se hizo para empezar a darle “buena imagen” al portal web fue cambiar
el tema que traía por defecto y escoger uno de nuestro agrado, en la pestaña de
Apariencia. Escogimos uno llamado Nexus.
2. Como segundo paso, nos metimos a los ajustes del tema y lo siguiente fue hacerle
modificaciones conforme a las opciones que nos daba. Como desactivar el logotipo

Metodología
91
predeterminado que traía y colocar uno del BATEMS, o activarle un nuevo slider para
la demostración de imágenes en la página de Inicio.
3. Configurado el tema completamente, lo que siguió fue descargar módulos, que son
complementos de Drupal y permiten darle esos pequeños pero importantes detalles a
una página web, como un espacio para redes sociales, un slider no predeterminado,
mostrar usuarios conectados, mostrar un calendario, etc.

Metodología
92
4. Ahora es cuando viene la parte de crear las páginas web que tendrá el portal, para
eso fácilmente nos vamos a Agregar contenido y nos da las opciones de crear una
página básica, un artículo, una galería o una publicación.
5. Luego de haber creado las páginas o artículos; en la pestaña de Encontrar
contenido, nos mostrará detalles de todas las páginas creadas hasta el momento como
su tipo, autor, fecha de actualización y decidir si editarlas o eliminarlas. Del mismo
modo se pueden editar o eliminar en grupo o individualmente.

Metodología
93
6. En la pestaña de Estructura vienen unas opciones, entre esas la de Bloques que es
muy importante al momento de “darle forma” al sitio, porque es donde le dimos el orden
que tienen los módulos visibles para los usuarios, como las redes sociales que ocupan
el pie de página, el slider que ocupa el encabezado, etc.
7. Por último, en la sección de Configuración tendremos acceso a varios puntos clave
acerca de la página como son opciones de los usuarios, del sistema, multimedia,
región e idioma, entre otros.

Metodología
94
Fase 6. Testeo
En esta fase se realizan las pruebas necesarias con los usuarios que harán uso del
portal web por lo que también, se comprueba la compatibilidad en diferentes
navegadores como son, Google Chrome, Internet Explorer, Firefox, entre otros.
También comprobar que al subir y descargar archivos se haga de manera correcta y
eficiente para lograr el mejor resultado y satisfacer a los usuarios.
Fase 7. Mercado y Publicidad
En esta fase se define el dominio del sitio se verifica que esté disponible para poder
registrarlo y se puedan transferir los archivos al servidor remoto por ftp.
Se deben verificar que todos los archivos estén en su carpeta correspondiente al
portal.
Así mismo, verificamos los derechos de Autor de la página que corresponden a la
escuela (BATEMS); así como al finalizar verificar con los encargados de la escuela
que nos indiquen en que sitios o lugares en los que requieran dar a conocer el portal
web ya listo para su uso.

Metodología
95
3.5. Procedimiento de manejo estadístico de la información
A continuación, se muestran los resultados e interpretación del cuestionario aplicado
a la comunidad del BATEMS.
1. ¿Es importante implantar un portal web en la BATEMS?
a) Si b) No c) No lo sé
El 82% de la comunidad estudiantil de la BATEMS dijo que si es importante un portal
web para la institución el 8% de los alumnos contestaron que no era importante y el
12% dijo que no sabían si era importante un portal web ya que hay alumnos que no
saben que es un portal web.
2. ¿De qué forma beneficiaría dicho portal para la comunidad escolar y público en
general?
a) De forma informativa o comunicativa b) De forma educativa y social
c) Todas las anteriores

Metodología
96
A través de esta encuesta la comunidad estudiantil dijo que el portal web beneficiaría
de forma informativa, educativa y social, porque estará disponible y si quieren saber
un aviso solo tendrían que consultar en dicho portal pero el 18% contesto que solo
sería de forma comunicativa y social y el 35% contesto que de forma comunicativa e
informativa, La mayoría de los alumno si están de acuerdo que el portal seria de mucho
uso así se informarían de todo lo educativo y social de la escuela.
3. El portal web contará con una plataforma Moodle, ¿en qué manera ayudaría a los
estudiantes y maestros tal plataforma?
a) Para informar sobre tareas, calificaciones y exámenes
b) Para anuncios escolares c) Todas las anteriores

Metodología
97
En esta pregunta la comunidad dijo que gracias a esta plataforma podrán subir sus
tareas correspondientes así como podrían checar sus calificaciones y también sus
exámenes y así será mejor el aprendizaje pero el 21% dijo que solo serviría para
anuncios escolares y es así como el 37% de los jóvenes indican que el portal serviría
para consultar sus calificaciones como subir tareas.
4. ¿Consideras necesario que los maestros de la institución deberían tomar cursos de
capacitación para la enseñanza?
a) Sí b) No
¿Por qué?_______________________________________________________

Metodología
98
El 80% de la comunidad estudiantil dijo que si se necesita que capaciten a los
maestros, ya que algunos maestros no saben y sería bueno que tomen cursos para
aprender más y así darle una buena enseñanza a los alumnos y así será algo versátil
en la institución Mientras que el 20% dijo que no es necesario que tomen cursos
5. ¿Qué opinas de que dicho portal cuente con un apartado de noticias como el “Inicio”
de Facebook?
a) Sería de ayuda para visualizar las noticias más recientes
b) No me gustaría

Metodología
99
El 70% de la comunidad estudiantil dijo que sería de gran ayuda porque así se
ahorrarían tiempo en andar buscando ciertas noticas y así podrían ver las noticias más
actualizadas mientras que el 30% dijo que no les gustaría que el inicio fuera como
Facebook.
6. ¿Por qué crees necesario que un portal web esté en constante mantenimiento?
a) Para estar actualizado
b) Para corregir errores que llegaran a surgir en el portal

Metodología
100
La mayoría de la comunidad estudiantil dijo que será bueno que se esté en constante
mantenimiento del portal web, para que así no halla errores en algún momento de
consultas de calificaciones, subir tareas etc., Mientras que el 23% dijo que es
necesario para corregir errores que surjan en el portal pero el 34% dijo que es útil
que este actualizado y que es necesario corregir alguno errores que vayan surgiendo
en el portal.

Resultados obtenidos y discusión
101
IV. RESULTADOS OBTENIDOS Y DISCUSIÓN

Conclusiones y recomendaciones
102
V. CONCLUSIONES Y RECOMENDACIONES
CONCLUSIONES
La implementación del portal web en la institución lograra una comunicación rápida
entre alumnado y maestros, ya que se cuenta con servicio de correos, por ambas
partes podrán consultar trayectorias académicas, así como calificaciones recientes,
eventos y anuncios que emita la institución, gracias a tecnología Moodle.
También cabe mencionar que todo esto fue posible, por el buen uso de las
herramientas de recolección de datos, en este caso: La encuesta, ya que en base a
sus resultados pudo ser posible el desarrollo de este proyecto.
RECOMENDACIONES
Sería un gran logro poder llevar a cabo este proyecto en otros lugares, además de la
gran utilidad que tendría este en la comunidad estudiantil donde se aplique. También
recomendamos la ampliación de los servicios que se ofrecen en el portal web, en este
caso información sobre programas de gobierno “BECAS”, así como información
relevante de cursos extraescolares, entre otros.
Para finalizar se requiere que el portal web tenga mantenimiento y actualización
adecuada.

Complementarios
103
FUENTES DE INFORMACIÓN
Alegsa, L. (22 de Diciembre de 2014). DICCIONARIO DE INFORMÁTICA Y TECNOLOGÍA.
Obtenido de http://www.alegsa.com.ar/Dic/http.php
Alvarez, M. A. (01 de Enero de 2001). Desarrollo Web. Obtenido de
https://desarrolloweb.com/articulos/que-es-html.html
Arteaga, O. D. (23 de Junio de 2010). Facultad de Informática de la Universidad de Las
Palmas de Gran Canaria. Obtenido de
http://gias720.dis.ulpgc.es/Gias/Cursos/Tutorial_html/concepto.htm
C.V., C. A. (4 de Agosto de 2014). Historia del Internet . Obtenido de
http://www.cad.com.mx/historia_del_internet.htm
EcuRed. (30 de Mayo de 2016). EcuRed. Obtenido de https://www.ecured.cu/Web#Historia
Enterate en Línea Unam. (27 de Noviembre de 2008). Obtenido de
http://www.enterate.unam.mx/Articulos/2006/octubre/sistemas.htm
Evolucion de la Web. (5 de Abril de 2011). Obtenido de
https://cobaej.files.wordpress.com/2011/02/la-evolucion-de-la-web.pdf
Forcontu, A. D. (21 de Noviembre de 2011). Experto en Drupal 7. Obtenido de
www.forcontu.com
Galeon.com. (2009). Obtenido de http://maricelybetty.galeon.com/textos/PROYFINAL.pdf
Gilfillan, I. (2003). MySQL - La biblia.
Lapuente, M. J. (8 de Diciembre de 2013). Los orígenes de la Web. Obtenido de Tesis
doctoral. Universidad Complutense de Madrid:
http://www.hipertexto.info/documentos/h_www.htm
Lopéz, J. (03 de Febrero de 2011). Proyecto Tesis. Obtenido de
http://bibing.us.es/proyectos/abreproy/11247/fichero/Memoria%252F6-
Conceptos+previos.pdf
Manuel, J. (26 de Septiembre de 2014). Historia de los servidores web y la web. Obtenido de
https://prezi.com/ju6ypquqlras/historia-de-los-servidores-web-y-la-web/
Pairuna, L. (12 de Octubre de 2007). CodeDimension. Obtenido de
http://www.codedimension.com.ar/noticias-sobre-tecnologia/noticias/-que-es-y-para-
que-sirve-un-sitio-web-/1
Pérez, J. E. (Junio de 2015). Introducción a JavaScript. Obtenido de
http://www.jesusda.com/docs/ebooks/introduccion_javascript.pdf

Complementarios
104
Rancel, M. R. (18 de Septiembre de 2010). Aprender a programar.com. Obtenido de
Didactica y divulgacion de la programación :
http://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id
=435:ique-es-y-para-que-sirve-html-el-lenguaje-mas-importante-para-crear-paginas-
webs-html-tags-cu00704b&catid=69&Itemid=192
Rodríguez, D. H. (2014). akus.net. Obtenido de http://disenowebakus.net/metodologia-para-
la-creacion-de-sitios-web.php#.VzPfCfEWrxs.facebook
Rodríguez, H. A. (s.f.). akus.net. Obtenido de http://disenowebakus.net/elementos-de-un-
sitio-web.php
Sampieri, R. H. (2010). Metodología de la Investigación Sampieri y Fernández (5 Edición
ed.). México D.F.: Mc GrawHill.
Tecnología, G. P. (28 de Marzo de 2014). Portal web. Obtenido de
http://conceptodefinicion.de/portal/
Villena, R. M. (27 de Mayo de 2015). World Wide Web. Obtenido de EcuRed:
https://www.ecured.cu/EcuRed:Enciclopedia_cubana

Complementarios
105
ANEXOS
Anexo 1
CUESTIONARIO
1. ¿Es importante implantar un portal web en la BATEMS?
b) Si b) No c) No lo sé
2. ¿De qué forma beneficiaría dicho portal para la comunidad escolar y público en
general?
a) De forma informativa o comunicativa b) De forma educativa y social
3. El portal web contará con una plataforma Moodle, ¿en qué manera ayudaría a los
estudiantes y maestros tal plataforma?
a) Para informar sobre tareas, calificaciones y exámenes
b) Para anuncios escolares c) Todas las anteriores
4. ¿Consideras necesario que los maestros de la institución deberían tomar cursos
de capacitación para la enseñanza?
a) Sí b) No
¿Por qué?_______________________________________________________
5. ¿Qué opinas de que dicho portal cuente con un apartado de noticias como el
“Inicio” de Facebook?
a) Sería de ayuda para visualizar las noticias más recientes
b) No me gustaría
6. ¿Por qué crees necesario que un portal web esté en constante mantenimiento?
a) Para estar actualizado
b) Para corregir errores que llegaran a surgir en el portal

Complementarios
106
Anexo 2
EVIDENCIA FOTOGRÁFICA
A continuación se colocan las fotografías del momento en que fuimos a la escuela a
realizar la encuesta, desde el instante inicial al hablar con el encargado en ese
momento, como de los alumnos, docentes y administrativos contestando los
cuestionarios.
Figura 11. Momento en el que se asiste a la oficina de Administración para poder entrar a las aulas a realizar la
encuesta

Complementarios
107
Figura 12. Entrega de cuestionario a personal administrativo
Figura 13. Entrega de cuestionario a personal administrativo

Complementarios
108
Figura 14. Breve explicación dada a los alumnos para que resuelvan el cuestionario
Figura 15. Entrega de cuestionario a alumnos

Complementarios
109
Figura 16. Se recopilan los cuestionarios dados
Figura 17. Finalización de la encuesta realizada en el BATEMS (Nora, Julissa, Sindy)

Complementarios
110
Figura 18. Finalización de la encuesta realizada en el BATEMS (Carlos E, Juan C, Jesús E)

Proyecto BATEMS

Más contenido relacionado

La actualidad más candente

Similar a Proyecto BATEMS

Más de Carlos Hdez

Proyecto BATEMS