Colegio Tuxtepec

S.E.P.
TECNOLGICO NACIONAL DE MXICO
INSTITUTO TECNOLGICO
de Tuxtepec
DESARROLLO DE UN SITIO WEB PARA EL COLEGIO
TUXTEPEC, UBICADO EN SAN JUAN BAUTISTA TUXTEPEC
EMPLEANDO ELCMS WORDPRESS
PROYECTO DE INVESTIGACION
Carrera:
INGENIERA INFORMTICA
PRESENTAN
BOLAOS GARCA KAREN GEORGINA

CARRERA CASTRO JOS VCTOR
DUQUE ARZATE JESUS
JUSTO JOAQUN ALMA ZULEYMA
MANZANO NARCIZO LETICIA
NOGUEIRA HERNANDEZ LUIS
No. DE CONTROL
12350422
12350233
12350439
12350238
12350240
12350532
ASESOR
L.I. MARA DE LOS NGELES MARTNEZ MORALES
San Juan Bautista Tuxtepec, Oax.

Mayo de 2016.
AGRADECIMIENTOS
Manzano Narcizo Leticia
Antes que nada, doy gracias a Dios, por haber llegado a esta etapa de superacin, y
por mantenerme firme durante todo este esfuerzo.
A mis padres Elena y Faustino que han sido mi impulso a seguir y mi inspiracin, por
su apoyo incondicional y la lucha constante que hacen por mantener mi educacin.
Al colegio Tuxtepec por brindarnos su confianza y su disponibilidad para la
realizacin del sitio web y poder implementarlo dentro de la escuela ya que este fue
culme para nuestro progreso como estudiantes.
Gracias.
Jose Victor Carrera Castro
Doy gracias a dios por brindarme estar con vida y hacer posible de este proyecto.
A mis padres Valentina y Fermn a mis hermanas Ana Mara y Hortensia por
apoyarme mutuamente y por sus consejos que si bien o mal me sirvieron de mucho.
Lic. Mara de los ngeles MoralesMartnez a usted por apoyarnos y brindarnos de su
conocimiento.
Al colegio Tuxtepec por aceptar y darnos la oportunidad de poder implementar
nuestro proyecto.
Gracias
II
Luis Nogueira Hernndez

Primeramente, agradezco a dios por haberme permitido concluir con xito este
proyecto.
Con gran sinceridad agrademos al colegio Tuxtepec por habernos tomado con
respeto y como profesionales y permitir llevar a cabo este proyecto en la reconocida
y prestigiada
escuela
tambin
agrademos
la
profesora
Mara
de
los
ngelesMartnez por compartirnos sus valiosos conocimientos para que as este

proyecto culmina con xito.
Gracias.
Jess Duque Arzate
Quiero agradecer a mis maestros ya que ellos me ensearon a valorar los estudios y
superarme cada da, tambin agradezco a mi mam que ha estado apoyndome
incondicionalmente en mi carrera y est en mis momentos difciles como estudiante.
Y agradezco a dios por darme la salud que tengo, por tener una cabeza con la que
puedo pensar muy bien y un sinceramente agradecimiento al colegio Tuxtepec que
no permiti realizar nuestro proyecto.
Gracias
Karen Georgina Bolaos Garca
Agradezco a Dios por cada nuevo da, por tantas bendiciones. A mi Mam que toda
la vida ha cuidado mis pasos y me ha amado como solo ella lo sabe hacer. A mi
Padre, por ensearme a ser honesta, a nunca quedarme callada y por toda la
confianza que a puesto en m. A mi hermano, por sonrer cada que regresaba a casa,
y generarme valor y esperanza. A mis hermanas, porque a pesar de la distancia,
siempre se sostuvieron firmes y me apoyaron. A mi abuela por siempre estar al
pendiente de todos, antes que ella. A mis amigos(as), que soportaron mi mal humor y
mis buenos das. A cada maestro que dej algo bueno de su vida, enseanza.
Gracias
III
Alma Zuleyma Justo Joaqun

Agradezco a mi madre por estar siempre ah cuando ms la necesito y darme un
empujoncito en cada etapa de mi vida, sobretodo en mi educcin. Porque sin su
ayuda nunca habra llegado hasta ac y no hubiera aportado mi ayuda en la
realizacin de este proyecto.
A mis hermanos Franco, Moiss, Andrea y Roxana por creer en m y por regaarme
cuando yo les deca que ya no poda ms.
Gracias
IV
RESUMEN
Se cre una pgina web para el Colegio Tuxtepec en donde se incluyo informacin
acerca de este mismo, como das de inscripcin, fechas importantes del colegio,
eventos prximos a realizar y una galera de fotos en donde se ve la evidencia de los
eventos que ya se han realizado.
La pgina web ser creada con una herramienta gestora de sistemas de contenido
llamada Wordpress en donde se utiliz una planilla de este mismo utilizando
herramientas como son galeras de fotos, bloques de informacin y un men en
donde vendrn los diferentes niveles educativos del colegio.
El sitio se hizo con el fin de que el colegio tenga en la red un sitio web para que los
padres y alumnos interesados en inscribirse en dicha escuela estn al pendiente de
cundo sern estas, tambin para que el alumnado ya inscrito y pblico en general
sepa las fechas importantes y eventos prximos.
NDICE DE CONTENIDO
AGRADECIMIENTOS ..................................................................................................................... II
RESUMEN ......................................................................................................................................... V
INTRODUCCIN ............................................................................................................................ 11
JUSTIFICACIN ............................................................................................................................ 12
OBJETIVOS .................................................................................................................................... 14
OBJETIVO GENERAL ............................................................................................................... 14
OBJETIVOS ESPECFICOS .................................................................................................... 14
PROBLEMAS A RESOLVER PRIORIZNDOLOS ................................................................. 15
ESTABLECIEMIENTO DE LA HIPTESIS .............................................................................. 16
HIPTESIS ................................................................................................................................. 16
HIPTESIS NULA ...................................................................................................................... 16
VARIABLES................................................................................................................................. 17
Identificacin de las variables ................................................................................................... 17
Definicin conceptiva: ................................................................................................................ 17
Definicin operativa de las variables ....................................................................................... 18
FUNDAMENTO TERICO ........................................................................................................... 19
INTERNET ........................................................................................................................... 19
1.
1.1.
HISTORIA DEL INTERNET .......................................................................................... 19
1.2.
WWW (World Wide Web) .............................................................................................. 20
1.2.1.
LA WEB 1.0 (Internet Bsica) ............................................................................ 21
1.2.2.
LA WEB 2.0 (La red social / la de colaboracin) ......................................... 22
1.2.3.
LA WEB 3.0 (La red semntica) ........................................................................ 25
1.2.4.
LA WEB 4.0 (La red mvil) ................................................................................. 27
1.3.
ESTRUCTURA DE INTERNET .................................................................................... 28
1.3.1.
1.4.
LAS DIRECCIONES EN INTERNET .................................................................. 28
EL FLUJO DE INFORMACIN EN INTERNET ........................................................ 29
1.4.1.
DEFINICIN DE CLIENTE/SERVIDOR ............................................................. 29
1.4.2.
QU ES UNA ARQUITECTURA? .................................................................... 29
1.4.3.
QUE ES CLIENTE? ............................................................................................. 30
1.4.4.
QUE ES SERVIDOR? ......................................................................................... 30
1.4.5.
QUE ES UN PROCESO DISTRIBUIDO? ............................................................ 31
1.4.6.
QUE ES UN SISTEMA ABIERTO? ....................................................................... 31
1.4.7.
ELEMENTOS DE LA ARQUITECTURA CLIENTE/SERVIDOR ......................... 31
APLICACIONES CLIENTE/SERVIDOR ............................................................................. 32

QU ES UNA PGINA WEB? ....................................................................................... 32
2.
2.1.
HERRAMIENTAS ........................................................................................................... 33
2.1.1. EDITORES ONLINE ................................................................................................... 33

Editores HTML ........................................................................................................................ 34
Adobe Dreamweaver: .......................................................................................................... 34
Kompozer: .............................................................................................................................. 35
2.2.
SISTEMAS CMS ............................................................................................................. 36
Joomla: ................................................................................................................................... 36
Drupal: ..................................................................................................................................... 37
WordPress .............................................................................................................................. 38
2.3.
QUE ES UN CMS ........................................................................................................... 39
2.3.1.
QUE SON LOS CMS ............................................................................................. 39
2.3.2.
Ventajas y desventajas de los CMS................................................................. 40
Ventajas .................................................................................................................................. 40
Desventajas ........................................................................................................................... 41
QUE ES UN DOMINIO ...................................................................................................... 41
3.
3.2. TIPOS DE DOMINIOS ....................................................................................................... 41

3.2.1.
DOMINIOS DE PRIMER NIVEL........................................................................... 42
3.2.2.
DOMINIOS GENRICOS...................................................................................... 42
.com ......................................................................................................................................... 42
.org ........................................................................................................................................... 42
.gov........................................................................................................................................... 43
.edu........................................................................................................................................... 43
.int ............................................................................................................................................. 43
3.2.3.
3.3.
DOMINIOS GEOGRFICOS................................................................................ 43
QUE ES UN HOSTING.................................................................................................. 44
3.3.1.
Caractersticas: ..................................................................................................... 45
7
Hosting compartido ................................................................................................................ 45

Hosting dedicado .................................................................................................................... 45
Servidor local........................................................................................................................... 45
VENTAJAS: ............................................................................................................................ 46
DESVENTAJAS: .................................................................................................................... 46
LENGUAJES DE PROGRAMACION ................................................................................. 47
4.
4.1. HTML .................................................................................................................................... 47

4.2.
PHP................................................................................................................................... 48
4.3.
JAVASCRIPT .................................................................................................................. 49
4.4.
ASP.NET .......................................................................................................................... 49
4.5.
PHYTON .......................................................................................................................... 49
4.6.
MYSQL ............................................................................................................................. 49
QUE ES WORD PRESS? ............................................................................................... 50
5.
5.1. QUE ES UNA BASE DE DATOS? ................................................................................ 50

5.1.1. TIPOS DE BASE DE DATOS ................................................................................... 51
TECNOLOGA DE SERVIDOR ........................................................................................ 53
6.
6.1. TECNOLOGIA SERVIDOR WEB: PRIMERA GENERACION ............................... 53
7.
6.2.
TECNOLOGA DE SERVIDOR WEB: SEGUNDA GENERACIN ................... 54
6.3.
TECNOLOGIA DE SERVIDOR WEB: TERCERA GENERACION ................... 55
NAVEGADORES.................................................................................................................... 57
7.1. MOZILLA FIREFOX............................................................................................................ 57
7.2.
GOOGLE CHROME ....................................................................................................... 58
7.3.
OPERA ............................................................................................................................. 58
7.4.
SAFARI ............................................................................................................................ 58
PROCEDIMIENTO O MTODO .................................................................................................. 59

ENFOQUE METODOLOGICO ................................................................................................. 59
ALCANCE DE LA INVESTIGACIN ....................................................................................... 59
TIPO DE INVESTIGACIN ...................................................................................................... 59
DISEO DE INVESTIGACIN ................................................................................................ 59
Tcnicas de recoleccin de datos ........................................................................................... 62
Instrumento.................................................................................................................................... 62
METODOLOGA............................................................................................................................. 63
8
Fase 1. Procesos gerenciales .................................................................................................. 63

Fase 2. Modelo de negocios.................................................................................................... 64
Fase 3. Definicin y Especificacin de Requerimientos....................................................... 64
Fase 4. Diseo arquitectural de la aplicacin. ....................................................................... 65
Fase 5. Especificacin de componentes. ............................................................................... 67
Fase 6. Aprovisionamiento de los componentes................................................................... 71
Fase 7. Ensamblaje de los componentes............................................................................... 73
Fase 8. Pruebas de la aplicacin web. ................................................................................... 74
Fase 9. Entrega de la aplicacin web. .................................................................................... 75
ANLISIS DE RESULTADOS ..................................................................................................... 76
CONCLUSION .............................................................................................................................. 101
RECOMENDACIONES ............................................................................................................... 102
REFERENCIAS ............................................................................................................................ 103
GLOSARIO ................................................................................................................................... 105
ANEXOS ........................................................................................................................................ 107
TABLA DE ILUSTRACIONES
ILUSTRACIN 1 ARQUITECTURA CLIENTE-SERVIDOR -------------------------------------------------------------------------- 30
ILUSTRACIN 2APLICACIONES CLIENTE-SERVIDOR. --------------------------------------------------------------------------- 32
ILUSTRACIN 3 VISTA DEL DREAMWEAVER ------------------------------------------------------------------------------------- 35
ILUSTRACIN 4VISTA DEL KOMPOZER -------------------------------------------------------------------------------------------- 36
ILUSTRACIN 5 VISTA DEL JOOMLA ------------------------------------------------------------------------------------------------ 37
ILUSTRACIN 6 VISTA DE DRUPAL -------------------------------------------------------------------------------------------------- 38
ILUSTRACIN 7 VISTA DE WORDPRESS ------------------------------------------------------------------------------------------- 39
ILUSTRACIN 8 ESTRUCTURA DEL LENGUAJE HTML -------------------------------------------------------------------------- 47
ILUSTRACIN 9CDIGO PHP INCRUSTADO EN HTML ------------------------------------------------------------------------- 48
ILUSTRACIN 10 ESTRUCTURA DE LOS SERVIDORES WEB DE PRIMERA GENERACIN. ----------------------------- 54
ILUSTRACIN 11 PROCESAMIENTO DE INFORMACIN CON SERVIDORES DE SEGUNDA GENERACIN.-------- 55
ILUSTRACIN 12 ESTRUCTURA DE INTERNET INFORMATION SERVER 4.0 ---------------------------------------------- 57
ILUSTRACIN 13 DISEO DE LA ARQUITECTURA ------------------------------------------------------------------------------- 66
ILUSTRACIN 14 DISEO DE LA ARQUITECTURA ------------------------------------------------------------------------------- 67
ILUSTRACIN 15 DISEO DE LA INTERFAZ DE USUARIO---------------------------------------------------------------------- 67
ILUSTRACIN 16 ESPECIFICACION DE LOS COMPONENTES ----------------------------------------------------------------- 68
ILUSTRACIN 19 ESPECIFICACIN DE LOS COMPONENTES ----------------------------------------------------------------- 71
ILUSTRACIN 20 ESPECIFICACON DE LOS COMPONENTES ------------------------------------------------------------------ 72
ILUSTRACIN 21 APROVISIONAMIENTO DE CADA COMPONENTE -------------------------------------------------------- 72
ILUSTRACIN 22 DESCRIPCION DE LAS PLATAFORMAS ---------------------------------------------------------------------- 73
ILUSTRACIN 23 ENTREGA DEL SITIO---------------------------------------------------------------------------------------------- 75
10
INTRODUCCIN
La comunicacin juega un papel muy importante en el desarrollo de la sociedad.
Diariamente la informacin digital es manejada por millones de personas sin
importar su rango de edad, raza o religin.
Hoy en da las empresas, escuelas, etc. Necesitan enfrentarse a la reduccin de
problemas en cuanto a difusin y publicidad para darse a conocer, es por eso que
el Colegio Tuxtepec se optara por emplear un sitio web utilizando Worpress donde
la creatividad e innovacin sean el enlace por su mejora hacan un futuro de
alcances de difusin y crear instrumentos que ayuden al Colegio a un alto grado
de prestigio.
Wordpress es una herramienta gestora de sistemas de contenido en la cual se
utiliz plantillas, herramientas, etc. Para as tener una mejor interaccin con el
usuario, y que la interfaz sea muy agradable para el usuario.
Viendo la importancia de las nuevas tecnologas en el mundo globalizado,
detectamos la evidente problemtica que se presenta en el Colegio Tuxtepec al no
poseer un sitio web y la utilidad que esta brinda a todo el plantel.
El hecho de tener un sitio web es muy importante porque es til para poder
manejar su desarrollo en cuanto a lo que se realiza la escuela y que actualmente
es indispensable manejar las TICS en la educacin.
El sitio se realiz con el fin de que el colegio tenga en la red un sitio web para que
los padres y alumnos y pblico en general interesados, puedan obtener
informacin de las fechas importantes y eventos prximos.
11
JUSTIFICACIN
Para el colegio Tuxtepec resulta pertinente solucionar el problema educativo
virtual identificado, si se tiene en cuenta que este colegio no se encuentra un sitio
web que de informacin acerca de la escuela, sus niveles y sus ofertas
educativas, as como tambin sus distintos eventos. La institucin necesita
recopilar la informacin del nivel educativo y darla a conocer al pblico que lo
desee.
El desarrollo del sitio web permitir a la comunidad educativa:
Conocer y comprender los cambios que significan en una comunidad

educativa las nuevas tecnologas de la informacin
Utilizar los medios tecnolgicos para tener un acceso rpido a la

informacin.
Con este sitio web se busca proveer a la institucin de una herramienta

virtual que le permita mejorar los ndices de comunicacin.
La finalidad es dar a la institucin de una herramienta tecnolgica comunicativa,

que le permitir mejorar la comunicacin entre la comunidad estudiantil y
promoverla a nivel local.
Adems, de que el sitio web fue desarrollado con un Sistema Gestor de
Contenidospermitir que el administrador pueda tener el control de la informacin
que desee tener en la pgina, administrar y renovar cuando lo requera sin tener
que saber demasiado sobre la estructura de una pgina web, si no con
conocimientos bsicos.
IMPACTO SOCIAL
Con la creacin de un sitio web se mejorar la manera de dar a conocer el Colegio
Tuxtepec ante la sociedad, adems de que as podrn estar informados sobre los
12
eventos y noticias ms relevantes que sucedan en el mismo. Y con ello podrn dar
opiniones a el colegio respecto a s estos fueron interesantes y tiles haca los
estudiantes, con ello se podr mejorar puntos que no sean de mayor agrado para
la sociedad y el podr tener un mayor realce la institucin educativa.
IMPACTO TECNOLOGICO
El proyecto se realizar con un sistema gestor de contenidos denominado
WordPrees, esto podr ayudar a facilitar el uso a las personas que sern los
administradores del sitio web, porque no contarn con profesionista dedicado a
manejarlo, y as ellos podrn administrar de manera correcta la informacin, ya
que el diseo y contenido se manejan de manera independiente.
IMPACTO ECONOMICO
Con tal sitio web para el Colegio Tuxtepec como medio de difusin, se tiene en
cuenta que mejorar la economa, puesto ser menor el gasto que empleen
pagando un alojamiento, que estar realizando trpticos, propagandas y ms donde
se da a conocer las actividades de la institucin, con ello ahorrando est gasto y
adems adentrndose a la mejor forma de publicidad que se puede generar en
estos das.
IMPACTO AMBIENTAL
El beneficio que se obtiene adems del ahorro ya mencionado es la ayuda a
reducir la contaminacin, ya que como se sabe muchas veces lo nico que se
hace con los trpticos o propaganda que se da de manera fsica es tirarla sobre
todo en las calles de la ciudad, por lo tanto, la implantacin del sitio web evitar
que se produzcan tantos desechos por medio de propaganda y trpticos fsicos.
13
OBJETIVOS
OBJETIVO GENERAL
Desarrollar un sitio web empleando WordPress para el Colegio Tuxtepec, con la
finalidad de que los usuarios puedan acceder de una manera ms fcil a la
informacin de esta institucin educativa.
OBJETIVOS ESPECFICOS
Diagnosticar los requerimientos del sitio web.
Analizar y disear la apariencia que tendr el sitio web.
Instalar y configurar el software requerido para comenzar a crear el sitio

web.
Desarrollar el sitio web, de acuerdo al anlisis.
Ensamblar la informacin verdica y relevante sobre el Colegio Tuxtepec.
Realizar pruebas en el sitio web.
Entrega final del sitio web.
14
PROBLEMAS A RESOLVER PRIORIZNDOLOS
El crecimiento de la poblacin estudiantil en el Colegio Tuxtepec ha sido

demandante en los ltimos aos, a pesar de que est ha generado una posicin
estable en la regin, no cuenta con un sitio en internet donde se pueda acceder a
la informacin acerca de sus distintos niveles educativos y noticias; por ello se
detecta que:
El Colegio Tuxtepec enfrenta un problema de difusin y publicidad.
Los Padres de familia no pueden tener un acceso a los datos de la

institucin de manera rpida y oportuna.
Es poco competitivo con las diferentes instituciones educativas.
Adentrarse al mundo de las TICS.
No se tiene una motivacin en la comunidad estudiantil manteniendo un

vnculo de comunicacin con herramientas virtuales.
No cuenta con el acceso al recurso tecnolgico que el mundo actual exige.
Qu consecuencia tendr el desarrollo de un sitio web para la difusin del

Colegio Tuxtepec?
15
ESTABLECIEMIENTO DE LA HIPTESIS
HIPTESIS
Desarrollar un sitio web con un sistema gestor de contenidos para el Colegio
Tuxtepec ofrecer mejores ventajas al usuario final, puesto que podr administrar
de manera eficiente la informacin que se presentar en est, adems
incrementar el nmero de estudiantes pues tendr una mayor difusin.
HIPTESIS NULA
Desarrollar un sitio web con un sistema gestor de contenidos para el Colegio
Tuxtepec no ofrecer mejores ventajas al usuario final, puesto que no podr
administrar de manera eficiente la informacin que se presentar en est, adems
esto podra generar un decremento el nmero de estudiantes pues tendr una
mayor difusin.
16
VARIABLES
Identificacin de las variables
Variable Independiente
Sitio web con un sistema gestor de
Variable Dependiente
contenido para el Colegio Tuxtepec
Administrar de manera eficiente

la informacin que se ofrecer
en
la
difusin
del
Colegio
Tuxtepec.
Incrementar
el
nmero
de
estudiantes.
Definicin conceptiva:
Sitio web con un sistema gestor de contenido para el Colegio Tuxtepec:
Consiste en una interfaz grfica, que por medio de internet se pueda acceder a
ella, para mantenerse al tanto de las actividades relevantes que se realizan dentro
del Colegio Tuxtepec, por parte de los estudiantes y docentes que conforman la
institucin.
Administrar de manera eficiente la informacin que se ofrecer en la difusin
del Colegio Tuxtepec:
La administracin del sitio web ser de manera sencilla y fcil, ya que un sistema
de gestor de contenidos como lo es WordPrees facilita la administracin, con esto
se podrn tener actualizada la difusin del Colegio Tuxtepec.
Incrementar el nmero de estudiantes:
Se obtendr un nmero de mejoras en las demandas en el instituto, esto har que
la matrcula de estudiantes inscritos en los diferentes niveles educativos se
incremente considerablemente.
17
Definicin operativa de las variables

Variable Independiente
Sitio web con un sistema gestor de
contenido para el Colegio Tuxtepec
Administrar de manera eficiente

la informacin que se ofrecer
en
la
difusin
del
Colegio
Tuxtepec.
Indicadores
Indicadores
Manejable
Administracin verstil.
Practico
Mejorar la difusin.
Incrementar
el
nmero
de
estudiantes.
Indicadores
Mayor demanda.
Incremento en las inscripciones

en todos los niveles del Colegio.
18
FUNDAMENTO TERICO
1. INTERNET
Internet (INTERconected NETwork) es una red de redes de ordenadores de todo
tipo que se comunican mediante un lenguaje comn: el conocido como protocolo
TCP/IP. Esa primera caracterstica de la heterogeneidad de los equipos
conectados es clave para entender el funcionamiento de todos los servicios de la
red y para comprender la necesidad de la portabilidad en cualquier desarrollo que
se quiera hacer en el mbito de internet. A nivel de programadores de aplicaciones
web, que es en el que se sita el presente libro, no es necesario disponer de
conocimientos tcnicos sobre los protocolos de comunicacin en los que se basa
internet.(Villoria, 2010)
El desarrollo de aplicaciones realizados en internet tiene tambin un campo de
aplicacin en aquellas redes privadas que usan los mismos sistemas y protocolos
que internet: las denominadas intranets. Los desarrollos de aplicaciones
realizados en internet tambin un campo de aplicaciones en aquellas redes
privadas que usan los mismos sistemas y protocolos que internet: las
denominadas intranets.(Villoria, 2010).
1.1. HISTORIA DEL INTERNET

Los orgenes exactos de internet son difciles de determinar. En cualquier caso, la
mayora de los informes datan los orgenes de internet a mediados de los aos
60s, son los experimentos para la conexin de ordenadores separados por
grandes distancias utilizando la RTC. Los primeros experimentos requeran la
19
utilizacin de equipos especializados que pudieran comunicar entre si redes

similares de ese modo, se poda poner en comunicacin una red IBM de una
localidad con otra red IBM de otra ciudad a travs de una lnea telefnica especial.
Suele decir que internet surge de un proyecto inicial del departamento de defensas
de Estados Unidos, la red de agencia de proyectos avanzados de investigacin
(ARPANET), que se introdujo en 1969 como un proyecto pionero para examinar
las redes de comunicacin de paquetes. Esta red no contaba con un control
centralizado (un punto central al que se dirigieran todas las redes), si no se
definieron las conexiones o rutas entre las redes existentes, permitiendo que cada
uno controlara su propio acceso, su seguridad y su funcionamiento.
Cada una de las redes tenan su propias normas y ARPANET simplemente
proporcionaba la va para que los diferentes centros pudieran comunicarse entre
s, uno de los aspectos ms interesantes en el desarrollo de ARPANET fue que los
investigadores intentaban crear una red que fuera segura, incluso ante cualquier
ataque enemigo estaban particularmente preocupados por lo que sucedera con la
red si se produca un ataque nuclear.(Villoria, 2010)
1.2. WWW (World Wide Web)

La World Wide Web (WWW) o red informtica mundial es un sistema de
distribucin de documentos de hipertexto o hipermedios interconectados y
accesibles va Internet. Con un navegador web, un usuario visualiza sitios web
compuestos de pginas web que pueden contener texto, imgenes, vdeos u otros
contenidos multimedia, y navega a travs de esas pginas usando hiperenlaces.
La Web se desarroll entre marzo de 1989 y diciembre de 1990 por el inglsTim
Berners-Lee con la ayuda del belgaRobert Cailliau mientras trabajaban en el
CERN en Ginebra, Suiza, y publicado en 1992. Desde entonces, Berners-Lee ha
jugado un papel activo guiando el desarrollo de estndares Web (como los
lenguajes de marcado con los que se crean las pginas web), y en los ltimos
aos ha abogado por su visin de una Web semntica.
20
Utilizando los conceptos de sus anteriores sistemas de hipertexto como

ENQUIRE, el ingeniero britnico Tim Berners-Lee, un cientfico de la computacin
y en ese tiempo de los empleados del CERN, ahora director del World Wide Web
Consortium (W3C), escribi una propuesta en marzo de 1989 con lo que se
convertira en la World Wide Web. La propuesta de 1989 fue destinada a un
sistema de comunicacin CERN pero Berners-Lee finalmente se dio cuenta que el
concepto podra aplicarse en todo el mundo.
En la CERN, la organizacin europea de investigacin cerca de Ginebra, en la
frontera entre Francia y Suiza, Berners-Lee y el cientfico de la computacin belga
Robert Cailliau propusieron en 1990 utilizar el hipertexto "para vincular y acceder a
informacin de diversos tipos como una red de nodos en los que el usuario puede
navegar a voluntad", y Berners-Lee termin el primer sitio web en diciembre de
ese ao.(Mndez, 2014 )
1.2.1. LA WEB 1.0 (Internet Bsica)
La Web 1.0 empez en los aos 60's junto al Internet, de la forma ms bsica que
existe, con navegadores de solo texto, como ELISA, era bastante rpido pero muy
simple. Despus en los 90 surgi HTML (Hyper Text Markup Language) como
lenguaje hipertexto e hizo que las pginas Web sean ms agradables a la vista y
puedan contener componentes como imgenes, formatos y colores. Los primeros
navegadores visuales fueron Netscape e Internet Explorer.
Esta Web es de solo lectura, ya que el usuario no puede interactuar con el
contenido de la pgina (ningn comentario, respuesta, etc.). Estando la
informacin totalmente limitada a lo que el Webmaster pueda publicar.
Limitada,
usada fundamentalmente
para
publicar
documentos
y realizar
transacciones. Con ella, las grandes empresas inauguraron su estrategia online.

Crearon un sitio donde publicar informacin corporativa, y desarrollaron planes de
marketing y ventas que incorporaban la Web como nexo con los clientes.
21
Ventajas
Exposicin al mundo entero a travs del Internet.
El presentador de la informacin tiene total control y autoridad de lo

publicado.
Desventajas
La comunicacin es pasiva. No se permite retro alimentacin perdiendo la

oportunidad de tener acceso a informacin relevante.
No se conoce inmediatamente la reaccin del pblico en relacin a la

informacin compartida.(Mora, Gua de referencia de las pautas de
Accesibilidad al contenido en la Web., 2012)
1.2.2. LA WEB 2.0 (La red social / la de colaboracin)
Se refiere a una segunda generacin de Web basada en comunidades de usuarios

y una gama especial de servicios, como las redes sociales, los blogs, los wikis o
las folcsonomas, que fomentan la colaboracin y el intercambio gil de
informacin entre los usuarios, donde el esteticismo de las pginas pasa a
transformarse en una matriz de interaccin del usuario con la Red pudiendo l
mismo incluir su propia informacin en el sistema, creando o no webs interactivas
y visuales.
Es decir, los sitios Web 2.0 actan ms como puntos de encuentro, o webs
dependientes de usuarios, que como webs tradicionales.
Adems, es la transicin que se ha dado de aplicaciones tradicionales hacia
aplicaciones que funcionan a travs del Web enfocadas al usuario final. Se trata
de aplicaciones que generen colaboracin y de servicios que reemplacen las
aplicaciones de escritorio.
22
Es una etapa que ha definido nuevos proyectos en Internet y est preocupndose

por brindar mejores soluciones para el usuario final. En general, cuando
mencionamos el trmino Web 2.0 nos referimos a una serie de aplicaciones y
pginas de Internet que utilizan la inteligencia colectiva para proporcionar servicios
interactivos en red dando al usuario el control de sus datos.
As, podemos entender como 2.0 todas aquellas utilidades y servicios de Internet
que se sustentan en una base de datos, la cual puede ser modificada por los
usuarios del servicio, ya sea en su contenido aadiendo, cambiando o borrando
informacin o asociando datos a la informacin existente.
Esta tecnologa ayuda a las empresas a ser ms competitivas y posicionarse en el
mercado a travs de varias vertientes. Adems de esta caracterstica, la web 2.0
posee enriquecimientos como los blogs, que aportan un beneficio a las
comunicaciones internas de la empresa y una comunicacin permanente con el
cliente con sus comentarios y aportaciones. Tambin es posible gracias a esta
tecnologa, crear wikis para definir un lenguaje bsico corporativo.
Ventajas:
1.
Extrapolacin y sindicacin absoluta. El hecho de que todas las aplicaciones
se realicen sobre Web, va a permitir que entre ellas se pueda compartir toda la
informacin (principalmente gracias a XML). Esto nos va a permitir:
1.1. Propagacin inmediata de contenido e informacin (RSS) que va a permitir un

mejor desarrollo de la estructura en red.
1.2. Uso de otras fuentes para desarrollar nuevas aplicaciones. Esta cuestin va a
permitir que el desarrollo de nuevas aplicaciones se centre en la aportacin de
valor aadido, centrando los recursos en lo nuevo, y sacando partido de lo hecho
por otros.
23
2.
Aplicaciones (software) como servicio y no como producto.
2.1. Esto elimina el coste de acceso de las pymes a la tecnologa ms moderna,

anulando las barreras de entrada a competir en los mercados por esa va.
2.2. El pago se hace por servicio, lo que en pequeas empresas es una muy
pequea cantidad en relacin al coste de la plataforma que obtiene y fuera de su
alcance a travs de inversiones que las sacaran del mercado.
2.3. Es un servicio externalizado, sin barreras de salida para el cambio, lo que
permite una mayor dinamicidad al no estar apalancada negativamente por las
inversiones (lo que obliga a las empresas ASP a innovar continuamente y ofrecer
servicios de valor aadido constantemente).
2.4. Las innovaciones son constantes (entre otras cuestiones porque la estrategia
de supervivencia de las ASP radica en ello), sin necesidad de actualizaciones ni
cambios.
3.
Ubicuidad. La Web ya se ha consagrado como el canal de interoperabilidad
por excelencia. Es decir, las aplicaciones basadas en Web pueden desarrollarse

en cualquier terminal (y no necesariamente en los PC): ordenadores, mviles,
PDAs, TV digital, Esto va a permitir tener la informacin en todo momento y desde
cualquier terminal con conexin a Internet.
4.
Cooperacin. Las necesidades de la sociedad y empresa red radican
principalmente en la cooperacin entre los diferentes actores. Este sistema

permite anular prcticamente los costes para ello (incluido los costes de relaciones
sociales), llegando incluso a la cooperacin entre actores que no mantienen
relacin. La estructura del sistema coordinar la relacin.
5.
Seguridad. Si bien es un aspecto en debate (y como tal lo recojo tambin en
las desventajas), a nivel de pymes la capacidad de seguridad y de proteccin de

datos de servidores de empresas profesionales ser siempre mucho mayor que la
mantenida en servidores compartidos o en los mismos ordenadores de gestin
diaria. Prdidas de datos por fallos del sistema, virus, ataques, son constantes en
24
los ordenadores personales sin que se mantengan copias de seguridad

adecuadas y siendo el coste de restauracin muy elevado para estas empresas.
Desventajas:
1.
La seguridad de datos confidenciales, como la contabilidad, facturacin,
etc. Es uno de los aspectos que ms se debaten, al estar almacenados en

servidores ajenos. Centrndonos en las necesidades de las pymes es probable
que los datos estn en mejor recaudo de servidores de empresas dedicadas a ello
que en ordenadores que normalmente son mucho ms vulnerables a ataques de
virus, troyanos, espas, etc.
2.
La conexin a Internet. La dependencia del sistema a la conexin de
Internet sigue siendo una barrera a su adopcin. Si bien las empresas de

telecomunicaciones cada vez son ms fiables y mantienen mejores conexiones,
siempre existe la posibilidad de quedarse sin conexin en la mitad de una jornada
laboral, lo que impedira el uso del sistema. No obstante, este problema debe
convertirse tan residual como la cada de la energa elctrica, que, si bien ocurre,
no es causa suficiente como para no operar en base a ella.
1.2.3. LA WEB 3.0 (La red semntica)
Podemos identificar la Web semntica como una forma de Web 3.0. Existe una
diferencia fundamental entre ambas versiones de Web (2.0 y semntica) y es el
tipo de participante y las herramientas que se utilizan. La 2.0 tiene como principal
protagonista al usuario humano que escribe artculos en su blog o colabora en un
wiki. El requisito es que adems de publicar en HTML emita parte de sus
aportaciones en diversos formatos para compartir esta informacin como son los
RSS, ATOM, etc. mediante la utilizacin de lenguajes estndares como el XML.
Con esta nueva transformacin se permitir la actualizacin y el dinamismo
perpetuo a travs de una interaccin constructivista y organizativa de contenidos y
25
estructuras por parte del usuario. El trmino Web 3.0 es asociado por la prensa
generalista al concepto de Web semntica que se est desarrollando bajo la tutela
de Tim Berners-Lee, el mismo que invent la Web a principios de los 90. Las
caractersticas que diferencian esta etapa de las anteriores se podran resumir en:
Transformacin de la estructura Web actual en la de Web semntica.
Utilizacin de Inteligencia Artificial en combinacin con la nueva estructura.
Prevalencia del usuario en la creacin, organizacin y rendimiento del

contenido a travs de un modelo de cooperacin globalizada.
La web 3.0 es La inteligencia humana y la de las mquinas combinadas.

Informacin ms rica, relevante, oportuna y accesible. Con lenguajes ms
potentes, redes neurales, algoritmos genticos, la Web 3.0 pone el nfasis en el
anlisis y la capacidad de procesamiento. Y en cmo generar nuevas ideas a
partir de la informacin producida por los usuarios. Quien invierta en eso y, en el
nuevo mundo transparente, concentre energa y medios en comunicarse y generar
confianza desde la Web, ser el dueo de las ventajas competitivas.
Se identifica al trmino de WEB 3.0 como la Web Semntica segn el creador de
la World Wide Web, Tim Berners-Lee.
Todava no se llega a comprender al 100% lo que significa la WEB 2.0 y cules
son sus beneficios, cuando ya se est hablando del trmino WEB 3.0 la que
promete transformar nuestra experiencia Web.
Algunas personas consideran que la WEB 3.0 ser una revolucin si es que se
logra una combinacin correcta en el contenido semntico dentro de las pginas
web y el uso de lo que se ha venido mencionando por mucho tiempo, la
inteligencia artificial, la cual podr sacar el mejor jugo de esta combinacin. Este
esfuerzo de combinar dos poderosas herramientas para el beneficio de la
experiencia en Web.
26
Ventajas de la web 3.0:
El cdigo es mucho ms sencillo de desarrollar y mantener.
Los buscadores encuentran informacin relevante ms fcilmente.
Es mucho ms sencillo hacer modificaciones al diseo o compartir

informacin.
No se depende de un solo servicio para obtener informacin, sino que sta

puede estar distribuida en varios sitios y juntarla en un tercero.
Desventajas de la web 3.0:
Hay que tener ms cuidado con la seguridad de la informacin del sitio.
1.2.4. LA WEB 4.0 (La red mvil)
Este trmino motiva a pensar en que consiste este tipo de web. Por ahora algunos
sealan que el resultado de 3D + web 3.0 (web semntica) + Inteligencia artificial
+ voz como vehculo de intercomunicacin = web 4.0 (web total) es decir que una
vez se establezca esta web semntica (entre el ao 2010 y el 2020) ser el turno
de avanzar hacia la web 4.0 en la que el sistema operativo establecido en la web
cobre protagonismo, hacia una web ubicua cuyo objetivo primordial ser el de unir
las inteligencias, donde tanto las personas como las cosas se comunican entre s
para generar la toma de decisiones. Para el 2020 se espera que haya agentes en
la web que conozcan, aprendan y razones como lo hacemos las personas.
A partir de la proliferacin de la comunicacin inalmbrica, personas y objetos se
conectan en cualquier momento y en cualquier lugar del mundo fsico o virtual. O
sea, integracin en tiempo real. Con ms "objetos" en la red, se suma un nuevo
nivel de contenido generado por los usuarios, y con l, otro nivel de anlisis. Por
ejemplo, el GPS que gua al automvil y hoy ayuda al conductor a mejorar la ruta
prevista o a ahorrar combustible, en poco tiempo le evitar el trmite de manejarlo.
(Mndez, 2014 )
27
1.3. ESTRUCTURA DE INTERNET

Internet no es una red centralizada ni est regida por un solo organismo. Su
estructura se parece a una tela de araa en la cual unas redes se conectan con
otras.
No obstante, hay una serie de organizaciones responsables de la adjudicacin de
recursos y el desarrollo de los protocolos necesarios para que Internet evolucione.
Por ejemplo:
la Internet Engineering Task Force (IETF) se encarga de redactar los protocolos
usados en Internet.
la Corporacin de Internet para la Asignacin de Nombres y Nmeros (ICANN)
es la autoridad que coordina la asignacin de identificadores nicos en Internet,
incluyendo nombres de dominio, direcciones IP, etc.
1.3.1. LAS DIRECCIONES EN INTERNET
En Internet se emplean varios formatos para identificar mquinas, usuarios o

recursos en general.
En Internet se emplean direcciones numricas para identificar mquinas: las
direcciones IP. Se representan por cuatro nmeros, de 0 a 255, separados por
puntos. Un servidor puede identificarse, por ejemplo, con la direccin IP
66.230.200.100. Como es ms sencillo recordar un nombre, las direcciones se
"traducen" a nombres. Los trozos "traducidos" se denominan nombres de dominio.
El servicio encargado de la traduccin es el DNS e identifica las numeraciones de
los usuarios conectados.
28
1.4. EL FLUJO DE INFORMACIN EN INTERNET

1.4.1. DEFINICIN DE CLIENTE/SERVIDOR
Entre las principales definiciones se tiene:
a) Desde un punto de vista conceptual:
Es un modelo para construir sistemas de informacin, que se sustenta en la
idea de repartir el tratamiento de la informacin y los datos por todo el
sistema informtico, permitiendo mejorar el rendimiento del sistema global
de informacin
b) En trminos de arquitectura:
Los distintos aspectos que caracterizan a una aplicacin (proceso,
almacenamiento, control y operaciones de entrada y salida de datos) en el
sentido ms amplio, estn situados en ms de un computador, los cuales
se encuentran interconectados mediante una red de comunicaciones.
c) IBM define al modelo Cliente/Servidor
Es la tecnologa que proporciona al usuario final el acceso transparente a
las aplicaciones, datos, servicios de cmputo o cualquier otro recurso del
grupo de trabajo y/o, a travs de la organizacin, en mltiples plataformas.
El modelo soporta un medio ambiente distribuido en el cual los
requerimientos de serviciohechos por estaciones de trabajo inteligentes o
"clientes, resultan en un trabajo realizado por otros computadores
llamados servidores".(Lopez, 1981)
1.4.2. QU ES UNA ARQUITECTURA?
Una
arquitectura
es
un
entramado
de
componentes
funcionales
que,
aprovechando diferentes estndares, convenciones, reglas y procesos, permite

integrar una amplia gama de productos y servicios informticos, de manera que
pueden ser utilizados eficazmente dentro de la organizacin. Debemos sealar
29
que, para seleccionar el modelo de una arquitectura, hay que partir del contexto
tecnolgico y organizativo del momento y, que la arquitectura Cliente/Servidor
requiere una determinada especializacin de cada uno de los diferentes
componentes que la integran.(Lopez, 1981)
Ilustracin 1 Arquitectura Cliente-Servidor
1.4.3. QUE ES CLIENTE?

Es el que inicia un requerimiento de servicio. El requerimiento inicial puede
convertirse en mltiples requerimientos de trabajo a travs de redes LAN o WAN.
La ubicacin de los datos o de las aplicaciones es totalmente transparente para el
cliente.(Lopez, 1981)
1.4.4. QUE ES SERVIDOR?
Es cualquier recurso de cmputo dedicado a responder alos requerimientos del
cliente. Los servidores pueden estar conectadosa los clientes a travs de redes
LANs o WANs, para proveer de mltiples servicios a los clientes y ciudadanos
tales como impresin, acceso a bases de datos, fax, procesamiento de imgenes,
etc.(Lopez, 1981)
30
a) REDES LAN: (Local Area Netware), Red de Area Local. Red de

comunicaciones que sirve a usuarios dentro de un rea geogrficamente
limitada.
b) REDES WAN: (Wide Area Network), Red de Comunicaciones que abarca
reas geogrficas amplias, como pueden ser estados y pases.
1.4.5. QUE ES UN PROCESO DISTRIBUIDO?

Es un modelo de sistemas y/o de aplicaciones, en el cual las funciones y los datos
pueden estar distribuidos a travs de mltiples recursos de cmputo, conectados
en un ambiente de redes LAN o WAN.(Lopez, 1981)
1.4.6. QUE ES UN SISTEMA ABIERTO?

Es un ambiente en el cual los sistemas y productos de cmputo de diferentes
proveedores son capaces de trabajar conjuntamente para proveer una solucin
aplicativa a cualquier requerimiento de la organizacin. Tambin se refiere a la
posibilidad de transportar aplicaciones y/o datos desde cualquier sistema de
cmputo a otro.(Lopez, 1981)
1.4.7. ELEMENTOS DE LA ARQUITECTURA

CLIENTE/SERVIDOR
En esta aproximacin, y con el objetivo de definir y delimitar el modelo de
referencia
de
una
arquitectura
Cliente/Servidor,
debemos
identificar
los
componentes que permitan articular dicha arquitectura, considerando que toda

aplicacin de un sistema de informacin est caracterizada por tres componentes
bsicos:
Presentacin/Captacin de Informacin
Procesos
Almacenamiento de la Informacin los cuales se suelen distribuir tal como

se presenta en la figura:
31
APLICACIONES CLIENTE/SERVIDOR
Ilustracin 2Aplicaciones cliente-servidor.
y se integran en una arquitectura Cliente/Servidor en base a los elementos que

caracterizan dicha arquitectura, es decir:
Puestos de Trabajo
Comunicaciones
Servidores
2. QU ES UNA PGINA WEB?

Una Pgina Web es un documento electrnico que forma parte de la WWW (World
Wide Web) generalmente construido en el lenguaje HTML (Hyper Text Markup
Language o Lenguaje de Marcado de Hipertexto) en XHTML (eXtensible Hyper
Text Markup Language o Lenguaje de Marcado de Hipertexto Extensible). Este
documento puede contener enlaces (caracterstica del hypertext) que nos
direcciona a otra Pgina Web cuando se efecta el click sobre l. Para visualizar
una Pgina Web es necesario el uso de un Browser o navegador. Una Pgina
Web puede estar alojada en un ordenador local o en un ordenador remoto. Al
32
servidor donde est alojada la Pgina Web se le denomina Servidor Web. (Anaya,
2012)
El Servidor Web atiende las peticiones de Pginas Web utilizando el protocolo

HTTP (HyperText Transfer Protocol); del lado del cliente es el Browser o
navegador el que recibe y muestra las Pginas Web utilizando el mismo protocolo.
Otra caracterstica importante es que una pgina Web puede ser esttica (su
contenido siempre es el mismo) o dinmica (su contenido se construye a partir de
la informacin introducida por el usuario).
2.1. HERRAMIENTAS
Crear una pgina web nunca ha sido tan fcil. En los ltimos aos, han surgido un
montn de herramientas diversas que nos facilitan el proceso de creacin de un
sitio web y nos ayudan a hacer cosas que difcilmente podramos hacer tan rpido
si tuviramos que aprender HTML5, CSS3, PHP o Javascript. En esta entrada,
vamos a repasar algunas de las herramientas ms populares para que as puedas
descubrirlas y empezar a usarlas si ests pensando en crearte tu propiapgina
web. Vamos a distinguir entre tres tipos o grupos de herramientas: editores online,
editores de HTML y sistemas CMS.
2.1.1. EDITORES ONLINE

1. Wix: cada vez surgen ms sitios que te permiten crear tu pgina web usando
editores visuales sin necesidad de escribir ni una sola etiqueta de cdigo. Wix es
uno de esos sitios. Es tan fcil de utilizar que cualquier usuario medio podra
crearse una pgina web sencilla en poco tiempo. Su editor visual es muy intuitivo y
te permite crear bloques y arrastrar elementos para que los ubiques justo en el
sitio que t quieras.
33
2. Weebly: Weebly es un editor similar a Wix. Su interfaz se parece ms a un

editor clsico de pginas web, aunque tambin permite modificar los elementos de
una forma sencilla, pinchando y arrastrando o modificando directamente los
contenidos dentro del editor visual. Personalmente, encuentro ms cmodo e
intuitivo el editor de Weebly que el de Wix, aunque si quieres hacer cosas ms
complejas como por ejemplo crear una web con TPV vas a tener que contratar un
plan de pago.
Editores HTML
Adobe Dreamweaver:Dreamweaver es el editor web ms conocido y ms
utilizado por los diseadores. Forma parte de la suite Creative Cloud de Adobe y,
por tanto, es perfectamente compatible con otras herramientas de diseo grfico
de la misma suite, como Photoshop o Illustrator, lo que convierte a Dreamweaver
34
en una opcin ms que recomendable si quieres invertir en una herramienta de

pago. Es una herramienta idnea si tienes conocimientos de HTML5, CSS3 o
PHP. De lo contrario, quiz lo mejor sera que optaras por una herramienta un
poco ms asequible hasta que adquieras un conocimiento mayor de estos
cdigos, pues Dreamweaver es una herramienta de perfil avanzado ideada para
profesionales del diseo (aunque eso no significa que no puedas utilizarla).
Ilustracin 3 Vista del Dreamweaver
Kompozer:Kompozer es un editor de HTML gratuito. Es una herramienta muy

verstil que es ideal si la utilizas como complemento de otras aplicaciones, aunque
si quieres tambin puedes utilizarla para desarrollar un sitio web en HTML.
Personalmente, el encuentro muy til para ahorrar tiempo a la hora de crear
elementos en HTML como barras de navegacin, listas de enlaces, botones
personalizados o galeras de imgenes. Es un editor ideal para empezar a
sumergirte en HTML5, CSS3 o PHP.
35
Ilustracin 4Vista del Kompozer
2.2. SISTEMAS CMS

Los sistemas CMS se han ganado un puesto de honor entre las herramientas de
desarrollo de pginas web. Desde su explosin a mediados de la dcada del 2000,
cambiaron por completo el concepto de diseo que exista hasta entonces, en el
que por lo general para poder crear un sitio web era necesario confeccionarlo en
un editor tradicional a base de introducir cdigo y ms cdigo. Los sistemas CMS
permiten separar diseo y contenido, de forma que ahorran mucho tiempo y
esfuerzo al usuario. De hecho, con ellos puedes confeccionar sitios web
aparentemente complejos sin necesidad de utilizar cdigo, pues ellos generan el
cdigo por ti de manera automtica
Joomla:Joomla es un CMS gratuito basado en PHP que permite generar sitios
web dinmicos. Su panel de administracin te permite, entre otras cosas, instalar
plantillas y personalizar tu sitio web por mdulos, as que con poco vas a poder
conseguir resultados muy buenos. Es una herramienta muy utilizada sobre todo
para desarrollar sitios web de comercio electrnico, aunque en realidad se puede
36
utilizar para fines muy diversos (plataforma de blogging, web personal, TPV, sitio
de e-learning, etc.). No obstante, no considero que sea un CMS accesible para un
usuario de perfil medio/bajo, dado que su panel de administracin no es tan
intuitivo como el de otros CMS.
Ilustracin 5 Vista del Joomla
Drupal:Drupal es otro sistema CMS basado en PHP y combinable con MySQL (al
igual que Joomla y WordPress), que puede utilizarse para mltiples propsitos,
aunque curiosamente se ha estandarizado para desarrollar comunidades y sitios
web participativos. Permite confeccionar sitios web utilizando plantillas y mdulos
(hay miles disponibles). No obstante, su curva de aprendizaje es bastante alta,
dado que es una herramienta creada por programadores y para programadores,
por tanto, si buscas un sistema CMS fcil de usar e intuitivo quiz Drupal no sea la
mejor opcin (aunque eso no significa que no puedas aprender a utilizarlo).
37
Ilustracin 6 Vista de Drupal
WordPress: WordPress es el sistema CMS ms utilizado por los usuarios

de Internet y el que tiene una mayor cuota de mercado (un dato importante). Al
contrario de lo que ocurre con Drupal y Joomla, su interfaz es mucho ms intuitiva,
por lo que la mayora de usuarios medios que quieren utilizar un CMS para
desarrollar un sitio web suelen recurrir a esta herramienta. WordPress surgi
inicialmente como plataforma de blogging, pero poco a poco fue evolucionando
hasta el punto de que ahora puede utilizarse para crear cualquier tipo de pgina
web. Hay miles de plantillas disponibles y miles de widgets y plugins que permiten
a los usuarios potenciar sus pginas web sin necesidad de introducir cdigo.
38
Ilustracin 7 Vista de WordPress
2.3. QUE ES UN CMS

Un Sistema de Gestin de Contenidos (CMS) es un programa informtico que
permite la publicacin, edicin y modificacin de contenido, as como el
mantenimiento de una interfaz central. Estos sistemas de gestin de contenidos
proporcionan procedimientos para la gestin del flujo del trabajo en un entorno
colaborativo. Estos procedimientos pueden ser pasos manuales o un proceso
automatizado.(Arias, 2014 )
2.3.1. QUE SON LOS CMS
Las plataformas CMS permiten a los usuarios centralizar los datos de la edicin,
publicacin y modificacin con una sola interfaz de back-end. Las plataformas
CMS se utilizan a menudo como software de blog.
39
La funcin principal de los sistemas de gestin de contenidos es procesar la

informacin en los sitios web. Las caractersticas de los CMS pueden variar
ampliamente de un sistema a otro. Los sistemas simples podrn mostrar un
puado de caractersticas, mientras que otras versiones, en especial los sistemas
orientados a empresas, ofrecen funciones mas complejas y de gran alcance. La
mayora de los CMS estn basados en Web e incluyen la edicin, gestin de
formatos, control de revisin (control de versiones), indexacion, bsqueda y
recuperacin de informacin.
Un CMS puede servir como un repositorio central que contiene documentos,
pelculas, fotos, nmero de telfonos, datos cientficos. Los CMSs se pueden
utilizar para almacenar, controlar, revisar, enriquecer semntica mente y publicar
documentacin.
Un sistema de gestin de contenido web (web CMS)es una aplicacin
independiente para crear, gestionar, almacenar y distribuir el contenido de las
pginas Web. El contenido Web texto y grficos incrustados, fotos, video, audio, y
el cdigo que muestra el contenido o interacta con el usuario.

Los CMS web suelen permitir el control del cliente sobre el contenido basado en
HTML, archivos, documentos y planes de alojamiento web basado en la
profundidad del sistema y el nicho al que sirve.(Arias, 2014 )
2.3.2. Ventajas y desventajas de los CMS
Ventajas
No es necesario saber HTML y FTP para actualizar los contenidos.
Una vez que sabes cul CMS usar, ya puedes configurar los sitios
rpidamente.
Las actualizaciones son fciles para el cliente solo un navegador web es
necesario.
Las herramientas web 2.0 son soportadas (muchas opciones para
funcionalidad adicionales) como blog, galeras de fotos, calendarios,
carritos de compras y muchos otros tipos de tecnologas.
El contenido est en una base de datos, por lo cual es portable para otros
40
sistemas.
Desventajas
Hospedaje web msespecfico, los respaldos mas importantes para tener la
version correcta de PHP y MySQL asi como el servidor web.
Tiempo de programacion ms caro.
Se incrementa el riesgo de ser hackeado.
(Rodrguez, 2015 )
3. QUE ES UN DOMINIO
Un dominio es una direccin de Internet. Para visitar una web tecleamos una
direccin a travs del navegador (por ejemplo:www.anetcom.es). El conjunto de
caracteres que compone dicha direccin sirve para identificar este sitio concreto
de la Red, o lo que es lo mismo, la mquina o grupo de mquinas en las que
reside o se aloja esta web. La caracterstica ms importante de un nombre de
dominio es que es nico. Este sistema no permite que dos personas u
organizaciones tengan simultneamente el mismo nombre de dominio.
3.2. TIPOS DE DOMINIOS

Un dominio se compone de varios elementos con el carcter . (punto)como
separador. Las palabras que componen el nombre de un dominio responden a una
jerarqua. Los componentes de primer nivel o de primer orden son los que van
situados ms a la derecha en el nombre del dominio. A su izquierda encontramos
el dominio de segundo nivel y, en algunos casos, tercer nivel.
Ejemplo: www.anetcom.es
www: siglas de World Wide Web, telaraa mundial.
Determina que
estamos en Internet.
anetcom: dominio de segundo nivel.
es: dominio de primer nive
41
3.2.1. DOMINIOS DE PRIMER NIVEL

Existen unas terminaciones para cada dominio que indican el mbito al que se
accede cuando se visita una web. Los dominios de primer nivel indican la actividad
a la que pertenecen, determinan el c9arcter de la entidad o su ubicacin
geogrfica. Se llaman as porque reflejan el nivel ms elevado de categorizacin
de un nombre en Internet. Dentro del sistema de nombres de dominio, el primer
nivel ocupa el eslabn ms alto dentro de la jerarqua que ofrece la Red. Existen dos
grupos: genricos y geogrficos.
3.2.2. DOMINIOS GENRICOS
Son dominios que se conceden en el mbito internacional, para empresas y

personas de todo el mundo, y que no tienen vinculacin territorial.
Se conocen tambin como internacionales o globales:
.com
Para empresas y para cualquier web que tenga carcter comercial. Estos dominios
se han hecho muy populares y, en realidad, se utilizan hoy en da casi para
cualquier tipo de propsito. En un primer momento, el .comestuvo destinado para
las empresas y compaas de Estados Unidos.
.net
Destinado para entidades u organizaciones relacionadas con Internet, por ejemplo
un proveedor de servicios. Con el tiempo tambin se ha convertido en una opcin
vlida para cualquier tipo de fin.
.org
Utilizan este dominio organizaciones, asociaciones, fundaciones y dems
entidades con fines benficos o sin nimo de lucro.
42
.gov
Para las pginas del gobierno de los Estados Unidos.
.edu
Reservado para las instituciones relativas a la educacin.
.mil
Se utiliza para instituciones militares de los Estados Unidos.
.int
Reservado para organismos que pertenezcan a la Unin Internacional de
Telecomunicaciones.
En
este
caso
pueden
encontrarse
organizaciones
establecidas por tratados internacionales entre gobiernos, como las Naciones

Unidas.
3.2.3. DOMINIOS GEOGRFICOS
Tambin llamados territoriales. Con una extensin de dos letras, son los que
corresponden al cdigo territorial de cada pas. Estos dominios, gestionados por la
correspondiente autoridad de asignacin, estn restringidos a aquellas empresas
que desarrollan su actividad y estn registradas en un pas concreto, algunos
ejemplos de los muchos dominios geogrficos que existen son:
.es Espaa
.de Alemania
.fr Francia
.pt Portugal
.it Italia
.uk Reino Unido
.us Estados Unidos
.jp Japn
43
Estos dominios territoriales son en ocasiones objeto de largas batallas polticas y a

veces dan lugar a situaciones curiosas. Un buen ejemplo es el de Tuvalu, una ex
colonia britnica, independiente desde finales de los aos 70, situada en la
Polinesia y formada por centenares de islas. Con un ndice bajsimo de
conexiones a Internet, Tuvalu consigui el dominio .tv. A travs de un acuerdo,
que mejorar las condiciones de vida de sus 10.000 habitantes, Tuvalu cedi los
derechos del nombre de dominio a una firma norteamericana que ha organizado
un dominio exclusivo (.tv) para cadenas y empresas de televisin.(Colve, 2013)
3.3. QUE ES UN HOSTING

Un Hostingo Web Hosting es la computadora donde se guarda toda la
informacin de tu pgina, correos, bases de datos y mucho ms. Veamos cmo
trabaja una pgina de Internet:
Cuando entras a una pgina en Internet (por ejemplo sta), tu computadora se
conecta con otra computadora en Internet para descargar la informacin que va a
mostrar, a sta otra computadora se le llama Servidor, porque es la encargada de
brindar la informacin, y a tu computadora se le llama Cliente, porque es quien
recibe la informacin. El servidor es el encargado de brindar el Web Hosting que
es todo lo necesario para que una pgina pueda ser accesada y utilizada desde
Internet, tiene varios ser vicios, como son:
Espacio en la computadora para almacenar la pgina
Espacio para guardar los correos electrnicos
Recibir y enviar correos electrnicos
Guardar y administrar bases de datos
Guardar estadsticas sobre las visitas a la pgina de Internet
(Fernndez, 2014)
44
3.3.1. Caractersticas:
Existen diferentes tipos de hospedaje web y estos se seleccionan dependiendo de

la seguridad, nmero de visitas que se espera, tipo de plataforma en la que se
disear y otras especificaciones como proyectos muy puntuales que requieran
algo ms especfico.
Hosting compartido:Es el ms comn y ms accesible de todos, ya que se puede
rentar desde aproximadamente 6 dlares al mes a travs de un tercero que se
encarga de ofrecer estos servicios. Estos son muy fciles de configurar, rentar e
incluyen paneles de administracin para crear pginas, correos y ms. Las
empresas que los rentan crean diferentes digamos cuartos dentro de un servidor y
es por eso que se conoce como compartido.
Hosting dedicado: Este tipo de hospedaje tambin se puede rentar en internet ya
que tambin el servicio te lo brinda un tercero para tu comodidad. A diferencia del
compartido este servicio es la renta en un servidor completo (no compartido) y
con mayores capacidades para proyectos ms grandes y especficos. Es un poco
ms complicado de configurar ya que se requieren mayores conocimientos
tcnicos.
Servidor local:Este es un servidor el cual lo puedes ver fsicamente ya que uno
mismo lo instala, la mayora de las veces este es usado en empresas grandes o
que requieren de alta seguridad ya que sus datos y archivos los tendrn dentro de
su mismo edificio.
Requiere las mismas configuraciones y necesidades que los otros tipos de
servidores que te rentan, slo que en lugar de que el servicio lo de un tercero, t
mismo haces toda la instalacin y mantenimiento como luz, internet, aire
acondicionado, etc.
45
VENTAJAS:
En un hosting de pago, no tendrs que soportar grandes cargas de
publicidad que bombarde a los usuarios o a las personas que visiten tu
sitio web.
No tienes problemas con la privacidad de tu informacin como cuando
tienes otro tipo de servicio en el que tus datos pueden ser de acceso de
otros.
Todo material, dominio e informacin que alojas en un Hosting de pago es
propiedad tuya, nadie ms que t, puede modificarlo, eliminarlo o
administrarlo.
No tienes que soportar servicio terrible, sobre todo porque cuando pagas
tienes derecho a exigir un buen desempeo.
Cuando
tienes servicio
de pago,
tienes todas las garantas de
funcionamiento, porque quien te provee no se va a arriesgar a que te vayas

con la competencia.
Cuando pagas tienes unas garantas de servicio, muchas de ellas incluyen
el no pago de este si no funciona como debe, o descuentos por usar el
servicio por un tiempo determinado.
Cuando pagas, no solamente accedes al alojamiento, tambin te ofrecen
variedad de herramientas que facilitarn tu trabajo y desempeo en la red.
Algunos paquetes o servicios son ilimitados, o tienen algunos beneficios
ilimitados como registro de dominio o administracin de cuentas, todo ello,
es una gran ayuda para el cliente.
Cuando pagas tienen un mejor servicio de soporte tcnico, mientras que en
uno gratuito o compartido no pasa igual.
DESVENTAJAS:
Una de las desventajas ms grandes dentro de este tipo de servicio es el
46
precio. Las personas, sobre todo las que comienzan con un negocio o las
que desean aprender siempre buscan facilidades de pago y precios muy
cmodos.
Este tipo de servicio cuestan y cuestan mucho dependiendo de las
necesidades que quieras suplir.
Entre la segunda desventaja es la gran cantidad de empresas o personas
que se dedican a esto, son tantos que elegir una sola que nos provee de
Hosting es una tarea ardua y compleja.
Es un poco complicado para quienes no saben nada de lenguaje de
computadoras o tecnologa informtica. Lo menciono porque se deben usar
ciertas herramientas y programas para tener un mejor control o
administracin de nuestros sitios.(Hernndez, 2014)
4. LENGUAJES DE PROGRAMACION
4.1. HTML
HTML es un lenguaje de programacin que se utiliza para el desarrollo de pginas
de Internet. Se trata de la sigla que corresponde a HyperText Markup Language,
es decir, Lenguaje de Marcas de Hipertexto, que podra ser traducido como
Lenguaje de Formato de Documentos para Hipertexto.(CORRALES, 2005)
Ilustracin 8 Estructura del lenguaje HTML
47
Es un lenguaje muy simple y general que sirve para definir otros lenguajes que
tienen que ver con el formato de los documentos. El texto en l se crea a partir de
etiquetas, tambin llamadas tags, que permiten interconectar diversos conceptos y
formatos.Para la escritura de este lenguaje, se creanetiquetasque aparecen
especificadas a travs de corchetes o parntesis angulares:<y>. Entre sus
componentes, loselementosdan forma a la estructura esencial del lenguaje, ya que
tienen dos propiedades (el contenido en s mismo y sus atributos).(CORRALES,
2005)
Para conocer el cdigo HTML que utiliza una pgina web, hay que seleccionarVer
cdigo fuenteen nuestro navegador (comoInternet ExploreroMozilla Firefox). Al
elegir esta opcin, se abrir el editor de texto con el cdigo HTML de la pgina que
se est visualizando.(CORRALES, 2005)
4.2. PHP
PHP(acrnimo recursivo dePHP: Hypertext Preprocessor) es un lenguaje de cdigo
abierto muy popular especialmente adecuado para el desarrollo web y que puede
ser incrustadoen HTML.(CORRALES, 2005)
Ilustracin 9Cdigo PHP incrustado en HTML
Lo que distingue aPHP de algo como JavaScript del lado del cliente es que el
cdigo es ejecutado en el servidor, generando HTML y envindolo al cliente. El
cliente recibir el resultado de ejecutar el script, aunque no se sabra el cdigo
48
subyacente que era. El servidor web puede ser incluso configurado para que
procese todos los ficheros HTML con PHP, por lo que no hay manera de que los
usuarios puedan saber qu se tiene debajo de la manga.
4.3. JAVASCRIPT
Javascript es un lenguaje interpretado que no requiere compilacin. Fue creado
por
Brendan
en
la
empresa
Netscape
communications
es
utilizado
principalmente en pginas web, nuestro lenguaje javascript puede ser integrado en

nuestro sitio web para evitar incompatibilidades el world Wide Web Consortium
(W3C).(CORRALES, 2005)
4.4. ASP.NET
Tambin dentro de los lenguajes de programacin web encontramos a ASP.NET
este lenguaje es comercializado por Microsoft, y usado por programadores para
desarrollar entre otras funciones, sitios web. ASP.NTE es el sucesor de ASP y fue
lanzado al mercado con una estrategia de mercado denominada .NET,
principalmente para resolver limitaciones que brindaba ASP.
4.5. PHYTON
Por ultimo mencionaremos a Phyton, es un lenguaje de programacin creado en el
ao 1990 por Guido van Rossum, es el sucesor del lenguaje de programacin
ABC. Los usuarios consideran a Phyton como un lenguaje ms limpio para
programar. Su cdigo no necesita ser compilado por lo que se dice que es
interpretado, es un lenguaje multiparadigma lo cual obliga
a que los
programadores adopten su propio estilo de programacin. (Condor, 2014)
4.6. MYSQL
49
Para administrar las bases de datos utilizaremos un sistema de administracin de

bases de datos (Database Management System, DBMS) en este caso MySQL
este no es ms que una aplicacin que permite gestionar archivos llamados de
bases de datos. Fue escrito en C y C++ y destaca por su gran adaptacin a
diferentes entornos de desarrollo, permitiendo su interactuacin con los lenguajes
de programacin ms utilizados como PHP, Perl y Java y su integracin en
distintos sistemas operativos.(Condor, 2014)
5.
QUE ES WORD PRESS?
Un CMS o gestor de contenidos es utilizado para simplificar todo el trabajo de

diseo, si tienes en mente hacer un blog pero no tienes mucha idea de
programacin, Wordpress te permite utilizar plantillas themes en ingls.
Una plantilla o theme es una pgina web pre-diseada, de esta manera puedes
instalarla en tu Wordpress y solo debers preocuparte de unos pequeos ajustes
(dependiendo de la plantilla o theme que utilices), escribir, aadir tus imgenes y
publicar.
Wordpress utiliza una serie de mens muy intuitivos para realizar cualquier tarea,
ya desde su escritorio puedes publicar un post rpidamente, cosa muy cmoda si
escribes sobre noticias y quieres hacerlo rpido. Tambin tienes a tu disposicin
cientos de pluggins o extension, por ejemplo: puedes aadir una tienda a tu blog o
pgina web con una sencilla instalacin y de nuevo configurando unos pequeos
ajustes. (Drazd, 2014)
5.1. QUE ES UNA BASE DE DATOS?

Una base de datos es un conjunto de datos estructurado. El grado de
estructuracin depende del formato de la base de datos. Por lo tanto, dependiendo
de las circunstancias, tambin puede usarse un archivo de texto sencillo como
base de datos. Esto sera til principalmente para datos estructurados de un modo
sencillo. Por supuesto, lo mismo sucede con los archivos XML. Estos archivos
50
tambin almacenan datos de forma estructurada, por tanto, tambin pueden

denominarse base de datos.
Las propias bases de datos constan de uno o ms archivos que simplemente
almacenan y organizan los datos. Por lo tanto, la cantidad de archivos de que
conste a base de datos, y el nombre de estos depende del formato de dicha base
de datos. Las bases de datos de MySQL estn basadas en un servidor, y se
administran desde un servidor de bases de datos MySQL.
En ellas, los datos no existen en forma de archivos, al menos no de una forma en
la que pueda copiarlos de un ordenador a otro. Por ello, la transmisin de estas
bases de datos resulta algo difcil, pero por otra parte protege sus datos contra
descargas indebidas.(Marcombo, 2010)
5.1.1. TIPOS DE BASE DE DATOS
Los tipos de bases de datos que podemos encontrar atendiendo a la forma de

organizar la informacin o a su estructura interna son:
Bases de datos relacionales: una base de datos relacional es una base de datos
en donde todos los datos visibles al usuario estn organizados estrictamente como
tablas y en donde todas las operaciones que se realizan en la base de datos se
hacen sobre estas tablas.
Bases de datos documentales: estas bases de datos permiten la indexacin a
texto completo y permiten realizar bsquedas ms potentes.
Las caractersticas fundamentales de este tipo de bases de datos son:
Cada registro se corresponde con un documento
Una base de datos es un conjunto de informacin estructurada en

registros y almacenada en un soporte electrnico que se puede leer
desde un ordenador.
Todos los registros estn asociados a un documento
51
Este tipo de bases de datos orientada exclusivamente a gestionar de

forma efectiva el almacenamiento y acceso a los documentos.
Bases de datos jerrquicas: en estas bases de datos la informacin es

almacenada de acuerdo a una estructura jerrquica. En este tipo de bases de
datos la organizacin de la informacin es similar a la de un rbol visto al revs, en
donde un nodo padre puede tener varios hijos. El nodo que no tiene padres se
llama raz y los nodos que no tienen hijos se le denominan como hojas.
Estas bases de datos son muy tiles para el caso de aplicaciones en las que se
maneja un gran volumen de informacin y los datos estn muy compartidos,
permitindonos crear estructuras estables y con un gran rendimiento, la
redundancia de datos es uno de los principales problemas que presentan estas
bases de datos.
Bases de datos de redes: Este modelo es muy similar al jerrquico, su diferencia
fundamental, es la modificacin del concepto de nodo, ya que se permite que un
mismo nodo tenga varios padres. Esto es una gran mejora ya que permite tratar
ms eficientemente la redundancia de los datos, pero sigue presentando grandes
problemas para administrar la informacin de una base de datos.
Bases de datos orientadas a objetos: una base de datos orientados a objetos es
una base de datos donde los elementos son objetos. Estos pueden ser bases de
datos multimedia y contener videos, imgenes y sonidos, donde la herencia nos
permita una mejor representacin de la informacin. Estas bases de datos tienen
una identidad de ser un todo y no solo una parte de una gran base.
El objetivo de una base de datos orientada a objetos son los mismos que los de
las bases de datos tradicionales, pero con la ventaja de representar los modelos
de datos con un marco mucho ms eficiente, manteniendo la integridad y relacin
entre ellos.
Bases de datos transaccionales. El nico fin de estas bases de datos es el
envo y recepcin de datos a grandes velocidades. Estas bases de datos son muy
52
poco comunes y estn dirigidas al entorno de anlisis de calidad, datos de

produccin e industrial, es de gran importancia comprender que su nico fin es
recolectar y recuperar los datos a la mayor velocidad posible, por lo tanto, la
redundancia y duplicacin de informacin no es un problema como con las dems
bases de datos a la mayor posible, por lo tanto, la redundancia y duplicacin de
informacin no es problema como con las dems bases de datos.
Bases de datos multidimensionales: Estas surgen para desarrollar aplicaciones
muy concretas, bsicamente no se diferencian demasiado de las bases de datos
relacionales, la diferencia est ms bien a nivel conceptual, en las bases de datos
multidimensional los campos o atributos de la tabla pueden ser ms de dos tipos o
bien representan dimensiones de la tabla o bien representan mtricas que se
desean estudiar.
Bases de datos deductivas: Estas son un sistema de bases de datos pero con la
diferencia de que permiten hacer deducciones a travs de inferencias. Se base
principalmente en reglas y hechos que son almacenadas en la base de
datos.(Menndez, 2015)
6.
TECNOLOGA DE SERVIDOR
6.1. TECNOLOGIA SERVIDOR WEB: PRIMERA GENERACION
La primera generacin de servidores web solo poda representar documentos muy

sencillos. Todos los contenidos eran estticos y se componan nicamente de
textos y grficos.
53
Ilustracin 10 Estructura de los servidores web de primera generacin.
Common Gateway Interface (CGI) fue la nica ampliacin que afectada a la

funcionalidad del servidor web: con l se podan generar dinmicamente los
contenidos de los documentos web. Los programas CGI se escriban y se siguen
escribiendo en lenguajes de programacin o en lenguajes scrip como por ejemplo:
Perl. Esto hace posible generar documentos web a partir de contenidos guardados
en una base de datos, o generar procesos como el envi de un e-mail con rutinas
CGI. Pero lamentablemente los programas CGI no son la solucin ya que cada
llamada a una rutina CGI en servidores muy frecuentados, este sistema provoca
continuas saturaciones de trabajo. Una sobrecarga del servidor y un bajo
rendimiento ser las prximas consecuencias.
6.2.
TECNOLOGA DE SERVIDOR WEB: SEGUNDA GENERACIN
Los documentos web de primera generacin se conocen tambin como

documentos estticos, ya que eran generados en pginas HTM-HTML. Los
documentos no eran muy atractivos sobre todo por su falta de opciones de
interactividad con el usuario.
54
Ilustracin 11 Procesamiento de informacin con servidores de segunda generacin.
La segunda generacin supero esta situacin al adquirir la posibilidad de procesar

componentes activos. Desde la generacin los servidores son capaces de
procesar scripts e integrar software adicional para cambiar su funcionalidad (los
denominados Plug-in). Esta generacin de servidores es cuando se empiezan a
popularizar los lenguajes Java Script y VBScript.
Con esta segunda generacin, en el lado del servidor aparecan nuevas
alternativas a Common Gateway Interface (CGI). Asi diversos servidores trabajan
con internet server programming interface (ISAPI). Esta interface permite al cliente
llamar a un programa a la primera toma de contacto. Pero este proceso se
mantiene cargado en memoria hasta que lo detiene el servidor web. Gracias a
ellos los servidores de segunda generacin son capaces de integrar componentes
de software en documentos web generados con lenguajes de programacin
clsicos como: C++, Java o Delphi.
6.3.
TECNOLOGIA DE SERVIDOR WEB: TERCERA GENERACION
Con interfaces como CGI o ISAPI los usuarios podan enviar peticiones a una
aplicacin ejecutable en lugar de restringirse a simples documentos HTML. El
servidor ejecutaba la aplicacin inmediatamente, aunque estas solo podan leer
las variables de entorno y las entradas individuales recibidas junto con la
instruccin inicial del usuario.
55
Poda tratarse por ejemplo de valores de un formulario HTML. Con estos datos la
aplicacin examinaba los parmetros transferidos, buscaba la informacin til
asociada y la devolva con esta informacin el servidor generaba un HTML y lo
remita al navegador web del cliente.
El gran inconveniente de estos programas Gateway radicaba en que son
complejos y adems requieren con frecuencia laboriosos cambios y adaptaciones.
Adems de estas aplicaciones conllevan un proceso de diseo totalmente
diferente al de los documentos HTML.
La tecnologa Active-Server-Pages (ASP) fundamenta la tercera generacin de
servidores web. Un documento ASP puede contener tanto sintaxis HTML como
cdigo script del servidor. Cuando el servidor recibe la solicitud HTTP de un
documento ASP, se genera en memoria un archivo de salida HTML virtual, fruto
de una combinacin de HTML esttico y elementos HTML generados a travs de
los crips interpretados por el servidor. Por ltimo el archivo generado se enva al
navegador cliente.
Con ayuda de los objetos especficos la tecnologa ASP permite minimizar el coste
que supone desarrollar contenidos dinmicos. Los objetos ASP automatizan una
serie de tareas que hasta ahora se tenan que procesar de forma individual. El
concepto user session en ASP posibilita el uso de variables a lo largo de varios
documentos web, hasta que se eliminan por requisitos del programa o se cierra el
navegador. Antes de aparecer ASP era muy complicado conservar la informacin
especfica de un usuario a lo largo de varias solicitudes HTTP.
Asimismo, la tecnologa ASP permite controlar aplicaciones compatibles COM a
travs de scripts ASP.COM es la norma sobre la que se basa ActiveX. Estas
aplicaciones COM se distribuyen junto con el servidor web con capacidad ASP, o
bien estn instaladas en el servidor. As por ejemplo toda la familia Microsoft
BackOffice es compatible COM. Con el servidor ASP se contribuyen objetos Active
Data Objects (ADO). Estos objetos nos permiten conectar bases de datos
56
compatibles con Open Database Connectivity (ODBC) o con OLEDBC (por

ejemplo MS SQL-Server, Oracle, DB2, MS Acces o MS Excel).
Ilustracin 12 Estructura de internet Information Server 4.0
A diferencia del cdigo ASP, el cdigo de ASP+ se compila. Pero no se necesitara

un compilador adicional, este viene incluido en el entorno ASP+. Microsoft toma
por primera vez con ASP+ una inteligente va intermedia entre interpretacin y
compilacin. El documento ASP+ se crea de la misma forma que en ASP, y el
entorno de tiempo real compila ese documento en el primer acceso.
A partir de entonces la copia del documento se conserva en la cache del entorno.
Solo se compilara de nuevo ese documento cuando se modifique el documento
fuente.(Angel Cobo, 2005)
7. NAVEGADORES
Un navegadores una aplicacin que opera a travs de Internet, interpretando la
informacin de archivos y sitios web para que podamos leerla.
Pero un navegador tambin nos permite almacenar informacin o acceder a
diferentes tipos de documentos en el disco duro, etc., acceder a redes privadas, y
crear marcadores (bookmarks).(Mora, 2012)
7.1. MOZILLA FIREFOX

57
Mozilla Firefox es un navegador web libre descendiente de Mozilla Application

Suite, desarrollado por la Corporacin Mozilla, la Fundacin Mozilla y un gran
nmero de voluntarios externos. Es un navegador multiplataforma y est
disponible en varias versiones de Microsoft Windows, Mac OS X, y GNU/Linux,
aunque no incluye compatibilidad con los sistemas ActiveX.
7.2. GOOGLE CHROME

Google Chrome es un navegador web desarrollado por Google, este es de cdigo
abierto. Google Chrome es el tercer navegador ms utilizado en Internet. Se
encuentra disponible gratuitamente bajo unas condiciones especficas.
7.3. OPERA
Opera es un navegador web creado por la empresa Opera Software. La aplicacin
es gratuita desde su versin 8.50, habiendo sido anteriormente de pago. Es
reconocido por su velocidad, seguridad, soporte de estndares, tamao reducido,
prestigio y constante innovacin. Est disponible para Windows, Mac, Linux, etc.
Adems, hay dos versiones mviles: Opera Mini para mviles sencillos y Opera
Mobile para versiones especficas y telfonos inteligentes u ordenadores de
bolsillo.
7.4. SAFARI
Safari es el navegador creado por Apple Inc. el cual est integrado en el sistema operativo
Mac OS X, en 2007 se cre una versin de Safari para el sistema operativo Microsoft
Windows dando soporte tambin a Windows, y el telfono inteligente, iPhone tambin
incorpora Safari a su sistema operativo.(Mora, 2012)
58
PROCEDIMIENTO O MTODO
ENFOQUE METODOLOGICO
En la presente investigacin utilizaremos un tipo de enfoque Cuantitativo, est se
fundamentar en un esquema deductivo y lgico que buscara formular preguntas
de investigacin e hiptesis para posteriormente probarlas, haciendo un anlisis
de causa-efecto y confiar en la medicin numrica, el conteo y frecuentemente en
el uso de la estadstica para obtener resultados con una mayor exactitud.
ALCANCE DE LA INVESTIGACIN
Se trabajar con un estudio explicativo que determina las correlaciones entra la
variable independiente que es la implementacin de un sitio web para el Colegio
Tuxtepec y las variables dependientes que son principalmente la difusin del
instituto educativo y el incremento en la comunidad estudiantil gracias a esta
difusin.
TIPO DE INVESTIGACIN
El tipo de investigacin de nuestro proyecto es Documental porque es basado en
la obtencin y anlisis de documentos y libros confiables, mismos que son
recabados de bibliotecas pblicas o va internet.
Aplicada: ya que tenemos la finalidad de llevar el proyecto a la prctica, es decir
que desarrollemos el sitio web del Colegio Tuxtepec
DISEO DE INVESTIGACIN
Se tiene un diseo experimental, ya que este se ocupa de los proyectos que son
dirigidos a cambios y desarrollos tanto naturales como sociales. Por lo tanto el
desarrollo de este proyecto brinda un mayor beneficio a la sociedad estudiantil del
colegio, pues permitir que toda la comunidad que tenga acceso a el sitio web
pueda ver cmo se desarrollan en sus distintas actividades que realizan, y tambin
a el cuerpo administrativo, puesto que gracias a la publicidad mayor que tendr el
59
Colegio Tuxtepec, tendr la oportunidad de generar un mayor incremento en su

retcula estudiantil.
POBLACION
El Colegio Tuxtepec cuenta con diferentes niveles de educativos, los cuales son:
Nivel Primaria que cuenta con 360 alumnos
Nivel Secundaria con 125 alumnos
Nivel Preparatoria con 40 alumnos.
Docentes que laboran 65
Padres de familia 300
Esta investigacin se aplic de manera experimental para recaudar informacin

acerca de la opinin del alumnado en general de 3 niveles educativos diferentes,
docentes y padres de familia siendo un total de 890.
MUESTRA
En el caso experimental la poblacin es de 890 alumnos, padres de familia, y
docentesque conforman el Colegio Tuxtepec, para recabar la informacin
probabilstica, se emple el mtodo de muestras con la formula siguiente:
=
n=?
2 ()()()
(N 1) 2 ()2 ()()
1.962 (0.5)(0.5)(890)
= (8901)0.052
(1.96)2 (0.5)(0.5)
Z= 1.96.
P=0.5.
Q=0.5.
3.8416(222.5)
= (889)(0.0025)(3.8416)(0.25)
N = 890
60
E= 0.05.
854.756
2.134489
= 400.449
Dando as nuestra muestra es de 400.449

Para realizar la muestra estratificada se realiza la siguiente operacin:
N=
400
890
N=0.449 entonces a continuacin se multiplica este resultado por el nmero

de alumnos que existe en 3 niveles educativos, padres de familia y
docentes.
MUESTRA ESTRATIFICADA POR NIVEL EDUCATIVO

Primaria
360
162
Secundaria
125
56
Preparatoria
40
18
Padres de familia
300
135
Docentes
65
29
890
400
Siendo est un resultado satisfactorio para la muestra.
61
Tcnicas de recoleccin de datos
La recoleccin de los datos que se utilizan en la presente investigacin estn

basados en:
Encuesta: Se utiliz la estrategia de aplicar las preguntas a los alumnos de

los diferentes niveles educativos del colegio Tuxtepec, tomando en cuenta
que las opiniones de estos para as tener una mejor visualizacin de cuanto
conformaran el Sitio Web.
Cuantificar datos obtenidos: De acuerdo a las encuestas contestadas se

cuantificaron los datos, haciendo el uso de Excel para poder obtener
grficas y resultados confiables, con esto se obtener como respuesta s es
necesario el sitio web para difusin en el Colegio Tuxtepec.
Instrumento
El instrumento que se tomar como ayuda para el siguiente proyecto de
investigacin es:
Cuestionarios:Estos dirigidos a todos los estudiantes que conforman el colegio
Tuxtepec, aplicando 5 preguntas, de las cuales 3 son dicotmicas, donde las
respuestas solo son s o no, y 2 de opciones mltiples teniendo 4 posibles
respuestas, estas para facilitar el anlisis de s es pertinente implementar un sitio
web como mtodo para difusin de la escuela.
62
METODOLOGA
La metodologa que se aplico fue Watch Extendido.
Fase 1. Procesos gerenciales

Actividad1 Establecer los objetivos, los propsitos del proyecto y sus
procesos gerenciales. Primeramente identificamos cuales seran los objetivos y
propsitos del proyecto, para as despus definir cada uno de estos, tanto el
objetivo general como los especficos, y despus saber porque se realizara el
proyecto.
Actividad 2 Desarrollar las estimaciones iniciales del proyecto para cubrir
los requerimientos gerenciales: tamao, esfuerzo, tiempo, costos, horarios,
recursos.Se realiz un cronograma de actividades, donde se defina el tiempo y
cada persona que realizara la actividad programada en est, adems de definir
los costos y recursos tanto humanos como materiales que llegaramos a ocupar y
necesitar en la realizacin del proyecto.
Actividad 3Documentar la iniciacin del proyecto. Se comenz a realizar una
estructura de la documentacin, con un plan de gestin del proyecto, en este plan
se desarroll un enlistado de todas las tareas que se tendran que realizar, para
as llevar un mejor control de la realizacin de las actividades del proyecto.
Actividad 4 Desarrollar la estructura de trabajo. Enfocndonos a el cronograma
de actividades ya realizado, se proporcion a cada miembro del equipo y cada uno
eligi el rol que deseara ocupar y as comenzar a desarrollar sus actividades,
conjuntamente se definieron ests y resolvieron dudas acerca de ellas.
Actividad 5 Gestionar los recursos del proyecto. Se planifico, y se organizaron
los recursos para as ayudar con la administracin de estos, con el fin de que se
culminar el trabajo requerido, con un futuro xito y poder cumplir con el alcance,
dentro de lmites de tiempo, evitar estar a las carreras y entregar un trabajo
deficiente.
63
Actividad 6 Asesoramiento personal. En esta actividad como no haba personal

externo para la realizacin del proyecto, se realizaron unas lluvias de idea, donde
si tenas dudas de lo que hasta el momento se iba realizando o de alguna
actividad ya dada podras resolver dudas conjuntamente o preguntar al asesor del
proyecto.
Fase 2. Modelo de negocios

Actividad 1 Definicin del alcance del proyecto. La actividad que se realiz en
esta parte va enfocado al desarrollo durante las fases de inicializacin e inicio de
la planificacin, de forma clara y concisa el objetivo que se persigui con el
proyecto y cuya consecucin marc la finalizacin con xito de este.
Actividad 2 Definicin de la estructura del trabajo. Se organiz y se defini el
alcance total que se tendra en el proyecto segn lo declarado en la
documentacin. Su forma y listado permiti una fcil identificacin de los
elementos finales, paquetes de trabajo, se trata de un elemento exhaustivo en
cuanto al alcance del proyecto, seguido de la metodologa sirvi como la base
para la planificacin del proyecto.
Fase 3. Definicin y Especificacin de Requerimientos

Actividad 1 Descubrir los requerimientos no funcionales. Definimos aquellos
requerimientos que no estn directamente referidas a cada funcin especfica que
conjunta el sitio web, sino a las propiedades emergentes de ste como la fiabilidad
que tendrn.
Actividad 2 Descubrir
los
requerimientos funcionales.
Se definieron y
redactaron los requerimientos funcionales, que son las declaraciones de los

servicios que proveer el sitio web, de la manera en que ste trabajar, adems
de tambin identificar en este caso con los que no contar el sitio web.
Actividad 3 Realizar el modelo estructural. Es un modelo se desarrolla como
ser la estructura con que el sitio web contar, se realizan lluvias de idea de los
64
requerimientos ya antes visto y se desarrolla el modelo para darle pronto

comienzo a el desarrollo de la arquitectura.
Actividad 4 Realizar el modelo funcional: Los modelos son especialmente
importantes porque nos ayudaron a comprender el funcionamiento del sistema.
Implementar los modelos facilita el estudio de los sitios web, aun cuando stos
puedan contener muchos componentes y mostrar numerosas interacciones, se
realiz como sera la funcionalidad que tendra el sitio web, y la forma que se dara
a conocer los apartados a los que se haran difusin.
Actividad 5 Realizar el modelo dinmico: En esta actividad se contempl que
funcionamiento dinmico tendra el sitio web, cuales son los elementos que
intervinieron en la modelizacin no permanecen invariables, sino que se
consideran como funciones del tiempo, tanto a los parmetros como a las
variables temporales.
Fase 4. Diseo arquitectural de la aplicacin.

Actividad 1 Disear la arquitectura del sistema: se utilizaron diferentes
herramientas de diseo como photoshop CS5, Sony Vegas, Adobe audition 3.0 y
platillas prediseadas para las herramientas de wordpress, con el fin de que el
usuario tenga una mayor interaccin con el sitio web.
65
Ilustracin 13 Diseo de la arquitectura
66
Actividad 2 Diseo de la interfaz de usuario: en la interfaz igual que el diseo

se utilizaron barias herramientas y componentes como lo son mens, galera de
fotos, herramientas de video; esto para que el usuario encuentre la informacin de
una manera rpida y sencilla.
Ilustracin 14 Diseo de la arquitectura
Ilustracin 15 Diseo de la interfaz de usuario
67
Fase 5. Especificacin de componentes.

Actividad 1 Escoger la plataforma de despliegue:
Una caracterstica del proyecto, es que debido al tipo de uso que se someter el
sitio web debe garantizar una gran disponibilidad y escalabilidad, es por eso que
debimos enfocarnos en que plataforma se debe visualizar el sitio web, elegimos
google crome, ya que es muy comn y hoy en da cualquiera lo puede tener
consigo.
Ilustracin 16 Especificacion de los componentes
Actividad 2 Describir las caractersticas de la plataforma:

Elegimos como plataforma bsica y fija google crome ya que esta se ha vuelto
muy til para los usuarios, aparte de ser gratis, cuenta con una interfaz agradable
para cualquiera que pueda utilizar.
68
Actividad 3 Elaborar los diagramas de despliegue de la aplicacin:

Los diagramas de despliegue son diagramas estructurales que sirven para mostrar
la arquitectura de un sistema como el despliegue de artefactos (artifacts) software
en nodos (deployment targets).
Servidor
File (ficheros del

sistema
Doccument
69
Actividad 4 Especificacin de los componentes:

El sitio web cuenta con mens de secciones de galera, oferta educativa, eventos,
informacin del colegio.
Plantillas prediseadas para una mejor visualizacin.
Compatibilidad con google chrome .
70
Ilustracin 19 Especificacin de los componentes
Fase 6. Aprovisionamiento de los componentes.

Actividad 1. Se le implemento la interfaz del usuario.
Se realiz una interfaz amigable para el usuario de manera que le sea fcil de
accedes y al mismo tiempo de usar, que pueda realizar su bsqueda de una
manera rpida y precisa, y que al mismo tiempo contenga informacin actualizada
que le pude ayudar.
71
Ilustracin 20 Especificacon de los componentes
Actividad 2. Aprovisionamiento de cada componente.

Dentro de los componentes para la creacin del sitio web se utiliz una
computadora la cual nos ayud
mucho en la realizacin de casi todo el sitio web, en la parte de diseo y en la
produccin
de
este
mismo.
Ilustracin 21 aprovisionamiento de cada componente
72
Actividad 3. Pruebas de la funcionalidad de cada uno de los componentes.

Se realiz una prueba del prototipo y se fue a verificar si era factible para el
colegio ya que fue aceptada, se hecho en marcha con los ltimos detalles y se
verificaron su men era funcional, si se tena la informacin requerida por el
usuario, cabe mencionar que tambin verificamos si era viable en cuanto a su
publicidad.
Ilustracin 22 Descripcion de las plataformas
Actividad 1. Mejora en la arquitectura de la aplicacin.

Se mejor en cuanto a los detalles finales, ya que se agregaron galeras de fotos
del colegio y se puso informacin de la escuela, as como su ubicacin, en su
arquitectura nos centramos en que fuera fcil de usar y que no tuviera ningn error
en cuanto su estructura que mostrara realmente lo que al usuario le interesa.
73
Actividad 2. Pruebas del sitio web.

Se hicieron las primeras pruebas del sitio, para verificar si esta cumpla con los
requerimientos previstos en cuanto a la informacin del colegio, su difusin y
publicidad, si era aceptados por los usuarios: estudiantes docentes y padres de
familia.
Actividad 3. Se document los componentes de la aplicacin.
Se realiz la documentacin previa de toda la elaboracin del sitio web, su
estructura, su metodologa, componentes, desarrollo del sitio, opiniones mediante
encuestas, se analiz el modelo que era necesario para su publicidad y difusin.
Fase 8. Pruebas de la aplicacin web.

Actividad 1. Pruebas funcionales de cada uno de los requerimientos.
La prueba que se realizo fue basada en la ejecucin, revisin y retroalimentacin
de las funcionalidades previamente diseadas para el sitio web. Las pruebas
funcionales se realizaron mediante el diseo de modelos de prueba que buscaran
evaluar cada una de las opciones con las que cuenta el sitio de las pruebas
especficas, concretas y exhaustivas para probar y validar que el sitio web hace lo
que debe y sobre todo, lo que se ha especificado.
Actividad 2.- Pruebas del comportamiento de los componentes.
Se determin lo rpido que realizaba una tarea el sitio web en condiciones
particulares de su contenido. Tambin verificamos validacin y verificacin de los
atributos de la calidad del sitio web, tales como la, fiabilidad y uso de los recursos
de un sistema, antes incluso del esfuerzo inicial de la codificacin.
Actividad 3. Pruebas de aceptacin de los usuarios y desarrolladores.
Se realizaron las pruebas pertinentes a los usuarios, en cuanto a la interfaz estos
nos dijeron que era un sitio que tena la informacin previamente organizada y que
74
si les haba servido de ayuda en cuento a los desarrolladores del sitio se visualiz
el tiempo para la creacin y se defino que era factible por que concluyeron con
planeado.
Fase 9. Entrega de la aplicacin web.

Actividad 1. Se mont el sitio web donde se va trabajar.
Se mont primeramente de manera local, para ver como seria y realizar las
pruebas pertinentes.
Actividad 2. Se dise y se ejecutaron pruebas de funcionamiento.
Se realiz el diseo del sitio web centrndonos en la publicidad y difusin del
colegio, respectivamente se llev a prueba, primeramente, con los desarrolladores
y despus con los usuarios.
Actividad 3. Se hizo entrega del sitio web al Colegio Tuxtepec.
Entregamos el sitio web finalizado a la directora del colegio Tuxtepec
Ilustracin 23 Entrega del sitio
75
ANLISIS DE RESULTADOS
Los resultados obtenidos de la investigacin realizada a los estudiantes de los
diferentes niveles educativos, padres de familia y docentes que conforman el
Colegio Tuxtepec, los cuales fueron tomados como sujetos de estudio en la
realizacin de la presente investigacin.
Se detallaron las preguntas, se tomaron los resultados para poder obtener los
porcentajes de cada una de ellas y as generar las grficas. Con esto se
obtuvieron diferentes resultados que ayudaron a la creacin e interfaz que se
gener en el sitio web.
Adems, se tomaron como referencias datos obtenidos del marco terico y
empricos, en las cuales se relacionan las variables dependiente e independiente
que ayuda a la comprobacin final de la hiptesis.
DOCENTES
1. Te gustara que el Colegio tuviera un sitio web?
0%
SI
NO
100%
ANLISIS E INTERPRETACIN: En la encuesta realizada en el Colegio

Tuxtepec, el 100% de los docentes respondieron Si les gustara que el colegio
tuviera un sitio web, y 0% respondieron que no.
76
2. Qu clase de informacin te gustara que tuviera?
17%
Galeria Fotografica
45%
Informacion de la escuela
Eventos que realiza
28%
Todo lo anterior
10%

Tuxtepec, el 17% de los docentes respondieron que les gustara que tuviera solo
Galera Fotogrfica, el 28% respondieron que les gustara que tuviera solo
Informacin de la escuela, el 10% quiere que solo tenga los eventos que realizan y
el 45% que contenga todo lo anterior.
77
3. Qu color te gustara que resaltar en el sitio web?
11%
22%
Rojo
verde
azul
41%
amarillo
26%

Tuxtepec, el 22% de los docentes respondieron que les gustara que tuviera un
color Rojo, el 26% respondieron que tenga un color Verde, el 41% contestaron
que se azul y el 11% que sea amarillo.
78
4. Consideras que es bueno tener un sitio web de la escuela?
0%
SI
NO
100%

Tuxtepec, el 100% de los docentes respondieron Si es bueno contar con un sitio
web, y 0% respondieron que no.
5. Crees que el uso del sitio web pueda brindarle mayor publicidad al
colegio?
0%
SI
NO
100%
79

Tuxtepec, el 100% de los docentes respondieron que el sitio web puede brindar
publicidad, y 0% respondieron que no.
PRIMARIA
2%
SI
NO
98%

Tuxtepec, el 100% de los estudiantes de primaria respondieron Si les gustara que
el colegio tuviera un sitio web, y 2% respondieron que no.
80
16%
Galeria Fotografica
35%
Eventos que realiza
Todo lo anterior
3%
46%

Tuxtepec, el 16% de los estudiantes de primaria respondieron que les gustara que
tuviera solo Galera Fotogrfica, el 46% respondieron que les gustara que tuviera
solo Informacin de la escuela, el 3% quiere que solo tenga los eventos que
realizan y el 35% que contenga todo lo anterior.
81
20%
23%
Rojo
verde
azul
amarillo
30%
27%

Tuxtepec, el 23% de los alumnos de primaria respondieron que les gustara que
tuviera un color Rojo, el 27% respondieron que tenga un color Verde, el 30%
contestaron que se azul y el 20% que sea amarillo.
82
8%
SI
NO
92%

Tuxtepec, el 92% de los alumnos de primaria respondieron Si es bueno contar con
un sitio web, y el 8% respondieron que no.
83
colegio?
15%
SI
NO
85%

Tuxtepec, el 85% de los alumnos respondieron que el sitio web puede brindar
publicidad, y 15% respondieron que no.
84
SECUNDARIA
0%
SI
NO
100%

Tuxtepec, el 100% de los alumnos respondieron Si les gustara que el colegio
85
12%
Galeria Fotografica
23%
54%
Eventos que realiza
Todo lo anterior
11%

Tuxtepec, el 12% de los estudiantes respondieron que les gustara que tuviera
solo Galera Fotogrfica, el 23% respondieron que les gustara que tuviera solo
86
12%
32%
Rojo
verde
27%
azul
amarillo
29%

Tuxtepec, el 12% de los alumnos respondieron que les gustara que tuviera un
color Rojo, el 27% respondieron que tenga un color Verde, el 29% contestaron que
se azul y el 32% que sea amarillo.
87
36%
SI
NO
64%

Tuxtepec, el 64% de los alumnos respondieron Si es bueno contar con un sitio
88
colegio?
16%
SI
NO
84%

Tuxtepec, el 84% de los alumnos respondieron Si es bueno contar con un sitio
89
PREPARATORIA
6%
SI
NO
94%

Tuxtepec, el 94% de los alumnos respondieron que, Si les gustara que el colegio
90
0%
Galeria Fotografica
Eventos que realiza
Todo lo anterior
100%

Tuxtepec, el 0% de los estudiantes respondieron que les gustara que tuviera solo
Galera Fotogrfica, el 0% respondieron que les gustara que tuviera solo
91
0%
Rojo
verde
azul
amarillo
100%

Tuxtepec, el 0% de los alumnos respondieron que les gustara que tuviera un color
Rojo, el 0% respondieron que tenga un color Verde, el 0% contestaron que se azul
y el 100% que sea amarillo.
92
6%
SI
NO
94%

Tuxtepec, el 100% de los alumnos respondieron que, Si es bueno contar con un
sitio web, y 6% respondieron que no.
93
colegio?
11%
SI
NO
89%

Tuxtepec, el 89% de los alumnos respondieron que, Si es bueno contar con un
sitio web, y 11% respondieron que no.
94
PADRES DE FAMILIA
2%
SI
NO
98%

Tuxtepec, el 98% de los padres de familia respondieron que, si les gustara que el
colegio tuviera un sitio web, y el 2% respondieron que no.
95
11%
Galeria Fotografica
23%
Eventos que realiza
61%
Todo lo anterior
5%

Tuxtepec, el 11% de los padres de familia respondieron que les gustara que
tuviera solo Galera Fotogrfica, el 23% respondieron que les gustara que tuviera
solo Informacin de la escuela, el 5% quiere que solo tenga los eventos que
realizan y el 61% que contenga todo lo anterior.
96
9%
16%
Rojo
verde
26%
49%
azul
amarillo

Tuxtepec, el 16% de los padres de familia respondieron que les gustara que
tuviera un color Rojo, el 26% respondieron que tenga un color Verde, el 49%
contestaron que se azul y el 9% que sea amarillo.
97
10%
SI
NO
90%

Tuxtepec, el 90% de los padres de familia respondieron que, si es bueno contar
con un sitio web, y 10% respondieron que no.
colegio?
98
10%
SI
NO
90%

Tuxtepec, el 90% de los padres de familia respondieron que, Si es bueno contar
con un sitio web, y 10% respondieron que no.
99
100
CONCLUSION
Al comenzar la realizacin del sitio web para el colegio Tuxtepec, nos enfocamos
en proporcionar a los docentes, al alumnado en general y a padres de familia a
que tengan una mejor informacin acerca de las ofertas educativas que ofrece el
colegio , ya que no contaba con ninguna sitio web que ofreciera informacin
acerca de los planes de estudios que existen dentro de la escuela, al igual que con
los niveles bsicos que hay en ella , la implementacin del sitio web contribuyo
mucho a transmitir y compartir informacin, modernizando al mismo tiempo al
colegio, adelantndose a las tecnologas exigentes de hoy en da. De acuerdo con
los resultados obtenidos se consider que si era necesario, viable y factible el
desarrollo y elaboracin del proyecto, porque este contribuye a la mejor utilizacin
de los recursos, disponiendo informacin de una forma rpida y eficiente.
Dentro de nuestra conclusin estamos seguros que se ha cumplido con el objetivo,
ya que el sitio web fue aceptado por los ya antes mencionados, y que la
realizacin e implementacin del sito sirvi de ayuda para el colegio.
101
RECOMENDACIONES
Considerando la informacin sobre el proyecto que realizamos y tomando en
cuenta tambin la conclusin en la que llegamos, recomendamos lo siguiente:
Realizar una reingeniera del sitio web.
Poner un contaron de las visitas que se realizan en el sitio web.
Realizar actualizaciones peridicamente de la informacin que se da del

colegio para ofrecer un mejor servicio.
Agregar mdulos de registro en el sitio web.
102
REFERENCIAS
Angel Cobo, P. G. (2005). PHP Y MYSQL Tecnologias para el desarrollo de

aplicaciones web.
Arias, A. (2014 ). Desarrollo web con CMS. En A. Arias.
Colve, J. L. (2013). Dominios en internet . En J. L. Colve, Dominios en internet .
Condor. (2014). Programacin Web con CSS, JavaScript, PHP y AJAX. mexico:
Solis.
CORRALES, J. D. (2005). Ayudante tcnico de informtica de la Junta de
andaluca. Espaa: Mad,S.L.
definicion
(s.f.).
Recuperado
el
31
de
julio
de
2013,
de
http://www.definicion.org/desarrollo
Drazd, P. J. (2014). Yo y Wordpress: Manual bsico para principiantes. En P. J.
Drazd, Yo y Wordpress: Manual bsico para principiantes.
Durn Torres, K. (2010). Las redes sociales como estrategia competetiva para las
PYMES: Caso de estudios empresas registradas en el sistema universitario
de mejora empresarial (SUME). Xalapa- Enrquez: Veracruz: Universidad
Varacruzana.
Fernndez, B. G. (2014). Como ganar dinero con un blog. En B. G. Fernndez,
Como ganar dinero con un blog.
Garcia. (2006). Gua completa de HTML5 y CSS3: Todo lo necesario para
aprender a programar pginas web, con ejercicios resueltos y explicados.
mexico: mexico.
Hernndez, J. (2014). Anlisis y Desarrollo Web. En J. Hernndez, Anlisis y
Desarrollo Web.
103
LANCKER, L. V. (2009). HTML 4. EDICIONES ENI.

Lopez. (1981). Dominen php y mysql. Espaa: Alfaomega.
Lujan. (2001). programacion en internet. mexico: CLUB UNIVERSITARIO.
Marcombo. (2010). Programacin de bases de datos con MySQL y PHP. En
Marcombo, Programacin de bases de datos con MySQL y PHP.
Mndez, M. . (Noviembre de 18 de 2014 ). Obtenido de GIZMODO:
http://es.gizmodo.com/visita-la-primera-pagina-web-publica-creada-hoyhace-20-485588591
Menndez, J. A. (2015). Utilizacin de las bases de datos relacionales en el
sistema de gestin y almacenamiento de datos. En J. A. Menndez,
Utilizacin de las bases de datos relacionales en el sistema de gestin y
almacenamiento de datos.
Mora, S. L. (1998). Programacin de aplicaciones web. Noriega.
Morrison, M. (2003). Diseo en HTML y XML. Madrid: McGraw-Hill /
Interamericana de espaa S.A.U.
Prato, L. B., & Villoria, L. N. (2010). Aplicaciones Web 2.0 - Redes Sociales. Villa
Mara - Cordoba: Eduvim.
Rodrguez, J. H. (2015 ). Anlisis y Desarrollo Web. En J. H. Rodrguez, Anlisis y
Desarrollo Web.
S, L. (2001). programacion en internet:clientes web. mexico: club universitario.
Sommerville. (2006). Ingeniera del software.
Madrid (Espaa): Pearson
Educacion, S.A.
Villoria. (2010). aplicaciones web. villa maria: Eduvin.
wordrefence.
(2013).
Recuperado
el
31
de
julio
de
2013,
de
http://www.wordreference.com/definicion/difusi%C3%B3n
104
GLOSARIO
TCP/IP: Es un conjunto de protocolos. La sigla TCP/IP significa "Protocolo de
control de transmisin/Protocolo de Internet" y se pronuncia "T-C-P-I-P". Proviene
de los nombres de dos protocolos importantes del conjunto de protocolos, es decir,
del protocolo TCP y del protocolo IP.
Intranets: Es una red informtica que utiliza la tecnologa del Protocolo de internet
para compartir informacin, sistemas operativos o servicios de computacin dentro
de una organizacin.
ARPANET: (Son las siglas de Advanced Research Projects Agency Network, es
decir, la Red de la Agencia de Proyectos de Investigacin Avanzada) Fue una red
de computadoras creada por encargo del Departamento de Defensa de los
Estados Unidos para utilizarla como medio de comunicacin entre las diferentes
instituciones acadmicas y estatales.
XML: Siglas en ingls de eXtensible Markup Language ("lenguaje de marcas
Extensible"), es un lenguaje de marcas desarrollado por el World Wide Web
Consortium (W3C) utilizado para almacenar datos en forma legible.
RSS: Es una forma muy sencilla para que puedas recibir, directamente en tu
ordenador o en una pgina web online (a travs de un lector RSS) informacin
actualizada sobre tus pginas web favoritas, sin necesidad de que tengas que
visitarlas una a una.
DNS:(Domain Name Service) es un sistema de nombres que permite traducir de
nombre de dominio a direccin IP y vice-versa. Aunque Internet slo funciona en
base a direcciones IP, el DNS permite que los humanos usemos nombres de
dominio que son bastante ms simples de recordar.
105
HTTP:
(Protocolo de transferencia de hipertexto)
es un protocolo de
aplicacin para, de colaboracin, distribuidos hipermedia sistemas de informacin.

HTTP es la base de la comunicacin de datos para la World Wide Web .
HTML5: (HyperText Markup Language, versin 5) es la quinta revisin importante
del lenguaje bsico de la World Wide Web, HTML. HTML5 especifica dos
variantes de sintaxis para HTML: una clsica, HTML (text/html), conocida como
HTML5, y una variante XHTML conocida como sintaxis XHTML5 que deber
servirse con sintaxis XML (application/xhtml+xml).
CSS: Hoja de estilo en cascada (siglas en ingls de cascading style sheets) es un
lenguaje usado para definir y crear la presentacin de un documento estructurado
escrito en HTML o XML2 (y por extensin en XHTML).
PHP: Es un lenguaje de programacin de uso general de cdigo del lado del
servidor originalmente diseado para el desarrollo web de contenido dinmico.
JavaScript
(abreviado
comnmente
JS)
es
un
lenguaje
de
programacininterpretado, dialecto del estndar ECMAScript. Se define como

orientado a objetos, basado en prototipos, imperativo, dbilmente tipado y
dinmico.
CMS: Sistema de gestin de contenidos (en ingls: Content Management
System, ms conocido por sus siglas CMS) es un programa informtico que
permite crear una estructura de soporte (framework) para la creacin y
administracin de contenidos, principalmente en pginas web, por parte de los
administradores, editores, participantes y dems usuarios.
MySQL es un sistema de gestin de bases de datosrelacional desarrollado bajo
licencia dual GPL/Licencia comercial por Oracle Corporation y est considerada
como la base datos open source ms popular del mundo.
ASP: (Active Server Pages)
Tambin conocido como ASP clsico, es una
tecnologa de Microsoft del tipo "lado del servidor" para pginas web generadas
106
dinmicamente, que ha sido comercializada como un anexo a Internet Information

Services (IIS).
ANEXOS
Instrucciones: Selecciona la respuesta que creas conveniente.
NIVEL EDUCATIVO: PREESCOLAR PRIMARIA
SECUNDARIA
PREPARATORIA
1.- Te gustara que el colegio tuviera un sitio web?

SI
NO
2.- Qu clase de informacin te gustara que tuviera?

a) Galera fotogrfica
b) Informacin de la escuela (oferta educativa)
c) Eventos que realizan d) Todo lo anterior

3.- Qu color te gustara que resaltar en el sitio web?
a) Rojo
b) Verde
c) Azul
d) Amarillo
4.- Consideras que es bueno tener un sitio web de la escuela?

SI
NO
5.- Crees que el uso del sitio web pueda brindarle mayor publicidad al colegio?
SI
NO
107
108

Colegio Tuxtepec

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Colegio Tuxtepec

Uploaded by

Copyright:

Available Formats

S.E.P.

TECNOLGICO NACIONAL DE MXICO

BOLAOS GARCA KAREN GEORGINA

L.I. MARA DE LOS NGELES MARTNEZ MORALES

San Juan Bautista Tuxtepec, Oax.

Luis Nogueira Hernndez

ngelesMartnez por compartirnos sus valiosos conocimientos para que as este

Alma Zuleyma Justo Joaqun

HISTORIA DEL INTERNET .......................................................................................... 19

WWW (World Wide Web) .............................................................................................. 20

LA WEB 1.0 (Internet Bsica) ............................................................................ 21

LA WEB 2.0 (La red social / la de colaboracin) ......................................... 22

LA WEB 3.0 (La red semntica) ........................................................................ 25

LA WEB 4.0 (La red mvil) ................................................................................. 27

ESTRUCTURA DE INTERNET .................................................................................... 28

LAS DIRECCIONES EN INTERNET .................................................................. 28

EL FLUJO DE INFORMACIN EN INTERNET ........................................................ 29

DEFINICIN DE CLIENTE/SERVIDOR ............................................................. 29

QU ES UNA ARQUITECTURA? .................................................................... 29

QUE ES CLIENTE? ............................................................................................. 30

QUE ES SERVIDOR? ......................................................................................... 30

QUE ES UN PROCESO DISTRIBUIDO? ............................................................ 31

QUE ES UN SISTEMA ABIERTO? ....................................................................... 31

ELEMENTOS DE LA ARQUITECTURA CLIENTE/SERVIDOR ......................... 31

APLICACIONES CLIENTE/SERVIDOR ............................................................................. 32

2.1.1. EDITORES ONLINE ................................................................................................... 33

SISTEMAS CMS ............................................................................................................. 36

QUE ES UN CMS ........................................................................................................... 39

QUE SON LOS CMS ............................................................................................. 39

Ventajas y desventajas de los CMS................................................................. 40

3.2. TIPOS DE DOMINIOS ....................................................................................................... 41

DOMINIOS DE PRIMER NIVEL........................................................................... 42

Hosting compartido ................................................................................................................ 45

4.1. HTML .................................................................................................................................... 47

5.1. QUE ES UNA BASE DE DATOS? ................................................................................ 50

6.1. TECNOLOGIA SERVIDOR WEB: PRIMERA GENERACION ............................... 53

TECNOLOGA DE SERVIDOR WEB: SEGUNDA GENERACIN ................... 54

TECNOLOGIA DE SERVIDOR WEB: TERCERA GENERACION ................... 55

GOOGLE CHROME ....................................................................................................... 58

PROCEDIMIENTO O MTODO .................................................................................................. 59

Fase 1. Procesos gerenciales .................................................................................................. 63

Conocer y comprender los cambios que significan en una comunidad

Utilizar los medios tecnolgicos para tener un acceso rpido a la

Con este sitio web se busca proveer a la institucin de una herramienta

La finalidad es dar a la institucin de una herramienta tecnolgica comunicativa,

Diagnosticar los requerimientos del sitio web.

Analizar y disear la apariencia que tendr el sitio web.

Instalar y configurar el software requerido para comenzar a crear el sitio

Desarrollar el sitio web, de acuerdo al anlisis.

Ensamblar la informacin verdica y relevante sobre el Colegio Tuxtepec.

Realizar pruebas en el sitio web.

Entrega final del sitio web.

PROBLEMAS A RESOLVER PRIORIZNDOLOS

El crecimiento de la poblacin estudiantil en el Colegio Tuxtepec ha sido

El Colegio Tuxtepec enfrenta un problema de difusin y publicidad.

Los Padres de familia no pueden tener un acceso a los datos de la

Es poco competitivo con las diferentes instituciones educativas.

Adentrarse al mundo de las TICS.

No se tiene una motivacin en la comunidad estudiantil manteniendo un

No cuenta con el acceso al recurso tecnolgico que el mundo actual exige.

Qu consecuencia tendr el desarrollo de un sitio web para la difusin del

contenido para el Colegio Tuxtepec

Administrar de manera eficiente