Diseño e Implementacion de Un Sitio Web para El Colegio A Distancia Técnico Bucay

REPBLICA DEL ECUADOR
UNIVERSIDAD ESTATAL DE MILAGRO
UNIDAD ACADMICA CIENCIAS DE LA INGENIERA
TTULO: Diseo e Implementacin de un sitio web para el Colegio a

Distancia Tcnico Bucay
(PREVIO A LA OBTENCIN DEL TTULO DE INGENIERO EN

SISTEMAS COMPUTACIONALES)
AUTOR: Vctor Alfonso Gmez Chiliquinga
MILAGRO, MAYO 2011

ECUADOR
REPBLICA DEL ECUADOR
TTULO: Diseo e Implementacin de un sitio web para el Colegio a

(PREVIO A LA OBTENCIN DEL TTULO DE INGENIERO EN

SISTEMAS COMPUTACIONALES)
AUTOR: Vctor Alfonso Gmez Chiliquinga
TUTOR: Ing. Javier Bermeo
MILAGRO, MAYO 2011
ECUADOR
CERTIFICACIN DEL TUTOR.
En calidad de TUTOR de proyecto de investigacin, nombrado por el consejo

Directivo de la Unidad de Ciencias de la Ingeniera de la Universidad Estatal de
Milagro.
CERTIFICO:
Que proced al anlisis del proyecto con el ttulo de DISEO E
IMPLEMENTACIN DE UN SITIO WEB PARA EL COLEGIO A
DISTANCIA TCNICO BUCAY presentado como requerimiento previo a
la aprobacin y desarrollo de la investigacin para optar por el titulo de:
Ingeniero en Sistemas Computacionales.
Este trabajo est dirigido a: Diseo e implementacin de un Sitio Web para el

Colegio a Distancia Tcnico Bucay que dar a conocer a la ciudadana de
eventos que realiza la institucin, beneficios e infraestructura, tambin podrn
interactuar en una red social, donde podrn mantenerse en comunicacin entre
todos.
El mismo que considero debe aceptarse por cumplir con los requisitos legales y
por la importancia del tema.
Presentado por el Seor:
Vctor Alfonso Gmez Chiliquinga

C.I. 0923776496
TUTOR:
Ing. Javier Bermeo

C.I. 0919625301
Milagro, a los 9 das del mes de Mayo del 2011.
iii
DECLARACIN JURADA DEL AUTOR
Por medio de la presente declaramos ante el Consejo Directivo de la Unidad

Acadmica Ciencias de la Ingeniera de la Universidad Estatal de Milagro, que
el trabajo presentado es de nuestra propia autora, no contiene material escrito
por otra persona al no ser el referenciado debidamente en el texto; parte de l o
en su totalidad no ha sido aceptado para el otorgamiento de cualquier otro
diploma de una institucin nacional o extranjera.
Milagro, a los 9 das del mes de Mayo del 2011
____________________________________
C.I. 0923776496
iv
CARRERA DE INGENIERA EN SISTEMAS COMPUTACIONALES
EL TRIBUNAL EXAMINADOR previo a la obtencin del ttulo de:

INGENIERO EN SISTEMAS COMPUTACIONALES, otorga al presente PROYECTO
EDUCATIVO las siguientes calificaciones:
TRABAJO ESCRITO [ ]
EXPOSICIN ORAL [ ]
TOTAL [ ]
EQUIVALENTE. [ ]
PRESIDENTE DEL TRIBUNAL
PROFESOR DELEGADO PROFESOR DELEGADO
v
AGRADECIMIENTO
Primeramente quiero expresar mi ms grande agradecimiento a Dios por

mantenerme con vida por estar conmigo en todo momento protegindome y
ayudndome a seguir adelante, a mis padres por haberme estado apoyando
incondicionalmente en todo momento de manera moral y econmicamente para
as culminar esta etapa de mi vida y ayudarme a tener la dicha de convertirme
en un profesional, mil gracias pap, mam que Diosito me los Bendiga siempre
los colme de salud y vida.
Tambin mis ms sinceros agradecimientos a todos mis profesores quienes

nos han sabido impartir sabiamente sus conocimientos, nos han sabido tener
paciencia y brindado su ayuda en todo cuanto a estado a su disposicin,
muchas gracias queridos maestros Dios los Bendiga y los Guarde siempre...
vi
DEDICATORIA
El presente proyecto, lo Dedico con mucho cario y respeto a mis padres,

porque gracias a ellos he logrado alcanzar la meta de verme convertido en un
profesional, me han sabido inculcar buenos ejemplos de perseverancia, trabajo,
honradez, respeto y sacrificio, por ellos soy lo que soy y espero nunca
defraudarlos tratare de ser siempre un mejor hijo y hacer que siempre se
sientan orgullosos de mi.
Tambin quiero dedicarlo a mis hermanos puesto que ellos tambin de alguna
manera me han sabido apoyar y ayudar en lo que han podido, me han sabido
alegrar en momentos difciles, siempre han estado ah compartiendo conmigo.
vii
CESIN DE DERECHOS DE AUTOR
Doctor.
Msc. Rmulo Minchala
Rector de la Universidad Estatal de Milagro
Presente.
Mediante el presente documento, libre y voluntariamente procedo a hacer
entrega de la Cesin de Derecho del Autor del Trabajo realizado como
requisito previo para la obtencin de mi Ttulo de Tercer Nivel, cuyo tema
fue DISEO E IMPLEMENTACIN DE UN SITIO WEB PARA EL
COLEGIO A DISTANCIA TECNICO BUCAY y que corresponde a la
Unidad Acadmica de Ciencias de la ingeniera.
Milagro, 9 de Mayo del 2011
________________________________
CI: 0923776496
viii
NDICE GENERAL
RESUMEN ....................................................................................................... 17
ABSTRACT..18
INTRODUCCIN ............................................................................................. 19
CAPTULO I ..................................................................................................... 22
1. EL PROBLEMA ........................................................................................ 22
1.1. PLANTEAMIENTO DEL PROBLEMA ................................................. 22

1.1.1. Problematizacin ........................................................................ 220
1.1.2. Delimitacin del problema ............................................................ 23
1.1.3. Formulacin del problema ............................................................ 23
1.1.4. Sistematizacin del problema ....................................................... 23
1.1.5. Determinacin del tema ................................................................ 24
1.2. OBJETIVOS ........................................................................................ 25
1.2.1. Objetivo general de la investigacin ............................................. 25
1.2.2. Objetivos especficos de la investigacin ..................................... 25
1.3. JUSTIFICACIN ................................................................................. 26
1.3.1. Justificacin de la investigacin .................................................... 26
CAPTULO II .................................................................................................... 29
2. MARCO REFERENCIAL .......................................................................... 29
2.1. MARCO TERICO.............................................................................. 29

2.1.1. Antecedentes histricos ................................................................ 29
2.1.2. Antecedentes referenciales .......................................................... 31
2.2. MARCO CONCEPTUAL ..................................................................... 32
2.3. HIPTESIS Y VARIABLES ................................................................. 41
2.3.1. Hiptesis general .......................................................................... 41
2.3.2. Hiptesis particulares ................................................................... 41
2.3.3. Variables ....................................................................................... 42
2.3.4. Operacionalizacin de variables ................................................... 43
ix
CAPTULO III ................................................................................................... 45
3. MARCO METODOLGICO ...................................................................... 45
3.1. TIPO Y DISEO DEL LA INVESTIGACIN Y SU PERSPECTIVA

GENERAL..................................................................................................... 45
3.2. LA POBLACIN Y LA MUESTRA ....................................................... 46
3.2.1. Caractersticas de la poblacin ..................................................... 46
3.2.2. Delimitacin de la poblacin ......................................................... 46
3.2.3. Tipo de muestra ............................................................................ 46
3.2.4. Tamao de la muestra .................................................................. 46
3.2.5. Proceso de seleccin.................................................................... 48
3.3. LOS MTODOS Y LAS TCNICAS .................................................... 48
3.3.1. Mtodos tericos .......................................................................... 48
3.3.2. Mtodos empricos ....................................................................... 49
3.3.3. Tcnicas e instrumentos ............................................................... 49
3.4. PROPUESTA DE PROCESAMIENTO ESTADSTICO DE LA
INFORMACIN ............................................................................................ 50
CAPTULO IV................................................................................................... 52
4. ANALISIS E INTERPRETACIN DE RESULTADOS .............................. 52
4.1. ANALISIS DE LA SITUACIN ACTUAL ............................................. 52

4.2. R ESULTADOS DE LAS ENCUESTAS PARA CONOCER EL NIVEL
DE INFORMACIN DE LAS PERSONAS. ................................................... 53
4.3. GRFICOS ESTADSTICOS .............................................................. 53
4.3.1. Conoce UD de la existencia del Colegio a Distancia Tcnico
Bucay? 53
4.3.2. Conoce UD de los Servicios e infraestructura que ofrece esta
institucin educativa? ................................................................................ 54
4.3.3. Por qu medio le gustara informarse acerca de las actividades
que realiza el Colegio a Distancia Tcnico Bucay? ................................... 55
4.3.4. Conoce UD de la fecha del periodo de matriculacin que tiene la
institucin? ................................................................................................ 56
4.3.5. Conoce UD los requisitos que necesita para matricularse los
estudiantes? .............................................................................................. 57
4.3.6. Conoce UD de los eventos importantes que realiza la institucin?
58
4.3.7. Sabe UD de las especialidades que ofrece la institucin? ......... 59
x
4.3.8. Cree UD que la manera de darse a conocer del Colegio Tcnico
Bucay actualmente es? ............................................................................. 60
4.3.9. Por qu cree UD que existe demasiado desconocimiento sobre
los servicios que ofrece el Colegio a Distancia Tcnico Bucay? ............... 61
4.3.10. Le gustara poder hacer consultas de trabajo a los profesores por
medio de una pgina web? ....................................................................... 62
4.3.11. Le gustara poder comunicarse con sus compaeros
frecuentemente por medio de una pgina web? ....................................... 63
4.3.12. Con que frecuencia entra UD a internet? ................................... 64
4.3.13. Le gustara que la institucin sea conocida dentro y fuera del
cantn? ..................................................................................................... 65
4.3.14. Cree usted que la utilizacin del internet como medio de
informacin y publicidad seria de gran beneficio para los ciudadanos? .... 66
4.3.15. Le gustara que el Colegio a Distancia Tcnico Bucay cuente con
un Sitio Web donde pueda encontrar toda la informacin oportuna y
necesaria?................................................................................................. 67
4.3.16. Cree UD que la creacin de un Sitio Web disminuir el alto ndice
de desconocimiento sobre la institucin educativa? ................................. 68
4.4. VERIFICACIN DE HIPTESIS ......................................................... 69
4.4.1. Hiptesis General ......................................................................... 69
4.4.2. Hiptesis Particulares. .................................................................. 69
CAPTULO V.................................................................................................... 73
5. PROPUESTA ............................................................................................ 73
5.1. TEMA .................................................................................................. 73

5.2. JUSTIFICACIN ................................................................................. 73
5.3. FUNDAMENTACIN .......................................................................... 74
5.4. OBJETIVOS ........................................................................................ 75
5.4.1. Objetivo General ........................................................................... 75
5.4.2. Objetivos Especficos ................................................................... 75
5.5. UBICACIN ........................................................................................ 76
5.6. ESTUDIO DE FACTIBILIDAD ............................................................. 76
5.7. DESCRIPCIN DE LA PROPUESTA ................................................. 76
5.7.1. Actividades ................................................................................... 78
5.7.2. Recursos, anlisis financiero ........................................................ 80
5.7.3. Impacto ......................................................................................... 82
xi
5.7.4. Cronograma De Trabajo ............................................................... 83
5.7.5. Cronograma De Trabajo ............................................................... 84
5.7.6. Lineamiento Para Evaluar La Propuesta ...................................... 85
5.8. MATERIAL DE REFERENCIA ............................................................ 87
5.8.1. Bibliografa De Investigacin ........................................................ 87
5.8.2. Anexos .......................................................................................... 88
CAPITULO VI................................................................................................... 91
6. MANUAL DE DISEO .............................................................................. 91
6.1. INTRODUCCIN ................................................................................ 91

6.2. QUIN DEBE UTILIZAR ESTE MANUAL? ....................................... 91
6.3. QUE DEBEN CONOCER LAS PERSONAS ENCARGADAS DE
DIRIGIR EL SITIO WEB ............................................................................... 92
6.4. ESTANDARIZACIN DEL FORMATO ............................................... 92
6.5. ESTNDARES ESTABLECIDOS ....................................................... 93
6.5.1. Formato para nombre del Sitio Web ............................................. 93
6.5.2. Base De Datos.............................................................................. 93
6.5.3. Nombre de la Base de Datos ........................................................ 93
6.5.4. Nombre de tablas de Base de Datos ............................................ 94
6.6. DISTRIBUCIN FISICA DEL SISTEMA ............................................. 95
6.6.1. Diagrama: Proyecto del Colegio A Distancia Tcnico Bucay ........ 95
6.7. DIAGRAMA GENERAL DEL SISTEMA .............................................. 96
6.8. DIAGRAMA GENERAL DE PROCESOS ............................................ 97
6.9. DIAGRAMA JERRQUICO DEL SITIO WEB DEL COLEGIO A
DISTANCIA TCNICO BUCAY .................................................................... 98
6.9.1. Modulo General Del Sistema De Creacin Del Sitio Web ............ 98
6.10. MODULOS DE PROGRAMACIN .................................................. 98
6.10.1. Modulo De Conexin .................................................................... 98
6.10.2. Comunidad Social......................................................................... 99
6.10.3. Comentarios ............................................................................... 100
6.10.4. Eventos ....................................................................................... 101
6.10.5. Descargar Imgenes .................................................................. 101
6.10.6. Descargar Archivos .................................................................... 102
6.10.7. Usuarios ..................................................................................... 103
xii
6.10.8. Recursos Humanos .................................................................... 104
6.10.9. Contador De Visitas .................................................................... 104
6.11. DISEO DE ENTRADAS Y SALIDAS ........................................... 105
6.11.1. Inicio (Principal) .......................................................................... 105
6.11.2. Pgina Principal del Sitio Web del Colegio Tcnico Bucay ........ 106
6.11.3. Men: Quienes Somos ............................................................... 107
6.11.4. Men: Informacin ...................................................................... 108
6.11.5. Men: Contctenos..................................................................... 109
6.11.6. Men: CTB Social ....................................................................... 110
6.11.7. Men: Mi Cuenta ........................................................................ 111
6.11.8. Men: Smbolos Patrios .............................................................. 112
6.11.9. Men: Descargas........................................................................ 113
6.12. DIAGRAMA ENTIDAD RELACIN ................................................ 115
6.13. MANUAL TCNICO ....................................................................... 117
6.13.1. Tabla de Usuario ........................................................................ 117
6.13.2. Tabla de Usuario ........................................................................ 118
6.13.3. Tabla de Informacin Red Social ................................................ 119
6.13.4. Tabla Grupos de Red Social ....................................................... 120
6.13.5. Tabla Categora de Grupos ........................................................ 121
6.13.6. Tabla Mensajes Red Social ....................................................... 122
6.13.7. Tabla Mensajes Red Social ....................................................... 123
6.13.8. Tabla de Campo Nuevo Red Social............................................ 124
6.13.9. Tabla lbum de Fotos Red Social .............................................. 125
6.13.10. Tabla de Fotos Red Social ................................................... 126
6.13.11. Tabla de Fotos Red Social ................................................... 127
6.13.12. Tabla de Recurso Humanos................................................. 128
6.13.15. Tabla de Comentarios .......................................................... 131
6.13.16. Tabla de Eventos ................................................................. 132
6.13.17. Tabla de Eventos ................................................................. 133
6.13.18. Tabla Categora de Eventos................................................. 134
6.13.19. Tabla Galera de Imgenes .................................................. 135
6.13.20. Tabla Categora de Imagen.................................................. 136
6.13.21. Tabla Grupo de Documentos ............................................... 137
6.13.22. Tabla de Documentos .......................................................... 138
6.13.23. Tabla Contador de Visitas .................................................... 139
xiii
CAPITULO VII................................................................................................ 141
7. MANUAL ADMINISTRATIVO ................................................................. 141
7.1. Acceso a la Administracin del Sitio Web del CTB ........................... 141
7.2. RRHH: Mantenimiento Para agregar un nuevo Docente................... 142
7.3. RRHH: Mantenimiento Cambios Recursos Humanos ....................... 142
7.4. RRHH: Mantenimiento, Nueva Categora de Recursos Humanos .... 143
7.5. RRHH: Mantenimiento realizar cambios de Categora ...................... 144
7.6. Comentarios: Mantenimiento de Comentarios .................................. 144
7.7. Comentarios: Mantenimiento Correccin .......................................... 145
7.8. CTB Social: Mantenimiento Nuevo Grupo de Campos ..................... 145
7.9. CTB Social: Mantenimiento Agregar Nuevo Campo ......................... 146
7.10. CTB Social: Mantenimiento Nuevo Grupo de Usuarios ................. 146
7.11. CTB Social: Mantenimiento de Usuarios........................................ 147
7.12. CTB Social: Configuracin General de la Red Social .................... 148
7.13. Eventos: Mantenimiento de Eventos .............................................. 149
7.14. Eventos: Mantenimiento Editar Nuevo Evento ............................... 149
7.15. Descarga de imagen: Mantenimiento Categora de Imgenes ...... 150
7.16. Descarga de imagen: Mantenimiento Subir imgenes ................... 150
7.17. Descarga de imagen: Mantenimiento Comentarios de imgenes .. 151
7.18. Descarga de Archivo: Mantenimiento Grupos de Archivos ............ 151
7.19. Descarga de Archivo: Mantenimiento de Archivos ......................... 152
7.20. Descarga de Archivo: Mantenimiento Subir Archivo Nuevo ........... 152
7.21. Descarga de Archivo: Configuracin General ................................ 153
7.22. Chat Online: Configuracin General .............................................. 153
7.23. Mantenimiento Gestor de Usuarios ................................................ 154
7.24. Mantenimiento Crear Nuevo Usuario ............................................. 154
7.25. Mantenimiento Articulo Informativo ................................................ 155
7.26. Mantenimiento Crear Nuevo Articulo Informativo ........................... 155
7.27. Mantenimiento: Configuracin Global ............................................ 156
xiv
CAPITULO VIII............................................................................................... 158
8. MANUAL DE USUARIO ......................................................................... 158
8.1. INTRODUCCIN .............................................................................. 158

8.2. OBJETIVOS DE ESTE MANUAL ...................................................... 158
8.3. CONOCIMIENTOS BSICOS ........................................................... 158
8.4. INICIANDO LA VISTA DEL SITIO WEB DEL CTB............................ 159
8.4.1. Inicio: Home, Pgina Principal .................................................... 159
8.4.2. Inicio: Buscar en Google ............................................................. 161
8.4.3. Quienes Somos: Misin .............................................................. 162
8.4.4. Quienes Somos: Visin .............................................................. 163
8.4.5. Quienes Somos: Origen ............................................................. 164
8.4.6. Quienes Somos: Instalaciones ................................................... 165
8.4.7. Informacin: Requisitos Para Matricula ...................................... 166
8.4.8. Informacin: Uniforme del Colegio.............................................. 167
8.4.9. Informacin: SRI del Colegio ...................................................... 168
8.4.10. Informacin: Distributivo 2011 del Colegio ................................. 169
8.4.11. Informacin: Permiso de Funcionamiento .................................. 170
8.4.12. Contctenos: Direccin ............................................................... 171
8.4.13. Contctenos: Comentarios ......................................................... 172
8.4.14. Contctenos: Recursos Humanos .............................................. 173
8.4.17. CTB Social: Inicio CTB Social..................................................... 176
8.4.18. Acceso Para Usuarios Registrados ............................................ 177
8.4.19. Opcin para recuperar datos del usuario .................................... 177
8.4.20. Opcin Bsqueda sencilla de personas ...................................... 178
8.4.21. Bsqueda Avanzada de Personas.............................................. 179
8.4.22. Inicio del Usuario en CTB Social ................................................ 179
8.4.23. CTB Social: Usuario: Perfil ......................................................... 180
8.4.24. CTB Social: Usuario: Cambiar Foto de Perfil .............................. 182
8.4.25. CTB Social: Usuario: Amigos ..................................................... 183
8.4.26. CTB Social: Usuario: Aplicaciones ............................................. 184
8.4.27. CTB Social: Usuario: Bandeja de Entrada .................................. 184
8.4.28. CTB Social: Registrar Nuevo Usuario ......................................... 185
8.4.29. CTB Social: Entrar Chat Online .................................................. 186
8.4.30. Mi Cuenta: Acceder, Salir ........................................................... 187
xv
8.4.31. Smbolos Patrios: Himno Nacional ............................................. 188
8.4.32. Smbolos Patrios: Himno a la Bandera ....................................... 189
8.4.33. Smbolos Patrios: Himno al Cantn Bucay ................................. 190
8.4.34. Calendario de Eventos ............................................................... 191
8.4.35. Descargas: Imgenes Disponibles ............................................. 192
8.4.36. Descargas: Documentos Disponibles ......................................... 193
8.4.37. Actividades Nacionales Recientes .............................................. 194
8.4.38. Contador de Visitas .................................................................... 194
8.4.39. Redes Sociales ........................................................................... 195
8.4.40. Bsqueda ................................................................................... 196
DICCIONARIO TCNICO .............................................................................. 198
xvi
UNIDAD ACADEMICA CIENCIAS DE LA INGENIERIA
DISEO E IMPLEMENTACIN DE UN SITO WEB PARA EL COLEGIO A

DISTANCIA TCNICO BUCAY
RESUMEN
Debido a la falta de informacin oportuna por parte del Colegio a Distancia

Tcnico Bucay hacia todos usuarios que residen dentro y fuera del cantn
sobre las actividades importantes como fecha de matriculas, informacin de
docentes, interaccin de alumnos profesores, eventos importante en general
que realiza la institucin. Es necesario para toda institucin educativa, sobre
todo por tratarse de un Colegio a Distancia poder darse a conocer los
beneficios, infraestructura y todo tipo de informacin importante en el tiempo
adecuado, para poder al usuario proporcionar una informacin veraz,
oportuna y de calidad.
Esto conlleva a la elaboracin de un Sitio Web para subirlo en la gran red

como es el internet, este nos ayudara a mejorar la actual forma de hacerse
conocer de la institucin, ser un medio de difusin de gran agrado y
confortable para los usuarios. Lo que deseamos lograr con la creacin de este
Sitio web es llegar a un grupo ms extenso de usuarios e incentivar a los
mismos a prepararse con nuestros estudios a distancia para aquellas
personas que no cuentan con tiempo completo para estudiar por las distintas
razones que lo impiden, adems de mantener mejor informado a tiempo a los
estudiantes sobre todas las actividades que realiza el colegio.
17
STATE UNIVERSITY OF MILAGRO
UNIT ACADEMIC OF ENGINEERING SCIENCES
DISEO E IMPLEMENTACIN DE UN SITO WEB PARA EL COLEGIO A

DISTANCIA TCNICO BUCAY
ABSTRACT
Due to the lack of timely information by the Colegio a Distancia Tcnico

Bucay to all users who reside within and outside the canton of major activities
as the date of enrollment, educational information, interaction of students,
teachers, and important events in general performs institution. It is necessary
for any educational institution, mostly because it is a distance from school to
be known benefits, infrastructure and all kinds of important information in a
timely manner, so that the user provide accurate, timely and quality.
This leads to the development of a Web site to upload it on the big network
like the Internet, this will help us to improve the current way to get to know
the institution, be a means of dissemination of great pleasure and comfort for
users. What we want to achieve with the creation of this website is to reach a
wider group of users and encourage them to prepare with our distance
learning for those who do not have full-time study for various reasons that
prevent besides maintaining better informed time students on all activities of
the college.
18
INTRODUCCIN
La tecnologa est avanzando cada vez ms a paso acelerado y con ello

extendindose a todos los lugares del mundo, una de estas es el internet el
cual est libre para que cualquier usuario que desee tenga acceso a esta gran
red y pueda interactuar con otras personas, llegando a cualquier lugar del
mundo con la informacin, de una manera cmoda, sencilla, eficaz y sobre
todo rpida siendo as el medio de comunicacin que ha tenido una mayor
acogida en nuestra sociedad actual que ya forma parte del ciberespacio.
En la actualidad el tratamiento de la informacin es automatizado, ya que por

los grandes cambios causados por el internet es vital hoy en da, para toda
institucin formar parte de la web, ya que esto le permite estar en constante
comunicacin con su entorno e inclusive con el mundo entero.
Atreves del internet muchas de las empresas de dan a conocer brindando as

servicios de todo tipo ya sean buenos como: investigaciones, transacciones,
compra, venta, chat en lnea, etc. Pero tambin esta lo malo como son: los
fraudes, pornografa, hackers, etc. Convirtindolo as en un factor neutro en
nuestra sociedad.
Es por esta razn que el internet se ha convertido en un objetivo primordial

para todas las empresas ya sean grandes o pequeas en tener un sitio web
donde pueda darse a conocer de una manera ms amplia, cmoda sobre todo
con un ambiente ms atractivo para el usuario y presentar los servicios que
cada empresa ofrece de acuerdo con las necesidades que busca satisfacer
cada ciudadano en la red.
Es as como el Colegio fiscal a Distancia Tcnico Bucay, ubicado en el

Cantn Gral. Elizalde Bucay es una institucin progresista, por este motivo
ve la necesidad de crear e implementar el diseo de su pgina web siendo
19
una excelente aportacin que los sita como una institucin educativa acorde
con los avances tecnolgicos.
El desarrollo e implementacin del presente proyecto permitir que la

comunicacin entre los padres de familia, estudiantes, personal docente,
administrativo y directivos del plantel mejore considerablemente, en especial
con los padres de familia que por razones laborales se encuentran lejos del
hogar y antes no se podan poner al tanto de lo que sucede dentro de la
institucin.
A travs de sitio web del Colegio fiscal a Distancia Tcnico Bucay la

institucin educativa desea dar a conocer mejor su excelente labor, dentro
pero tambin fuera del Cantn Gral. Elizalde, exponiendo en la misma
informacin sobre sus instalaciones fsicas, los servicios y alternativas que se
ofrece a la comunidad estudiantil, su metodologa de pedaggica, actividades
que se planifican mensualmente durante todo el periodo lectivo.
El Sitio Web del Colegio a Distancia Tcnico Bucay permitir tambin

mantener una interaccin entre estudiantes y profesores, en donde los
mismos podrn realizar cualquier consulta a los profesores a travs de la Red
Social del Colegio donde podrn despejar cualquier inquietud en los das de
no asistencia a clase.
20
21
CAPTULO I
1. EL PROBLEMA
1.1. PLANTEAMIENTO DEL PROBLEMA
1.1.1. Problematizacin
Existe un bajo ndice de publicidad para darse conocer en los lugares lejanos
sobre los servicios de educacin que brinda el colegio a distancia Tcnico
Bucay, ubicado en el cantn Gral. Elizalde.
Desconocimiento del periodo de duracin de las matriculas.
Inexperiencia o duda de los requisitos para el proceso de matrcula para

alumnos por primera vez.
Desconocimiento de los eventos importantes que realiza la institucin
Carencia de informacin sobre las especialidades que ofrece la institucin

educativa.
Desconocimiento de los beneficios y estructura que brinda el establecimiento.
Comunicacin nula con los profesores de la institucin en los das que no hay
clases
Comunicacin escasa con los compaeros del colegio por cuestiones ya sean
de trabajo o por vivir en lugares demasiados distantes.
22
Pronstico
La no automatizacin de la publicidad va internet evitara extenderse a la

institucin y ganarse una mayor acogida as como ser ms conocida por la
sociedad por ofrecer un excelente servicio educativo acorde con las
necesidades del estudiante.
Control de Pronstico
Proponer un sitio web que contenga informacin relevante de la institucin y

sobre todo a tiempo complaciendo equitativamente a toda la sociedad puesto
que tendrn la comodidad de acceder a ella desde cualquier parte.
1.1.2. Delimitacin del problema
Objeto de estudio: Mejorar la publicidad de la institucin.

Campo de accin: Cantn Gral. Elizalde y sus alrededores
Lugar: Colegio a Distancia Tcnico Bucay
Tiempo: 6 meses
1.1.3. Formulacin del problema
Por qu existe un bajo ndice de publicidad para darse a conocer en los

lugares lejanos sobre los servicios de educacin que brinda el colegio a
distancia tcnico Bucay del cantn Gral.?Elizalde?
1.1.4. Sistematizacin del problema
Cmo incide la falta de difusin en el desconocimiento del periodo de

duracin de las matriculas?
23
En qu forma afecta la falta de informacin oportuna en la inexperiencia o
duda de los requisitos para el proceso de matrcula para alumnos por primera
vez?
En qu forma afecta la falta de difusin en el desconocimiento de los

eventos que realiza la institucin?
Cmo afecta la falta de publicidad en la carencia de informacin sobre las

especialidades que ofrece la institucin?
Cmo afecta la poca publicidad en el desconocimiento de los beneficios que

brindan el establecimiento?
De qu manera incurre el lugar de residencia distante en la comunicacin

nula con los docentes en los das que no hay clase?
En qu forma incurre la carencia de tiempo en la comunicacin escasa con

los compaeros por cuestiones de trabajo?
Qu acciones tomara el colegio para lograr ser reconocido y llevar su

formacin sobre los servicios ofrecidos a todos los lugares ms lejanos?
1.1.5. Determinacin del tema
Diseo e implementacin de un Sito Web para el Colegio Fiscal a Distancia

Tcnico Bucay ubicado en el Cantn Gral. Elizalde.
24
1.2. OBJETIVOS
1.2.1. Objetivo general de la investigacin
Analizar las causas que originan el bajo ndice de publicidad sobre los
servicios educativos que brinda el colegio a Distancia Tcnico Bucay del
cantn Gral. Elizalde
1.2.2. Objetivos especficos de la investigacin
Crear un sitio web para brindar informacin oportuna del periodo de

matriculacin.
Desarrollar una pgina web para brindar informacin oportuna de
los requisitos para el proceso de matriculacin
Disear un sitio web para la publicacin de eventos importantes
que la institucin realizara durante el periodo lectivo.
Crear un sitio web para presentar las diversas alternativas de
especialidades que ofrece la institucin
Proponer un espacio web done se presentara los beneficios y
estructura que brinda la institucin educativa
Disear un espacio web donde los estudiantes puedan despejar
dudas realizando consultas a su profesor.
Implementar un espacio web en el cual los estudiantes del Colegio
Tcnico Bucay puedan interactuar entre ellos
Disear un sitio web como medio principal de difusin que brinde
informacin oportuna y relevante para evitar que se presenten
ciertos inconvenientes y as lograr alcanzar una mayor acogida y
reconocimiento.
25
1.3. JUSTIFICACIN
1.3.1. Justificacin de la investigacin
Las instituciones de educacin actualmente se vuelven ms competitivas en

su rama, adoptando nuevas estrategias para garantizar una buena educacin.
Estas adoptan herramientas para optimizar los procesos, basado en los
actuales enfoques tecnolgicos, con el propsito de plantearse metas que
permitan alcanzar los planes estratgicos del centro educativo.
Con el desarrollo e implementacin de un sitio web como medio de

informacin, difusin ampliaremos la publicidad y se brindar informacin
oportuna y veraz sobre la institucin, adems facilitar un excelente servicio
ms cmodo con una interfaz atractiva y llamativa para el usuario. Logrando
as resolver tambin algunos contratiempos en lo que respecta a la
informacin actualizada y oportuna a la cual podrn tener acceso cualquier
persona desde cualquier lugar que se encuentren, aumentando as la
credibilidad a su vez tambin ser reconocido dentro y fuera de la zona,
ofreciendo el mejor servicio, atencin e informacin a las personas del cantn
Gral. Elizalde y sus alrededores.
A su vez el Sitio Web tambin contara con una pequea red social donde los
estudiantes, profesores, padres de familia y dems usuarios podrn
interactuar entre ellos, en donde alumnos y profesores crearan sus propios
grupos dependiendo del curso al cual pertenecen, de esta forma podrn
realizar cualquier pregunta o duda que tengan cuando no lo puedan hacer en
das fuera de clase, pese a que los das de clase que la institucin brinda solo
son fines de semana por la razn de ser un colegio a distancia.
Siendo de gran ayuda porque de esta manera los estudiantes no tendrn que
esperar a que lleguen los fines de semana para despejar sus inquietudes sino
que lo podrn hacer por medio de esta pequea red social que se encuentra
en el Sitio web de Colegio a Distancia Tcnico Bucay.
26
Consideramos que este proyecto es viable para ser desarrollado puesto que
somos profesionales en formacin de la carrera de ingeniera en sistemas de
la unidad acadmica ciencias de la ingeniera de la Universidad Estatal de
Milagro, y tambin contamos con el apoyo de las autoridades, docentes
profesionales tcnicos y personal administrativo del plantel.
27
28
CAPTULO II
2. MARCO REFERENCIAL
2.1. MARCO TERICO
2.1.1. Antecedentes histricos
En comparacin con otras tecnologas, la computadora personal ha

evolucionado en un periodo muy corto. Los desarrollos han sido
impresionantes y no han cesado de ocurrir. En el lapso de tan solo dos
dcadas, la PC ha pasado de ser un pasatiempo novedoso para convertirse
en una herramienta de flexibilidad y capacidades inmensas que se encuentran
en millones de hogares y negocios.
Por el tremendo impacto de las computadoras y las redes de computadoras

en la sociedad durante la dcada pasada, a ste perodo se la ha denominado
era de la informacin. La productividad y el rendimiento de las
organizaciones y personas han aumentado de forma significativa con el uso
de estas herramientas. Conforme las personas van descubriendo la potencia
de las computadoras y de las redes de comunicacin para su uso profesional,
personal y domestico, esta tendencia se va acelerando a grandes pasos. Las
transacciones de las grandes organizaciones estn basadas especficamente
en las redes de computadoras.
Los avances de la tecnologa en los sistemas de comunicacin brindan a las

empresas la oportunidad de utilizar servicios de valor agregado. Internet
proporciona en la actualidad el servicio de mensajera ms grande del mundo,
29
el cual acta como un sistema de mensajera gil y eficaz en el envo y
recepcin de informacin, optimizando as el uso de los sistemas de cmputo.
El Colegio Fiscal a Distancia Tcnico Bucay fue creado el 29 de Junio de
1996 segn el Acuerdo Ministerial N 3493, convirtindose en la
nica institucin fiscal en ofertar este tipo de estudios a nivel de nuestra
provincia. Desde entonces y hasta el momento hemos venido brindando esta
modalidad de estudios, la que ha tenido gran acogida de manera particular
para las personas que no disponen de tiempo entre la semana.
Considerando que el Colegio Fiscal a Distancia Tcnico Bucay oferta el
Bachillerato Tcnico Industrial en Agricultura, Electricidad, Industria del
Vestido y Manualidades, el mismo que se encuentra ubicado en el Cantn
Gral. Antonio Elizalde BUCAY, sector de gran auge comercial y agrcola, con
la particularidad que limita con las provincias de Chimborazo, Bolvar y Los
Ros, donde atendiendo a los jvenes, adultos hombres y mujeres con
anhelos de superacin; que por razones diferentes no han podido continuar
con sus estudios secundarios en la educacin regular, viendo la opcin de
continuar su preparacin se acogen nuestra modalidad de estudios a travs
de mdulos de auto aprendizaje, de las diferentes herramientas tecnolgicas
del momento, y con la ayuda de las tutoras que se dan los sbados y
domingos.
Por tal razn nos hemos visto en la necesidad de crear e implementar un sitio
web que nos ayude a llegar a todos los rincones del cantn e inclusive del
pas para as ofrecer nuestros servicios educativos a las personas que buscan
un estudio a distancia por no disponer de tiempo completo.
A travs de la implementacin de este sitio web, nos ayudara a informar a la

ciudadana de cada uno de los eventos que el colegio vaya a realizar,
otorgando as un elevado aporte para la satisfaccin de los mismos, una
razn ms sabiendo que este medio es de libre acceso y que todo el mundo
ya hace uso de esta tecnologa en pleno siglo XXI.
30
2.1.2. Antecedentes referenciales
La actual crisis econmica en muchos pases del mundo es uno de los

factores ms importantes que afectan a las instituciones educativas fiscales.
Sin embargo, esta problemtica generalmente se da en las instituciones

fiscales, puesto que muchas veces no cuentan con un presupuesto suficiente
para poder adquirir un sistema automatizado, por lo que estos procesos de
matriculacin y consultas se realizan de forma manual.
En los pases desarrollados no es notable este tipo de problema pues poseen

otros ingresos contando as con un presupuesto suficiente para la poder
adquirir un sistema automatizado y brindar a la ciudadana una mejor atencin
dando tambin a conocer informacin oportuna y respondiendo a cualquier
pregunta o duda que tengan los ciudadanos con respecto al establecimiento,
evitando as que se presenten inconvenientes en el proceso de matriculacin.
Pese a esto nuestro pas tambin se ve afectado por la actual situacin

econmica y la mayor parte de los ecuatorianos son de bajos recursos
econmicos, la ciudadana busca reducir de alguna manera sus egresos
optando por matricular a sus hijos en instituciones educativas fiscales.
En nuestro pas la educacin en instituciones fiscales es gratuita debido a la

nueva reforma dictada por el gobierno ecuatoriano, por lo cual es difcil para
las instituciones educativas obtener un presupuesto que permita la obtencin
de un sistema automatizado, por lo tanto, los procesos siguen realizndose
manualmente en la mayor parte de los colegios fiscales.
Este problema afecta principalmente a las instituciones fiscales,

presentndose muchas dificultades e inconvenientes por falta de la
automatizacin.
31
Es as tambin como el colegio a distancia tcnico Bucay del cantn Gral.
Elizalde tambin es una de las instituciones afectadas por no contar con un
sistema automatizado por falta de recursos econmicos. Los procesos en el
establecimiento tambin se lo realizan de forma manual, tomando ms tiempo
de lo adecuado y presentndose varios inconvenientes en el proceso.
Otro factor es que la falta de informacin oportuna sobre los lmites de

periodos de matriculacin ocasiona que los estudiantes no presenten a tiempo
los documentos y requisitos necesarios, causando lentitud en estos procesos.
Por otro lado tambin el poder realizar alguna consulta o despejar alguna
duda que tengan los estudiantes no es posible actualmente pese a que por
ser un colegio a Distancia los estudiantes y profesores pueden mantener
contacto los fines de semana en las jornadas de clase, los alumnos necesitan
poder tener una forma en la cual puedan realizar este tipo de consultas sin
ocasionar molestias o algn tipo de percance que lo impida.
2.2. MARCO CONCEPTUAL
Automatizacin: Realizar actualizacin de procesos, es decir reemplazar los

trabajos realizados por personas que lo realizan a mano por las computadoras
que se encarga de procesar de una manera ms rpida y precisa.
Difusin: Realizar propagandas, publicidad para hacerse conocer por la

ciudadana sobre alguna empresa o institucin y dar a conocer los servicios o
productos que ofrece.
Fiscal: Institucin educativa que se encuentra a cargo del gobierno.
Proceso: Conjunto de actividades manuales o pasos que, realizadas en

forma secuencial, conforman un sistema.
32
Internet: es un conjunto descentralizado de redes de
comunicacin interconectadas que utilizan la familia de protocolos TCP/IP,
garantizando que las redes fsicas heterogneas que la componen funcionen
como una red lgica nica, de alcance mundial. Sus orgenes se remontan
a 1969, cuando se estableci la primera conexin de computadoras, conocida
como ARPANET, entre tres universidades en California y una
en Utah, Estados Unidos.
World Wide Web (WWW): Es un sistema de distribucin de informacin

basado en hipertexto o hipermedios enlazados y accesibles a travs
de Internet. Con un navegador web, un usuario visualiza sitios web
compuestos de pginas web que pueden contener texto, imgenes, videos u
otros contenidos multimedia, y navega a travs de ellas usando hiperenlaces.
Correo electrnico: Es un servicio de red que permite a los usuarios enviar y

recibir mensajes rpidamente (tambin
denominados mensajes electrnicos o cartas electrnicas) mediante sistemas
de comunicacin electrnicos. Principalmente se usa este nombre para
denominar al sistema que provee este servicio en Internet, mediante el
protocolo SMTP, aunque por extensin tambin puede verse aplicado a
sistemas anlogos que usen otras tecnologas. Por medio de mensajes de
correo electrnico se puede enviar, no solamente texto, sino todo tipo de
documentos digitales. Su eficiencia, conveniencia y bajo coste estn logrando
que el correo electrnico desplace al correo ordinario para muchos usos
habituales.
Simple Mail Transfer Protocol (SMTP): Protocolo Simple de Transferencia

de Correo, es un protocolo de la capa de aplicacin. Protocolo de red basado
en texto utilizado para el intercambio de mensajes de correo
electrnico entre computadoras u otros dispositivos.
HTML: siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto),

es el lenguaje de marcado predominante para la elaboracin de pginas web.
33
Es usado para describir la estructura y el contenido en forma de texto, as
como para complementar el texto con objetos tales como imgenes. HTML se
escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>).
HTML tambin puede describir, hasta un cierto punto, la apariencia de un
documento, y puede incluir un script (por ejemplo Javascript), el cual puede
afectar el comportamiento de navegadores web y otros procesadores de
HTML.
Script.- Un script (cuya traduccin literal es guin) o archivo de

rdenes o archivo de procesamiento por lotes, es un programa usualmente
simple, que por lo regular se almacena en un archivo de texto plano. Los
script son casi siempre interpretados, pero no todo programa interpretado es
considerado un script. El uso habitual de los scripts es realizar diversas tareas
como combinar componentes, interactuar con el sistema operativo o con el
usuario.
Pgina Web.- Una pgina Web, tambin conocida como una pgina
de Internet, es un documento electrnico adaptado para la Web, que
generalmente forma parte de un sitio Web. Su principal caracterstica son los
hipervnculos de una pgina, siendo esto el fundamento de la Web.
Una pgina Web est compuesta principalmente por informacin (slo texto o
mdulos multimedia) as como por hiperenlaces; adems puede contener o
asociar datos de estilo para especificar cmo debe visualizarse, y
tambin aplicaciones embebidas para hacerla interactiva.
Javascript.- Javascript es un lenguaje de programacin interpretado dialecto

del estndar ECMAScript. Se define como orientado a objetos , basado en
prototipos, imperativo, dbilmente tipiado y dinmico.
Se utiliza principalmente en su forma del lado del cliente (client-side),
implementado como parte de un navegador web permitiendo mejoras en
la interfaz de usuario y pginas web dinmicas, aunque existe una forma de
Javascript del lado del servidor (Server-side Javascript o SSJS). Su uso en
34
aplicaciones externas a la web, por ejemplo en documentos PDF,
aplicaciones de escritorio (widgets) es tambin significativo.
Joomla.- Es un sistema de gestin de contenidos, y entre sus principales

virtudes est la de permitir editar el contenido de un sitio web de manera
sencilla. Es una aplicacin de cdigo abierto programada mayoritariamente
en PHP bajo una licencia GPL. Este administrador de contenidos puede
trabajar en Internet o intranets y requiere de una base de datos MySQL, as
como, preferiblemente, de un servidor HTTP Apache.
Software de cdigo abierto.- (En ingls open source software u OSS) es

aquel software cuyo cdigo fuente y otros derechos que normalmente son
exclusivos para aquellas personas que poseen los derechos de autor, son
publicados bajo una licencia de software compatible con la Open Source
Definition o que forman parte del dominio pblico. Esto les permite a los
usuarios utilizar, cambiar y mejorar el software, y redistribuirlo, ya sea en su
forma modificada o en su forma no modificada.
Una base de datos o banco de datos.- (En ocasiones abreviada B. D. D.) es

un conjunto de datos pertenecientes a un mismo contexto y almacenados
sistemticamente para su posterior uso. En este sentido, una biblioteca puede
considerarse una base de datos compuesta en su mayora por documentos y
textos impresos en papel e indexados para su consulta. En la actualidad, y
debido al desarrollo tecnolgico de campos como la informtica y
la electrnica, la mayora de las bases de datos estn en formato digital
(electrnico), que ofrece un amplio rango de soluciones al problema de
almacenar datos.
Un programa informtico.- Es un conjunto de instrucciones que una vez

ejecutadas realizarn una o varias tareas en una computadora. Sin
programas, estas mquinas no pueden funcionar correctamente. Al conjunto
general de programas, se le denomina software y as, se refiere al
equipamiento lgico o soporte lgico de una computadora digital.
35
PC.- Una computadora personal u ordenador personal, tambin conocida
como PC (sigla en ingls de personal computer), es
una microcomputadora diseada en principio para ser usada por una sola
persona a la vez. (En el habla habitual, las siglas PC se refieren ms
especficamente a la computadora compatible IBM PC.) Una computadora
personal es generalmente de tamao medio y es usado por un solo usuario
(aunque hay sistemas operativos que permiten varios usuarios
simultneamente, lo que es conocido como multiusuario).
Una computadora personal suele estar equipada para cumplir tareas comunes
de la informtica moderna, es decir permite navegar por Internet, escribir
textos y realizar otros trabajos de oficina adems de escuchar msica, ver
videos, jugar, estudiar, etc.
Usuario.- Es la persona que utiliza o trabaja con algn objeto o que es

destinataria de algn servicio pblico, privado, empresarial o profesional.
Ssitio web.- Es una coleccin de pginas web relacionadas, imgenes,

vdeos u otros archivos digitales tpicamente comunes a un dominio de
Internet o subdominio en la World Wide Web en Internet.
Hypertext Transfer Protocol o HTTP.- (En espaol protocolo de

transferencia de hipertexto) es el protocolo usado en cada transaccin de
la World Wide Web. HTTP fue desarrollado por el World Wide Web
Consortium y la Internet Engineering Task Force ...Es un protocolo orientado
a transacciones y sigue el esquema peticin-respuesta entre un cliente y un
servidor.
Servidor Web.- Es un programa que est diseado para

transferir hipertextos, pginas web o pginas HTML (HyperText Markup
Language): textos complejos con enlaces, figuras, formularios, botones y
objetos incrustados como animaciones o reproductores de msica. El
programa implementa el protocolo HTTP (HyperText Transfer Protocol) que
pertenece a la capa de aplicacin del modelo OSI. El trmino tambin se
emplea para referirse al ordenador que ejecuta el programa.
36
Alojamiento web.- (En ingls web hosting) es el servicio que provee a los
usuarios de Internet un sistema para poder almacenar informacin, imgenes,
vdeo, o cualquier contenido accesible va Web. Es una analoga
de hospedaje o alojamiento en hoteles o habitaciones donde uno ocupa un
lugar especfico, en este caso la analoga alojamiento web o alojamiento de
pginas web, se refiere al lugar que ocupa una pgina web, sitio web,
sistema, correo electrnico, archivos etc. En Internet o ms especficamente
en un servidor que por lo general hospeda varias aplicaciones o pginas web.
Servidor.- En informtica, un servidor es una computadora que, formando

parte de una red, provee servicios a otras computadoras denominadas
clientes.
Cliente- Servidor.- Esta arquitectura consiste bsicamente en un cliente que

realiza peticiones a otro programa (el servidor) que le da respuesta. Aunque
esta idea se puede aplicar a programas que se ejecutan sobre una sola
computadora es ms ventajosa en un sistema operativo multiusuario
distribuido a travs de una red de computadoras.
En esta arquitectura la capacidad de proceso est repartida entre los clientes
y los servidores, aunque son ms importantes las ventajas de tipo
organizativo debidas a la centralizacin de la gestin de la informacin y la
separacin de responsabilidades, lo que facilita y clarifica el diseo del
sistema.
La publicidad.- Es una manera de informar al pblico sobre un producto o

servicio a travs de los medios de comunicacin con el objetivo de motivar
al pblico hacia una accin de consumo.
Adobe Dreamweaver.- Es una aplicacin en forma de estudio (basada en la

forma de Adobe Flash) enfocada a la construccin y edicin de sitios
y aplicaciones Web basados en estndares. Creado inicialmente
por Macromedia (actualmente producido por Adobe Systems). Es el programa
de este tipo ms utilizado en el sector del diseo y la programacin web, por
sus funcionalidades, su integracin con otras herramientas como Adobe
37
Flash y, recientemente, por su soporte de los estndares del World Wide Web
Consortium.
PHP (Hipertext Preprocessor).- Es un lenguaje de programacin usado

frecuentemente para la creacin de contenido para sitios web con los cuales
se puede programar las paginas HTML y los cdigos de fuente. PHP se trata
de un lenguaje interpretado usado para la creacin de aplicaciones para
servidores, o creacin de contenido dinmico para sitios web. Php se instala
en el servidor y funciona con versiones de apache. PHP permite la conexin a
numerosas bases de datos, incluyendo MySQL, Oracle, ODBC, etc. Y puede
ser utilizado en la mayora de los sistemas operativos (Windows, Mac OS,
Linux, Unix).
MySQL.- Es un gestor de base de datos sencillo de usar e increblemente

rpido, tambin es uno de los motores de base de datos, ms usados en
internet, la principal razn de esto es que es gratis para aplicaciones no
comerciales.
Apache Friends XAMPP.- Es un paquete que permite instalar varios tipos de

servidores en el sistema en pocos minutos, incluye el servidor web apache,
los servidores de base de datos MySQL y SQLite, sus respectivos gestores
PhpMyAdmin y PhpSQLiteAdmin.
Apache.- Es un programa de servidor HTTP web de cdigo abierto, fue

desarrollado en 1995 y actualmente es uno de los servidores web ms
utilizados en la red. Usualmente corre en UNIX, Linux, BSD y Windows. Es un
poderoso paquete de servidor web con muchos mdulos que se le pueden
agregar y que se consiguen gratuitamente en el internet.
Tablas.- En base de datos se refiere al tipo de modelamiento de datos, donde

se guardan los datos recolectados por un programa. Unidad donde se creara
el conjunto de datos recolectados por un programa, estos datos estarn
ordenados en columnas verticales.
38
Cada tabla debe tener un nombre nico en la base de datos, asindola
accesible mediante su nombre o su sinnimo.
Campo.- Son los distintos tipos de datos que componen la tabla, por ejemplo:
nombre, apellido, domicilio, la definicin de un campo requiere: el nombre del
campo, el tipo de campo, ancho del campo, etc.
El campo puede ser definido como ndice o auto incrementable, lo cual
permite que los datos de ese campo cambien solos o sea el principal indicar a
la hora de ordenar los datos contenidos.
Photoshop.- Es una aplicacin informtica para pintura y fotografa, est

destinado para la edicin, retoques fotogrficos, pintura a base de imgenes.
Trabaja con capas donde se puede aplicar una serie de efectos, textos, etc.
Es el estndar de facto en retoque fotogrfico, pero tambin se usa en
extensivamente en multitud de disciplinas del campo del diseo y fotografa,
como diseo web, composicin de imgenes, estilo digital, fotocomposicin
edicin y grafismo de video y bsicamente en cualquier actividad que requiera
un tratamiento de imgenes digitales.
Ilustrator.- Es una aplicacin en forma de taller de arte que trabaja sobre un

tablero de dibujo, conocido como mesa de trabajo, y est destinado a la
creacin artstica de dibujo y pintura para ilustracin.
Ilustrator contiene creativas, un acceso ms sencillo a las herramientas y una
gran versatilidad para producir rpidamente grficos flexibles cuyos usos se
dan en impresin, video, publicaciones en la web y dispositivos mviles, las
extensiones de sus archivos es .AI (Adobe Ilustrator).
Flash.- Flash es un programa que nos permite desarrollar aplicaciones

interactivas como: animaciones, mens, pelculas, juegos, etc. Aunque al
principio puede parecer un poco complicado, una vez dominadas las
herramientas bsicas se podr aprender el resto sin ningn problema.
Flash est basado en imgenes vectoriales, lo cual permite ajustar el tamao
de las imgenes sin que ellas se pxelen. Resulta sencillo incrustar este tipo
39
de animaciones en un cdigo HTML. Se puede crear excelentes
presentaciones.
Red Social.- Intervenir en una red social significa el estar con otras personas
que comparten nuestros intereses, preocupaciones o necesidades razn por
la cual el Sito Web del Colegio a Distancia Tcnico Bucay tendr una pgina
de una red social.
Las principales redes sociales que hoy en da estn ganando fuerte impacto
en la Web son las siguientes:
Facebook.- Es un sitio gratuito de redes, originalmente era un sitio para

estudiantes de la universidad Harvard, pero actualmente est abierto a
cualquier persona que tenga una cuenta de correo electrnico. Los usuarios
pueden participar en una o ms redes sociales. En relacin con su situacin
acadmica, su lugar de trabajo o regin geogrfica.
Hi5.- Es una red social lanzada en el 2003, el nmero de usuarios que tiene a
crecido rpidamente, la mayora de ellas en Amrica Latina, adems es uno
de los 40 sitios web ms visitados del mundo.
Hi5 es famoso por su interactividad, pues hace de una simple cuenta de
usuarios una especie de tarjeta de presentacin virtual; la cual est presente
en 23 idiomas populares.
Youtube.- Es un sitio web en el cual los usuarios pueden subir y compartir

videos. You Tube usa un reproductor en lnea basado en Adobe Flash servir
su contenido. Es muy popular gracias a la posibilidad de alojar videos
personales de manera sencilla. Aloja una variedad de clips de pelculas,
programas de televisin, videos musicales, as como contenido amateur como
videos blogs. Los enlaces a videos de You Tube pueden ser tambin puestos
en blogs y sitios web personales usando su direccin URL.
40
2.3. HIPTESIS Y VARIABLES
2.3.1. Hiptesis general
Implementar una pgina web para darse a conocer sobre los servicios
educativos que ofrece el colegio a Distancia Tcnico Bucay.
2.3.2. Hiptesis particulares
Un medio a travs del cual todas las personas puedan informarse del periodo
de matriculas en cada periodo lectivo.
Una pgina web en que las personas puedan informarse sobre los requisitos
previos a la matriculacin
Un espacio web en el cual la ciudadana pueda enterarse de los eventos

importantes que realiza la institucin.
Un medio mediante el cual los estudiantes y dems personas puedan

informarse de las distintas alternativas que pueden elegir en cuanto a la
especialidad.
Un espacio web a travs del cual todos los aspirantes a estudiar puedan
enterarse de los beneficios y estructura que brinda el Colegio Tcnico Bucay.
Un medio a travs del cual los estudiantes puedan tener acceso y realizar
alguna consulta o despejar alguna duda a su profesor los das no laborables.
Un espacio web mediante el cual los alumnos puedan interactuar entre

alumnos e intercambiar conocimientos con otros estuantes.
41
Implementando un sitio web se dar mayor publicidad logrando elevar as el
ndice de estudiantes as tambin como se hara ms conocida la institucin a
nivel Nacional.
2.3.3. Variables
Cuadro 1. Indicadores de las variables
DEPENDIENTES X INDEPENDIENTES Y
Servicios educativos que ofrece Una pgina web para darse a
el Colegio. conocer.
Periodo de matriculas en cada Un medio donde todas las

periodo lectivo. personas puedan informarse.
Los requisitos previos a la Pagina web en el cual las

matriculacin. personas puedan informarse.
Eventos importantes que realiza Espacio web en el cual la

la institucin. ciudadana pueda enterarse.
Alternativas que pueden elegir Medio mediante el cual los

en cuanto a la especialidad. estudiantes y dems personas
puedan informarse.
Beneficios y estructura que Un espacio web donde los
brinda el Colegio. aspirantes a estudiar puedan
enterarse.
Consulta o duda al profesor. Un medio a travs del cual los
estudiantes puedan realizar.
Alumnos e intercambiar Un espacio web mediante el cual

conocimientos con otros los alumnos puedan interactuar.
estuantes.
Fuente: Secretara General del Colegio T.B.
42
2.3.4. Operacionalizacin de variables
Cuadro 2. Variables dependientes e independientes
EMPRICAS INDICADOR
VE X: Servicios educativos X: Numero de servicios que se ofrece.
VE Y: Pagina web Y: Numero de ciudadanos que se informan
pblicamente al ao
VE X: Periodo de matricula X: Numero de personas que se entera del periodo
VE Y: Las personas puedan de matricula
informarse Y: Nmeros de personas que se informaron del
periodo de matrcula.
VE X: Requisitos de matricula X: Numero de padres de familia que desconocen
VE Y: Las personas puedan los requisitos necesarios.
informarse Y: Numero de padres de familia que no se
informaron oportunamente.
VE X: Eventos importantes X: Numero de personas que conocen los eventos a
VE Y: la ciudadana pueda enterarse realizar
Y: Numero de ciudadanos que se informaron de
los eventos
VE X: Alternativas en Especialidades X: Numero de ciudadanos que conocen de las
VE Y: Medio mediante el cual se especialidades
puedan informar Y: Medios de difusin publicitaria
VE X: Beneficios y estructura que X: Numero de ciudadanos que conocen de los
brinda el colegio. beneficios y estructura que se ofrece.
VE Y: Todos los aspirantes puedan Y: Numero de aspirantes que se informaron
enterarse. oportunamente.
VE X: Consulta o duda al profesor. X: Numero de estudiantes del plantel.
VE Y: Medio a travs del cual puedan Y: Medios por el cual se comunican.
comunicarse
VE X: Alumnos a intercambiar X: Numero de estudiantes matriculados en el
conocimientos. plantel.
VE Y: Medio a travs del cual puedan Y: Medios por el cual interactan entre
interactuar. compaeros.
VE X1: ndice de estudiantes X: Cantidad de estudiantes matriculados
VE Y1: Publicidad anualmente.
Y: Numero de visitas a la pagina
Fuente: Secretara General del Colegio T.B.
43
44
CAPTULO III
3. MARCO METODOLGICO
3.1. TIPO Y DISEO DEL LA INVESTIGACIN Y SU PERSPECTIVA GENERAL
Investigacin aplicada: Utilizaremos los conocimientos que logremos

conseguir, dependiendo de los resultados para resolver la problemtica.
Investigacin pura (bsica): Con esta investigacin podremos determinar el

nivel de conocimientos informativos que poseen sobre la institucin los
ciudadanos del cantn Gral. Elizalde.
Investigacin descriptiva: Mediante este estudio podremos tomar una parte

especfica de personas para nuestra encuesta y analizar su criterio sea este
positivo o negativo con respecto a la institucin educativa.
Correlacionar: A travs de este estudio podremos relacionar las variables de

la investigacin y obtener un nivel estadstico del resultado recolectado en
nuestra encuesta.
De campo: porque realizaremos una investigacin a las personas, en general

a estudiantes y padres de familia a travs de encuesta, entrevista.
Explicativo: estudiando y describiendo los casos que se presenten y las

causas por las que ocurre, sus variables y constantes utilizando mtodos
experimentales.
45
3.2. LA POBLACIN Y LA MUESTRA
3.2.1. Caractersticas de la poblacin
Se tomara en cuenta para nuestra investigacin a los padres de familia,

estudiantes, docentes y personal administrativo puesto que ellos sern los
beneficiados por la implementacin de este sitio web.
3.2.2. Delimitacin de la poblacin

La poblacin a tomar en cuenta para el estudio de las causa que originan
cierta desinformacin sobre los servicios, beneficios est compuesta por los
padres de familia, estudiantes, docentes y personal administrativo del cantn
Gral. Elizalde.
3.2.3. Tipo de muestra

Utilizaremos muestreo no probabilstico, para lo cual tomaremos 250
habitantes del cantn Gral. Elizalde en el 2010, seleccionados por cuotas a
padres de familia con hijos que tengan la edad comprendida entre 11 -18
aos.
3.2.4. Tamao de la muestra

Existen varios factores a tomar en cuenta, para calcular el tamao de la
muestra son:
Variabilidad.
Precisin.
Nivel de confianza.
Nivel de confianza es el porcentaje de seguridad que se tiene para

generalizar los resultados obtenidos. Su total seguridad equivale al 100 por
ciento Generalmente y en este estudio se usa el 95 por ciento esto para
lograr que el estudio se realice de manera correcta y posible.
46
Precisin o porcentaje de error es necesario para dar pauta a cualquier
posible error con respecto a la hiptesis que estudiaremos si se establece
que no existe riesgo de error se representara a cero pero dara lugar a que la
muestra sea del tamao de la poblacin, por ello es aconsejable que se
represente con el 4% o el 6% como error, tomando en cuenta que no son
complementarios la confianza y el error.
La variabilidad el porcentaje se dar por aceptada o rechazada la hiptesis

suele ser diferente de acuerdo a los que cada persona o institucin considere
como mayora ya sea el 75 por ciento.
Una vez que se han determinado estos tres factores, entonces se puede
calcular el tamao de la muestra. Debido a que la poblacin es finita la
formula a usar es la siguiente:
PQN
n
(N - 1 ) E 2 PQ
K
Donde:
n: Tamao de la Muestra.
N: Tamao de la poblacin.
PQ: Varianza de la poblacin con respecto a las principales caractersticas
que se van a representar. En un valor constante que equivale a 0.25
E: Error mximo admisible para las inferencias y las estimaciones. Un valor
que generalmente, vara entre 0.01 y 0.09.
(N-1): Es una correccin geomtrica que usa para muestras grandes,
mayores a 30.
K: Nivel con el que se va realizar el tratamiento de las estimaciones.
47
PQ = 0.25 N = 1521 E = 1% K = 4
PQN
n
(N - 1 ) E 2 PQ
K
0.25 *1521
n
(1520)0.0025 0.25
380.25
n
4.05
n 94
3.2.5. Proceso de seleccin
Para la seleccin de la muestra se tomara al azar un grupo de estudiantes del

Colegio a Distancia Tcnico Bucay, de igual manera se seleccionara
aleatoriamente a un grupo de ciudadanos que formaran parte de la muestra,
los cuales me ayudaran a recolectar informacin importante para
posteriormente analizarla y encontrar soluciones para la investigacin.
3.3. LOS MTODOS Y LAS TCNICAS
3.3.1. Mtodos tericos

Para el cumplimiento de las tareas se utilizaron los siguientes mtodos de
investigacin:
48
Histrico - lgico: Lo utilizaremos para determinar los antecedentes
histricos de la evolucin del Colegio a Distancia Tcnico Bucay en cuanto al
nivel anual de alumnos matriculados desde el inicio de creacin del
establecimiento, al igual que el nivel de aceptacin por parte de los
estudiantes.
Anlisis y Sntesis
Porque cada parte del problema ser analizado por separado: Los factores
que provocan la desinformacin, sus relaciones, opiniones para luego ser
analizado todo como un conjunto de cada factor que incide en la
problemtica.
3.3.2. Mtodos empricos
La Encuesta: Para determinar los criterios de los habitantes del cantn Gral.
Elizalde en cuanto al nivel de desinformacin, ya sea poco o ninguno que
existe y de los efectos que provocan.
Esta herramienta es la ms utilizada en nuestra investigacin, donde se utiliza

los cuestionarios como medio principal para conseguir informacin necesaria,
de esta manera las personas que intervienen en la misma pueden plasmar su
opinin.
La Entrevista: Para obtener opiniones del personal administrativo, docentes

de la institucin con respecto a cmo se gestionan los procesos de
informacin y publicidad para el establecimiento educativo.
3.3.3. Tcnicas e instrumentos
Entrevista No Estandarizada
Recopilando informacin por medio de entrevistas mismas que tendrn lugar

en el Colegio Tcnico a Distancia sern realizadas a la directora del rea
49
usando preguntas abiertas y as obtener la mayor cantidad de informacin
sobre las experiencias, puntos de vista y perspectivas del entrevistado
logrando llegar a descubrir las causas del problema.
3.4. PROPUESTA DE PROCESAMIENTO ESTADSTICO DE LA INFORMACIN
Con la encuesta podremos saber el porcentaje de ciudadanos que estn

debidamente informados de todos los acontecimientos del colegio, as
tambin como el nivel de difusin que posee la institucin anualmente.
Los datos recopilados de la Encuesta darn a conocer el estudio sobre el

porqu hay demasiada desinformacin y desconocimiento de la institucin
para de esta manera poder determinar cules son las causas que lo originan.
50
51
CAPTULO IV
4. ANALISIS E INTERPRETACIN DE RESULTADOS
4.1. ANALISIS DE LA SITUACIN ACTUAL
Cuadro 3. Anlisis FODA
FORTALEZA OPORTUNIDAD
Posee una gran acogida por parte de la Mejorar algunos servicios que ofrece la
ciudadana. institucin.
Cuenta con Infraestructura para las diferentes La nica institucin educativa a distancia
especialidades dentro del Cantn.
Talleres para realizar las diferentes practicas Oportunidad para personas de cualquier
de cada una de las especialidades edad que no disponga de tiempo.
DEBILIDADES AMENAZA
Una mala forma de publicidad de la Mala planificacin de alguna de las

institucin. actividades que realiza la institucin.
Mal mtodo de difundir informacin relevante. Ubicacin de la institucin un poco alejada

del centro.
Poca comunicacin de los directivos con
padres de familia. Propenso a algn desastre natural.
Poco apoyo a la institucin por parte del

gobierno.
Fuente: Personas encuestadas en Gral. Elizalde
52
4.2. R ESULTADOS DE LAS ENCUESTAS PARA CONOCER EL NIVEL DE
INFORMACIN DE LAS PERSONAS.
De las encuestas realizadas a las personas que fueron seleccionadas

aleatoriamente para nuestra investigacin hemos obtenido como resultado de
las encuestas realizadas. Los cuales podemos observar en el siguiente
anlisis.
4.3. GRFICOS ESTADSTICOS
4.3.1. Conoce UD de la existencia del Colegio a Distancia Tcnico

Bucay?
No
40%
Si
60%
Figura 1. Existencia del Colegio a Distancia Tcnico Bucay
Anlisis.
En la grafica podemos observar que un 60% de los encuestados si conoce de

alguna manera sobre la existencia del Colegio a Distancia Tcnico Bucay, por
otro lado tenemos con un 40% de los encuestados no saben sobre la
existencia del establecimiento educativo.
53
4.3.2. Conoce UD de los Servicios e infraestructura que ofrece esta
institucin educativa?
Si
41%
No
59%
Figura 2. Servicios e infraestructura del Colegio a Distancia Tcnico Bucay.
Anlisis.
Como podemos observar en el grafico estadstico un 59% de los encuestados

no conocen los servicios, ni la infraestructura con la que cuenta el Colegio a
Distancia Tcnico Bucay, en contra una minora con el 41% de alguna manera
si conoce de los servicios e infraestructura.
54
4.3.3. Por qu medio le gustara informarse acerca de las actividades
que realiza el Colegio a Distancia Tcnico Bucay?
Otro
16% Internet
35%
Radio
30%
Volantes
19%
Figura 3. Medios de Difusin.
Anlisis.
Los resultados de las encuestas nos muestran que un 35% de los

encuestados dicen que les agradara informarse de las actividades que realiza
la institucin por medio del internet, un 30% opinan que por medio de la radio,
as tambin con un 19% por medio de hojas volantes y un 16% opinan que
por otros diferentes medios.
55
4.3.4. Conoce UD de la fecha del periodo de matriculacin que tiene la
institucin?
Si
37%
No
63%
Figura 4. Periodo de matrculas del Colegio a Distancia Tcnico Bucay.
Anlisis.
En el grafico estadstico vemos que el 63% de las personas encuestadas no

tienen conocimiento acerca del periodo de matriculas del Colegio a Distancia
Tcnico Bucay y con un 37% de encuestados dicen de alguna manera si
conocer del periodo de matriculas.
56
4.3.5. Conoce UD los requisitos que necesita para matricularse los
estudiantes?
Si
39%
No
61%
Figura 5. Requisitos para obtener matricula en el Colegio Tcnico Bucay.
Anlisis.
En la grafica se puede observar que el 61% de las personas encuestadas no

tienen conocimiento de los das que dura el periodo de matriculas en el
Colegio a distancia Tcnico Bucay, el 39% de los encuestados por algn
medio si conoce del periodo de matriculas para los estudiantes.
57
4.3.6. Conoce UD de los eventos importantes que realiza la institucin?
Si
25%
No
75%
Figura 6. Eventos que realiza el Colegio Tcnico Bucay.
Anlisis.
En el resultado de las encuestas realizadas vemos que un 75% de los

encuestados coinciden en no conocer los eventos que realiza el Colegio a
Distancia Tcnico Bucay y que un 25% de los encuestados si conocen sobre
estos eventos realizados por la institucin educativa.
58
4.3.7. Sabe UD de las especialidades que ofrece la institucin?
Si
38%
No
62%
Figura 7. Especialidades que ofrece el Colegio Tcnico Bucay.
Anlisis.
En los resultados obtenidos de las encuestas podemos apreciar que el 62%

de los encuestados no conocen de las diferentes especialidades con las que
cuenta el Colegio a Distancia Tcnico Bucay, y vemos tambin que el 38% de
los encuestados de alguna forma si conoce sobre las especialidades que
ofrece la institucin.
59
4.3.8. Cree UD que la manera de darse a conocer del Colegio Tcnico
Bucay actualmente es?
Buena
2%
Regular
25%
Mala
73%
Figura 8. Forma de darse a conocer del Colegio Tcnico Bucay.
Anlisis.
En el grafico obtenido del resultado de las encuestas vemos que el 73% de

los encuestados opinan que la manera de como se hace conocer
actualmente el Colegio a Distancia Tcnico Bucay no es buena, un 25% de
los encuestados creen que la forma de darse a conocer es regular, y un 2%
cree por alguna razn que es una buena forma.
60
4.3.9. Por qu cree UD que existe demasiado desconocimiento sobre
los servicios que ofrece el Colegio a Distancia Tcnico Bucay?
Otro
14%
Falta de
Publicidad
32%
Residencia
Fuera del
Canton
26%
Medios no
Vistos
28%
Figura 9. Servicios que brinda el Colegio Tcnico Bucay.
Anlisis.
En el grafico nos muestra que el 32% de los encuestados estn de acuerdo

en que la falta de publicidad es la razn principal por la que existe demasiado
desconocimiento sobre los servicios que ofrece el Colegio a Distancia Tcnico
Bucay, un 28% opina que los medios que se utiliza actualmente quiz no son
muy vistos, el 26% dice que la razn sea porque el lugar donde viven muchos
esta fuera del cantn Gral. Elizalde y un 14% de encuestados dice que las
razones son otras.
61
4.3.10. Le gustara poder hacer consultas de trabajo a los profesores por
medio de una pgina web?
No
14%
Si
86%
Figura 10. Consultas de trabajo a los profesores del Colegio.
Anlisis.
En el resultado grafico vemos que un 86% de los encuestados estn de

acuerdo en que sera bueno que se les pueda hacer cualquier consulta de
trabajos a los profesores por medio de una pgina web, el 14% de los
encuestados por alguna razn dice no estar de acuerdo por varias razones
que quiz se lo impidan.
62
4.3.11. Le gustara poder comunicarse con sus compaeros
frecuentemente por medio de una pgina web?
No
14%
Si
86%
Figura 11. Frecuente comunicacin entre estudiantes.
Anlisis.
Como podemos ver en la grafica, un 86% de las personas encuestadas estn

de acuerdo y dicen querer mantenerse en comunicacin con sus compaeros
de clase por medio de una pgina web, y un 14% estn en contra por alguna
razn que dicen se lo impide.
63
4.3.12. Con que frecuencia entra UD a internet?
Todos lo Das
Otro 26%
36%
Nunca
5% Una vez pos
semana
33%
Figura 12. Uso frecuente del internet.
Anlisis.
En el resultado de las encuestas podemos ver que las 36% de los

encuestados dicen utilizar el internet en periodos diferentes por alguna razn,
un 33% dicen que al menos una vez por semana hacen uso del internet, un
26% dicen que hacen uso todos los das al menos por un corto tiempo, y 5%
dicen no hacer nunca uso del internet por alguna razn que se lo impiden.
64
4.3.13. Le gustara que la institucin sea conocida dentro y fuera
del cantn?
No Opina
No 10%
2%
Si
88%
Figura 13. El CTB sea conocido fuera del Cantn.
Anlisis.
En el resultado obtenido podemos observar que un 88% de los encuestados

estn totalmente de acuerdo que el Colegio a Distancia Tcnico Bucay deba
ser conocido tambin fuera del Cantn, un 10% de los encuestados prefieren
no opinar al respecto, y un 2% por alguna razn dicen no estar de acuerdo
con el tema.
65
4.3.14. Cree usted que la utilizacin del internet como medio de
informacin y publicidad seria de gran beneficio para los
ciudadanos?
No
18%
Si
82%
Figura 14. El internet como beneficio para todos.
Anlisis.
En el grafico estadstico podemos ver que un 82% de los encuestados dicen

que el uso del internet como medio de informacin y publicidad seria de gran
beneficio para todos los ciudadanos, y 18% dicen no estar de estar de
acuerdo con el tema.
66
4.3.15. Le gustara que el Colegio a Distancia Tcnico Bucay
cuente con un Sitio Web donde pueda encontrar toda la informacin
oportuna y necesaria?
No Opina
15%
No
1%
Si
84%
Figura 15. El Colegio Tcnico Bucay tenga su sitio web.
Anlisis.
En el grafico vemos que un 84% de los encuestados dicen estar totalmente de

acuerdo con que el Colegio a Distancia Tcnico Bucay cuente con un sitio
web donde ellos puedan encontrar fcilmente informacin sobre el mismo, un
15% de encuestados prefieren no dar su opinin sobre el tema y un 1% dice
no estar de acuerdo con el tema.
67
4.3.16. Cree UD que la creacin de un Sitio Web disminuir el alto
ndice de desconocimiento sobre la institucin educativa?
No Opina
24%
No
7%
Si
69%
Figura 16. ndice de desconocimiento acerca del Colegio Tcnico Bucay.
Anlisis.
En el resultado obtenido vemos que el 69% de los encuestados estn

totalmente de acuerdo en que la creacin de un sitio web para el Colegio a
Distancia Tcnico Bucay sera de gran ayuda para disminuir el alto ndice de
desconocimiento sobre la institucin, un 24% de los encuestados prefieren no
opinar al respecto, y un 7% cree que quiz no sera de ayuda esta opcin.
68
4.4. VERIFICACIN DE HIPTESIS
4.4.1. Hiptesis General
Nuestra hiptesis general est demostrada que el Colegio a Distancia Tcnico

Bucay no cuenta con un sitio web que le permita difundir las informaciones
respectivas de las distintas actividades y servicios que ofrece, produciendo
poco o ningn conocimiento en la ciudadana en general.
Para nuestro anlisis tomamos en consideracin la falta de difusin,

publicidad de las actividades y servicios que realiza el Colegio a Distancia
Tcnico Bucay, otro de los factores es el poco conocimiento de la ciudadana
hacia la institucin.
Con nuestro anlisis realizado podemos darnos cuenta que de la poblacin

estudiada el 73% cree que la forma de darse a conocer en la actualidad el
Colegio a Distancia Tcnico Bucay es mala e ineficaz, no proporciona
informacin suficiente (vase figura 8).
Tambin podemos darnos cuenta que el 60% de los encuestados tiene

conocimiento de alguna forma de la existencia del Colegio a Distancia
Tcnico Bucay, y l 59% no conoce acerca de los servicios e infraestructura
que brinda la institucin educativa (vase figura 1 y figura 2).
4.4.2. Hiptesis Particulares.
Uno de los principales problemas suscitados es la incorrecta manera de

difundir informacin por parte del Colegio Tcnico Bucay, el 75% de los
encuestados dicen conocer poco o casi nada de las diferentes actividades
que realiza la institucin educativa (vase figura 6), por lo que nuestra
hiptesis ha sido comprobada.
69
Tambin con el 63% de encuestados no conoce el tiempo que dura las
matriculas de cada periodo lectivo por lo cual tambin se suscita algn contra
tiempo, as tambin el 61 % de los encuestados no conoce algn requisito
para efectuar su matrcula a tiempo y por ende se presentan inconvenientes al
momento de adquirir una matrcula (vase figura 4 y figura 5).
El 32% de las personas encuestadas concluyeron que el motivo muy elevado

de desconocimiento sobre los servicios que ofrece el Colegio a Distancia
Tcnico Bucay se debe principalmente a la falta de publicidad (vase figura
9).
As tambin el 86% de los encuestados coinciden y estn absolutamente de

acuerdo en que necesitan una pgina web donde puedan hacer consulta de
trabajos a los profesores de la institucin y tambin poder mantenerse en
comunicacin con los compaeros de clase (vase figura 10 y figura11).
De igual manera tenemos que un 88% de personas encuestadas estn

totalmente de acuerdo en que el Colegio a Distancia Tcnico Bucay sea
conocido no solo dentro del cantn sino tambin que sea conocido fuera de
l, por otro lado un 84% dicen estar en absoluto acuerdo en que la institucin
cuente con un sitio web donde puedan tener acceso a informacin muy
importante desde cualquier parte y a cualquier hora (vase figura 13 y figura
15).
Con nuestra investigacin pudimos darnos cuenta que la solucin para los
diferentes problemas que presenta es la Creacin e implementacin de un
sitio web para el Colegio a Distancia Tcnico Bucay, la misma que podr
resolver los distintos problemas que la aqueja, en la encuesta realizada(vase
figura 16) el 69% de los encuestados coincidieron en que la creacin de un
sitio web ayudara para disminuir el alto ndice de desconocimiento por parte
de la ciudadana y ayudara a que los ciudadanos conozcan mas del
establecimiento educativo y de los servicios e infraestructura que brindan.de
una manera rpida, eficaz y oportuna.
70
Nuestras hiptesis fueron analizadas correctamente por las encuestas antes
realizadas a las personas naturales, docentes y estudiantes del cantn Gral.
Elizalde. Teniendo los resultados analizados por medio de las estadsticas,
demostrando que nuestra hiptesis ha sido comprobada.
71
72
CAPTULO V
5. PROPUESTA
5.1. TEMA
Diseo e Implementacin de un Sito Web para el Colegio A Distancia Tcnico

Bucay.
5.2. JUSTIFICACIN
Las instituciones de educacin actualmente se vuelven ms competitivas en

su rama, adoptando nuevas estrategias para garantizar una buena educacin.
Estas adoptan herramientas para optimizar los procesos, basado en los
actuales enfoques tecnolgicos, con el propsito de plantearse metas que
permitan alcanzar los planes estratgicos del centro educativo.
Con el desarrollo e implementacin de un sitio web como medio de

informacin, difusin ampliaremos la publicidad y se brindar informacin
oportuna y veraz sobre la institucin, adems facilitar un excelente servicio
ms cmodo con una interfaz atractiva y llamativa para el usuario. Logrando
as resolver tambin algunos contratiempos en lo que respecta a la
informacin actualizada y oportuna a la cual podrn tener acceso cualquier
persona desde cualquier lugar que se encuentren, aumentando as la
credibilidad a su vez tambin ser reconocido dentro y fuera de la zona,
ofreciendo el mejor servicio, atencin e informacin a las personas del cantn
Gral. Elizalde y sus alrededores.
A su vez el Sitio Web tambin contara con una pequea red social donde los
estudiantes, profesores, padres de familia y dems usuarios podrn
interactuar entre ellos, en donde alumnos y profesores crearan sus propios
grupos dependiendo del curso al cual pertenecen, de esta forma podrn
73
realizar cualquier pregunta o duda que tengan cuando no lo puedan hacer en
das fuera de clase, pese a que los das de clase que la institucin brinda solo
son fines de semana por la razn de ser un colegio a distancia.
Siendo de gran ayuda porque de esta manera los estudiantes no tendrn que
esperar a que lleguen los fines de semana para despejar sus inquietudes sino
que lo podrn hacer por medio de esta pequea red social que se encuentra
en el Sitio web de Colegio a Distancia Tcnico Bucay.
Consideramos que este proyecto es viable para ser desarrollado puesto que
somos profesionales en formacin de la carrera de ingeniera en sistemas de
la unidad acadmica ciencias de la ingeniera de la Universidad Estatal de
Milagro, y tambin contamos con el apoyo de las autoridades, docentes
profesionales tcnicos y personal administrativo del plantel.
5.3. FUNDAMENTACIN
La presente propuesta se mantiene en un estudio realizado en el cual se ha

llegado a la conclusin que el Colegio a Distancia Tcnico Bucay necesita un
medio ms efectivo donde se pueda difundir la suficiente informacin, pues
del modo que se ha venido realizando el manejo de la informacin es
deficiente y poco comunicativo, por tal razn existe poco o ningn
conocimiento por parte de los ciudadanos sobre los diferentes servicios y
actividades que ofrece o desarrolla esta institucin educativa.
Para la elaboracin de este proyecto se utilizaran conceptos fundamentales

en la investigacin, se harn investigaciones a diferentes proyectos sobre la
creacin de un sitio web. Tambin contaremos con el apoyo de los docentes,
administrativos del colegio quienes nos proporcionaran los datos sobre el
mismo. As tambin se utilizara algunas herramientas para el diseo y
desarrollo factible de la creacin del sitio web.
74
5.4. OBJETIVOS
5.4.1. Objetivo General
Analizar las causas que originan el bajo ndice de publicidad sobre los
servicios educativos que brinda el colegio a Distancia Tcnico Bucay del
cantn Gral. Elizalde.
5.4.2. Objetivos Especficos
Crear un sitio web para brindar informacin oportuna del periodo de

matriculacin.
Desarrollar una pgina web para brindar informacin oportuna de
los requisitos para el proceso de matriculacin
Disear un sitio web para la publicacin de eventos importantes
que la institucin realizara durante el periodo lectivo.
Crear un sitio web para presentar las diversas alternativas de
especialidades que ofrece la institucin.
Proponer un espacio web done se presentara los beneficios y
estructura que brinda la institucin educativa
Disear un espacio web donde los estudiantes puedan despejar
dudas realizando consultas a su profesor.
Implementar un espacio web en el cual los estudiantes del Colegio
Tcnico Bucay puedan interactuar entre ellos
Tener acceso a las herramientas de comunicacin como blog,
comentarios.
Disear un sitio web como medio principal de difusin que brinde
informacin oportuna y relevante para evitar que se presenten
ciertos inconvenientes y as lograr alcanzar una mayor acogida y
reconocimiento.
Proporcionar un Sitio Web sencillo, que sea usable de manera que

las autoridades, docentes, padres de familia y usuarios en general,
75
no tengan dificultades para navegar y puedan interactuar con el
Sitio Web.
5.5. UBICACIN
Este proyecto se lo va a implementar en el Colegio a Distancia Tcnico

Bucay el mismo que se encuentra localizado en el Ecuador, en la provincia
del Guayas del Cantn Gral. Elizalde (Bucay).
Este establecimiento fiscal que se dedica al servicio educativo a distancia

cuenta con una diversa infraestructura donde los estudiantes podrn
desarrollar la parte prctica tcnica de una manera ms productiva.
5.6. ESTUDIO DE FACTIBILIDAD
La implementacin de este Sitio Web cuenta con el apoyo de los directivos,

administrativo, docentes del Colegio a Distancia Tcnico Bucay, quienes
estn de acuerdo en la necesidad de crear e implementar este Sitio Web
para de esta manera mejorar los objetivos dentro de la institucin educativa,
la misma que ser elaborado por egresados de la Unidad Acadmica Ciencias
de la ingeniera, los mismos que han sido capacitados previamente con un
Seminario Terminal de Tercer Nivel sobre Programacin PHP, MySQL, Gestor
de contenido Joomla, contamos con la direccin del Ing. Javier Bermeo,
Catedrtico de la Universidad Estatal de Milagro.
5.7. DESCRIPCIN DE LA PROPUESTA
La propuesta consiste en el diseo, desarrollo e implementacin del Sitio

Web, la cual se refleja en las necesidades de las autoridades, docentes,
estudiantes, personas naturales en general a quienes beneficiaran y
mantendr con informacin actualizada y con una constante interaccin entre
docentes y alumnos por medio de la pequea Red Social del Colegio. Para lo
cual hemos de utilizar distintas aplicaciones de diseo Web, las mismas que
nos permitirn el desarrollo de este proyecto.
76
A continuacin tenemos una lista de los servicios a ofrecer en el Sitio Web del
Colegio a Distancia Tcnico Bucay, el mismo que tiene como finalidad
disminuir el excesivo desconocimiento y falta de informacin actualizada para
brindar un mejor servicio educativo a la ciudadana en general.
SITIO WEB DEL COLEGIO A DISTANCIA TCNICO BUCAY

MEN PRINCIPAL Y MEN SECUNDARIO
INICIO
Home
Buscar en Google
QUIENES SOMOS
Misin
Visin
Origen
Instalaciones
INFORMACIN
Requisitos Para Matricula
Uniformes
SRI del Colegio
Distributivo
Permiso de Funcionamiento
CONTACTENOS
Direccin
Comentarios
Recursos Humanos
CTB SOCIAL
Inicio CTB Social
Registrar Nuevo Usuario
Entrar Chat Online
MI CUENTA
Iniciar Sesin
77
CALENDARIO DE EVENTOS
NOTICIAS FACEBOOK
CONTADOR DE VISITAS
SIMBOLOS PATRIOS
Himno Nacional
Himno a la Bandera
Himno al Cantn Bucay
REINA DEL COLEGIO TB
PAGINAS DE CONSULTAS
ESPECIALIDADES
Electricidad
Manualidades
Agronoma
Industria del Vestido
DESCARGAS
Descargas de Imgenes
Descargas de Documentos
5.7.1. Actividades
Las tres etapas indispensables para el desarrollo de todo sistema el cual

garantice el correcto desempeo de un Sitio Web, contiene las actividades
siguientes:
Anlisis
Recopilacin de informacin.
Planteamiento del problema: Posteriormente se analiza los
problemas que presenta la institucin.
Definicin de Marco Referencial: Aqu se define los
antecedentes investigativos del problema, historia de la
institucin, definicin de trminos cientficos.
78
Definicin de Marco Metodolgico: Consiste en definir el tipo y
diseo de la investigacin, poblacin, muestra, mtodos y
tcnicas.
Diseo del formato de las encuestas a utilizar en la
investigacin.
Realizacin de las encuestas a la poblacin seleccionada.
Anlisis de resultados obtenidos.
Definicin de los requerimientos del sistema.
Instalacin del software a utilizar para el diseo y desarrollo del
Sitio Web.
Diseo
Elaborar el modelo de datos.

Establecer la estructura del Sitio, especificando en detalle las
opciones que contendr el Sitio Web.
Diseo del entorno grafico y visual del Sitio Web.
Desarrollo
Generacin de la base de datos.

Desarrollo del Sitio Web.
Ingreso de datos a la base de datos.
Desarrollo del manual tcnico y de usuario.
79
5.7.2. Recursos, anlisis financiero
RECURSOS HUMANOS
El presente estudio constara de la participacin de las siguientes personas los

mismos que participaran en el desarrollo de nuestro proyecto:
Cuadro 4. Recursos Humanos.
CANTIDAD DESCRIPCIN FUNCIN

Encargado de la elaboracin
1 Programador
de la aplicacin.
Encargado de la interfaz
1 Diseador
grafica del Sitio Web.
Encargado de realizar las
1 Encuestador
encuestas necesarias.
Encargado de Revisar el
Jefe de Proyecto
1 avance e introducir los datos
Digitalizador
de prueba.
Fuente: Personal de Recursos Humanos
Adems el equipo constara con la ayuda de la secretaria de la Institucin

educativa en donde se realizara el estudio: Lcda. Alexandra Snchez Velasco
Adems, tambin se vern involucrados directa o indirectamente por:
Personal administrativo del plantel.
80
RECURSOS DE HARDWARE
Cuadro 5. Recursos de Hardware
CANTIDAD DESCRIPCIN CARACTERISTICAS

Pentium Dual Core 3.20 GHz
2 Computadoras
3GB de RAM, 500GB HDD
1 Impresora HP ip 1900 Color, B/n
1 Cmara Digital Sony W390 14 megapixel
Fuente: Colegio a Distancia Tcnico Bucay
RECURSOS DE SOFTWARE
Cuadro 6. Recursos de Software
DESCRIPCIN CARACTERISTICAS
Windows XP Sistema Operativo
MySQL Motor de Base de Datos
PHP Apache Plataforma de Software
Joomla Gestor de Contenido
Ilustrator CS4 Aplicacin de Diseo
Photoshop CS5 Aplicacin de Diseo
Flash CS4 Aplicacin de Diseo

81
RECURSOS FINANCIEROS
Los recursos financieros utilizados para la elaboracin del Sitio Web para el
Colegio a Distancia Tcnico Bucay son proporcionados por los autores del
diseo y desarrollo del Sitio Web.
Cuadro 7. Recursos de Financieros
DESCRIPCIN PRECIO
Materiales y Subministros $40
Movilizacin $50
Recursos Humanos $500
Hospedaje Web $50
TOTAL $640
Fuente: Desarrolladores del Sitio Web
5.7.3. Impacto
Con la Creacin e implementacin del sitio Web se obtendrn benficos muy

tiles como son: informacin oportuna e importante, mejor servicio,
comodidad y eficacia para los usuarios, acceso libre en cualquier lugar y a
cualquier hora, mayor publicidad y por lo tanto la institucin tendr mayor
reconocimiento dentro y fuera del Cantn Gral. Elizalde.
Una vez cumplida todas las principales necesidades de la ciudadana,

lograremos disminuir las causas de desinformacin de las personas en
general, obteniendo de esta manera un mayor porcentaje de usuarios mejor
informados. Esperando que el desarrollo de este proyecto beneficie tanto al
Colegio a Distancia Tcnico Bucay y todos los dems ciudadanos del cantn,
puesto que por medio de la elaboracin de este proyecto nos ser posible la
obtencin del Ttulo de Ingeniero en Sistemas Computacionales.
82
5.7.4. Cronograma De Trabajo
83
5.7.5. Cronograma De Trabajo
84
5.7.6. Lineamiento Para Evaluar La Propuesta
Con la implementacin de Sito Web se resolvera la problemtica de falta de

informacin oportuna hacia la ciudadana, estudiantes y docentes, brindando
un mejor servicio pero sobre todo cmodo, eficaz y ms rpido, pudiendo
acceder al mismo desde cualquier parte y a cualquier hora.
La evaluacin del cumplimiento de los objetivos planteados luego de poner el

Sitio Web en ejecucin, estar enfocada por la aplicacin de los siguientes
puntos:
Recopilacin de informacin para la alimentacin del Sitio
Evaluacin en los primeros das de la ejecucin del Sitio.
Aplicacin de instrumentos de mediacin. (Entrevistas, encuestas,

observacin).
Recopilacin de informacin para la alimentacin del Sitio
Se realizara ingreso de todos los datos necesarios para el funcionamiento del

100% del Sitio, para lo cual se necesitar la ayuda del personal y directivos del
Colegio a Distancia Tcnico Bucay.
Esta informacin estar comprendida en los siguientes puntos:
Ingreso de datos personales de docentes, estudiantes y directivos.

Ingreso de nuevos eventos.
Subir archivos para descargas
Agregar comentarios de prueba
Evaluacin en los primeros das de la ejecucin del Sitio
La evaluacin o seguimiento se la realizar aproximadamente las 2 primeras

semanas para analizar fallas y mejoras. De esta manera lograremos que el
Sitio Web sea 100% confiable.
85
Aplicacin de instrumentos de mediacin. (Entrevistas, encuestas,
observacin)
Se realizaran encuestas a los Directivos del Colegio a Distancia Tcnico Bucay

para determinar si el Sitio Web est dando los resultados esperados.
Encuesta de satisfaccin por parte de padres de familia, docentes, estudiantes

y directivos con respecto a la utilizacin del Sitio.
Evaluadores
Los directivos sern los encargados de la evaluacin del Sitio Web del Colegio
a Distancia Tcnico Bucay.
CONCLUSIONES
Como conclusin podemos decir del Sitio Web del Colegio a Distancia
Tcnico Bucay a mas de darse a conocer por medio del internet, este Sitio
Web se convertir en una herramienta muy til pues no solamente servir
para efectuar consultas de las actividades, servicios o quiz conocer ms
acerca del establecimiento , sino tambin este Sitio nos permitir realizar
consultas de trabajo a los diferentes profesores y tambin para mantener
comunicado a los estudiantes del plantel esto lo podrn hacerlo cualquier da
y cualquier hora pero sobre todo desde cualquier lugar en donde se encuentre
sin la necesidad de estar precisamente en clases.
RECOMENDACIONES
Se recomienda aplicar cada una de las estrategias que sugerimos es esta

tesis tomando en cuenta la situacin actual en la que se encuentra la
institucin, el mismo que se ver influenciado por los cambios que se realice
dentro de la institucin y que se convierten en una constante dentro de
nuestro sistema educativo.
Con respecto al sistema, a los usuarios administradores del sistema se les

recomienda antes de usar el mismo, leer detenidamente el manual de usuario,
la primera vez accedan al sistema debern hacerlo con el manual para un
mejor conocimiento y lograr as de esta manera mejores resultados.
86
5.8. MATERIAL DE REFERENCIA
5.8.1. Bibliografa De Investigacin
IBEZ, Marn: Pedagoga Social y Sociologa de la Educacin. Unidades

Didcticas, http://dewey.uab.es/marinibanez/pedagogia/pedagogiasocial.htm,
extrado el 3 de diciembre del 2010.
DUARTE, A. Y GUZMN, M: Elaboracin de pginas web. Propuestas

didctica para su diseo y evaluacin,
http://dewey.uab.es/duarteyguzman/presupuesto/propuestaweb.htm, extrado
el 3 de diciembre del 2010.
CABANES JOS, I: Diccionario bsico. Informtica,

http://usuarios.multimania.es/Resve/diccioninform.htm, extrado el 2 de enero
del 2011.
VALENZUELA JUAN, F: Antecedentes referencial. Antecedente histrico,

http://www.univo.edu.sv:8081/tesis/019918/019918_Cap2.pdf, extrado el 3 de
enero del 2011.
87
5.8.2. Anexos

Encuesta sobre los servicios y beneficios educativos que ofrece el Colegio Tcnico Bucay.
Favor responder a las siguientes preguntas de forma clara escogiendo la opcin
correspondiente
1) Conoce UD de la existencia del colegio a Distancia Tcnico Bucay?
Si No
2) Conoce UD de los Servicios e infraestructura que ofrece esta institucin?
Si No
3) Por qu medio le gustara informarse acerca de las actividades que realiza

el Colegio a Distancia Tcnico Bucay?
Internet Volantes Radio
Peridico Otro:
4) Conoce UD de la fecha del periodo de matriculacin que tiene la institucin?
Si No
5) Conoce UD los requisitos que necesita para matricularse los estudiantes?
Si No
6) Conoce UD de los eventos importantes que realiza la institucin?
Si No
7) Sabe UD de las especialidades que ofrece la institucin?
Si No
88
8) Cree UD que la manera de darse a conocer del Colegio Tcnico Bucay
actualmente es?
Buena Regular Mala
9) Por qu cree UD que existe demasiado desconocimiento sobre los servicios

y beneficios que ofrece el Colegio a Distancia Tcnico Bucay?
10)Falta de Publicidad Residencia fuera del Cantn
11)Medios no vistos Otro:

10) Le gustara poder hacer consultas de trabajo a los profesores por medio de
una pgina web?
Si No
11) Le gustara poder comunicarse con sus compaeros frecuentemente por

medio de una pgina web?
Si No
12) Con que frecuencia entra UD a internet?
Todos los das 1 vez por semana

13)
Nunca Otro:
13) Le gustara que la institucin sea conocida dentro y fuera del cantn?
Si No No Opina
14) Cree usted que la utilizacin del internet como medio de informacin y
publicidad seria de gran beneficio para los ciudadanos?
Si No
15) Le gustara que el Colegio a Distancia Tcnico Bucay cuente con un Sitio
Web donde pueda encontrar toda la informacin oportuna y necesaria?
Si No No Opina
16) Cree UD que la creacin de un Sitio Web disminuir el alto ndice de

desconocimiento sobre la institucin educativa?
Si No No Opina
89
90
CAPITULO VI
6. MANUAL DE DISEO
6.1. INTRODUCCIN
En este manual encontraremos el responsable del mantenimiento del sistema

del Sitio Web del Colegio a Distancia Tcnico Bucay, el cual estar en
capacidad de conocer:
Dimensiones del rea del sistema

Normas y los estndares utilizados en el manual
El diseo utilizado para el desarrollo del sistema
La estructura de datos utilizados
Los formatos de men pantalla y consultas utilizadas
La descripcin detallada de los procesos implcitos en el sistema
Mantener cada pgina con los datos e informacin actualizada
oportunamente
Mantener una base de datos con informacin del Colegio Tcnico
Bucay
6.2. QUIN DEBE UTILIZAR ESTE MANUAL?
Este manual est dirigido a los responsables del mantenimiento del sistema
del Sitio Web del Colegio a Distancia Tcnico Bucay y est elaborado con un
soporte para cumplir con el mantenimiento del sistema en su etapa de
operacin.
Entre las personas que tendrn la responsabilidad de actualizar estas tareas

podemos mencionar los siguientes:
91
Web mster
Programadores encargados
Personal con conocimiento de anlisis y/o programacin
6.3. QUE DEBEN CONOCER LAS PERSONAS ENCARGADAS DE DIRIGIR EL

SITIO WEB
Entre los conocimientos que deben tener las personas a quienes est dirigido
este manual son:
Tener conocimiento de diseo de aplicacin

Tener conocimiento de Base de Datos
Tener conocimiento de Gestor de contenido Joomla
Tener conocimiento de Programacin
6.4. ESTANDARIZACIN DEL FORMATO
Nombre del Sitio Web

Base de Datos
Nombre de programas utilizados
Mens
Formato de pantallas
Reportes o consultas
92
6.5. ESTNDARES ESTABLECIDOS
6.5.1. Formato para nombre del Sitio Web
El formato consta de treinta y tres (33) caracteres, los cuales estn reducidos
a cuatro (4) caracteres.
Ejemplo: Nombre del Sitio

Colegio a Distancia Tcnico Bucay
CDTB Inciales del sistema
El Sitio est dividido en dos partes fundamentales que son:
Administrador
Usuario general
6.5.2. Base De Datos
La Base de Datos que se utiliza ser bd-proyect, la misma que se utilizara

para el Sitio web del Colegio a Distancia Tcnico Bucay.
6.5.3. Nombre de la Base de Datos
La Base de Datos que se utilizara en el Sitio Web del Colegio a Distancia

Tcnico Bucay ser bd-proyect.
Manejador de la Base de Datos: MySQL

Gestor de Contenido: Joomla
Editor Web utilizado: Dreamweaver
93
6.5.4. Nombre de tablas de Base de Datos
Guarda informacin con caractersticas similares de diversos datos, estas son

las llamadas tablas.
XXXX_XXXXXXXX
Indicadores Mnemnicos descriptivos agrupados

segn como se necesiten.
Abreviacin del nombre del sistema (ctb)
Ejemplo:
El nombre de la tabla de la Base de Datos CDTB

se llamara: vic_jcomments
Nombre del Campo de la Tabla
Los campos son componentes particulares de una tabla.
xxxx_yyyy
(y) Identificadores Mnemnicos abreviado de la tabla

actual segn como se necesite.
(x) Nombre del campo Ejemplo:
El campo comment es donde se guarda el comentario de

la persona que agrega el mismo.
vic_jcomments: comment
94
6.6. DISTRIBUCIN FISICA DEL SISTEMA
6.6.1. Diagrama: Proyecto del Colegio A Distancia Tcnico Bucay
PROYECTO (CDTB)
Creacin Sitio Web
Index
JOOMLA Pginas
MySQL Pginas
Procedimientos
Gif, Bmp, Jpg Recursos
DBDesinger
Figura 17. Distribucin fsica del Sistema
95
6.7. DIAGRAMA GENERAL DEL SISTEMA
Cuadro 8. Diagrama General del Sistema
Departamento: Ciencias
UNIVERSIDAD ESTATAL DE MILAGRO de la Ingeniera
FACULTAD CIENCIAS DE LA
INGENIERIA Tema: Sitio Web
DIAGRAMA GENERAL DEL SISTEMA Fecha de Elaboracin:

09/Mayo/2011
AUTOR: UNEMI
DISEO DE UN SITIO WEB PARA
SISTEMA DE CREACIN
EL COLEGIO A DISTANCIA
DESARROLLADOR: DE UN SITIO WEB
TCNICO BUCAY
Anl. Vctor Gmez
SISTEMA DE CREACIN DE UN SITIO WEB
Mantenimiento Mantenimiento Mantenimiento Mantenimiento

de Comentarios de Recursos H. de Especialidad de Red Social
Servicios
Mantenimiento
de Publicidad
Publicidad
Red Social Mantenimiento

de Eventos
SISTEMA DE
Galera Fotos CREACIN DEL
SITIO WEB CDTB Mantenimiento
de fotos y video
Smbolos P.
Docentes
Mantenimiento
de Usuarios
Consulta Consulta Consulta

Informacin Docentes Fotos, Video
Consulta Consulta Consulta Consulta

Eventos Especialidades Comentario Smbolos P.
s
Fuente: Proyecto Colegio a Distancia Tcnico Bucay

96
6.8. DIAGRAMA GENERAL DE PROCESOS
Cuadro 9. Diagrama General de Procesos
UNIVERSIDAD ESTATAL DE MILAGRO de la Ingeniera
FACULTAD CIENCIAS DE LA
INGENIERIA Tema: Sitio Web
DIAGRAMA GENERAL DEL SISTEMA Fecha de Elaboracin:

09/Mayo/2011
AUTOR: UNEMI
DISEO DE UN SITIO WEB PARA
SISTEMA DE CREACIN
EL COLEGIO A DISTANCIA
TCNICO BUCAY
Anl. Vctor Gmez
SISTEMA DE CREACIN DE UN SITIO WEB
Narrativa Del Diagrama General De Mantenimiento Del Sitio Web Del Colegio a
1. Ingresar la informacin necesaria, para alimentar la Base de Datos en cada

una de las tablas especficas que se va a utilizar el Sitio Web del CDTB,
necesario para el proceso de publicacin del Sitio dentro de un navegador
web.
2. El sistema del Sitio Web, alimenta y actualiza la informacin almacenadas en

las tablas.
3. Se obtiene consulta de los servicios, eventos y dems actividades que ofrece

el Colegio a Distancia Tcnico Bucay, necesarias para el control de datos que
van aparecer en el Sitio Web.

97
6.9. DIAGRAMA JERRQUICO DEL SITIO WEB DEL COLEGIO A DISTANCIA
TCNICO BUCAY
6.9.1. Modulo General Del Sistema De Creacin Del Sitio Web
SISTEMA DE CREACIN DEL

SITIO WEB DEL CDTB
CREACIN ACCESO CONSULTAS MANTENIMIENTO
Figura 18. Modulo General del Sistema de Creacin del Sitio Web
6.10. MODULOS DE PROGRAMACIN
6.10.1. Modulo De Conexin
CONEXIN
main.php
Figura 19. Modulo de conexin
Main.php
Dentro de esta se encuentra las variables de conexin que utiliza el Sitio web
para que pueda tener acceso a la Base de Datos del Colegio a Distancia
Tcnico Bucay.
98
6.10.2. Comunidad Social
RED SOCIAL
fields.php groups.php msg.php photos_album.php
group_discuss.php photos.php fields_values.php
Figura 20. Modulo de Red Social
Fields.php
Dentro de esta pgina podemos crear un nuevo campo que aun no tenga la
red Social y as los usuarios puedan tener ms informacin de sus amigos en
la Red.
Groups.php
Dentro de esta pgina podemos crear un nuevo grupo de amigos, trabajo, etc.
En la Red segn la necesidad de cada uno de los usuarios y puedan
mantener mejor estructurado su pgina.
Msg.php
Dentro de esta pgina podemos enviar mensajes personales a usuarios que

ya estn registrados como amigos y mantengan un vinculo, estos mensajes
solo podrn ser ledos por la persona a la cual ha sido enviada.
photos_album.php
Dentro de esta pgina el usuario registrado podr crear un lbum de fotos

virtual en donde podr subir sus fotos personales y podr publicar para que
sus amigos registrados puedan verlas.
group_discuss.php
99
Dentro de esta pgina los usuarios de los diferentes grupos podrn crear un
tema de discusin y de esta manera podrn intercambiar sus ideas u
opiniones sobre algn tema que tengan en comn.
photos.php
Dentro de esta pgina los usuarios ya registrados podrn subir varias fotos
independientes sin la necesidad de haber creado un lbum virtual de igual
manera podrn ser vistos por sus amigos registrados.
fields_values.php
Dentro de esta pgina es donde se va ingresar y guardar informacin de un

nuevo usuario que se vaya a registrar y crear su pgina de Red Social.
6.10.3. Comentarios
COMENTARIOS
jcomment.php
Figura 21. Modulo de Comentarios
jcomment.php
Dentro de esta pgina muestra los comentarios que han sido hechos por
todos los usuarios ya sean que estn estos registrado o simplemente como
usuarios invitados.
100
6.10.4. Eventos
EVENTOS
jevents.php categories.php
Figura 22. Modulo de Comentarios
jevents.php
Dentro de esta pgina podemos ingresar un nuevo evento que vaya a realizar
la institucin o realizar algn cambio de un evento ya publicado, los usuarios
finales podrn realizar las consultas y podrn informarse sobre estos eventos.
categories.php
Dentro de esta pgina podremos crear una categora de todos los diferentes
eventos para de esta manera mantener una mejor organizacin y un correcto
orden de los eventos.
6.10.5. Descargar Imgenes
IMAGENES
phocagallery_category.php phocagallery.php phocagallery_comments.php
Figura 23. Modulo descargas de imgenes.
101
phocagallery_category.php
Dentro de esta pgina podemos crear una categora para de esta manera
poder clasificar las imgenes que estarn en la pgina para que tengan los
usuarios acceso.
phocagallery.php
Dentro de esta pgina podemos subir fotos para luego ubicarlas en una
categora y de esta manera los usuarios puedan tener acceso a ellas y
tambin pueden descargar estas fotos, siempre y cuando el usuario ya este
registrado.
phocagallery_comments.php
Dentro de esta pgina los usuarios ya registrados podrn realizar algn

comentario en la fotografa que ellos deseen, de igual manera podrn ver los
comentarios de otros usuarios.
6.10.6. Descargar Archivos
ARCHIVOS
docman.php docman_groups.php
Figura 24. Modulo descargas de archivos.
102
docman.php
Dentro de esta pgina podemos subir documentos con extensin docx, pptx,
xlsx, pdf, etc. para luego ubicarlas en un tipo de grupo y de esta manera los
usuarios puedan tener acceso a estos documentos y los puedan descargar.
docman_groups.php
Dentro de esta pgina podemos crear distintos grupos para poder clasificar
los documentos de una manera ms ordenada segn las necesidades del
usuario.
6.10.7. Usuarios
USUARIOS
users.php
Figura 25. Modulo de Usuarios
users.php
Dentro de esta pgina es donde se va a registrar a los usuarios, se podr ver

los nombres de los que estn registrados, as tambin como se podr
modificar o eliminar algn usuario, de igual forma est los usuarios que
pueden realizar cambios a los datos almacenados de Sitio Web.
103
6.10.8. Recursos Humanos
RECURSOS HUMANOS
qcontacts.php
Figura 26. Modulo de Recursos Humanos
qcontacs.php
Dentro de esta pgina podemos agregar a las personas que laboran dentro
del Colegio a Distancia Tcnico Bucay, podemos eliminar o modificar
cualquier informacin de cualquiera que conforme el personal de recursos
humanos.
6.10.9. Contador De Visitas
CONTADOR DE VISITAS
mod_vvisit_counter.php
Figura 27. Modulo Contador de Visitas
mod_vvisit_counter.php
Dentro de esta pgina encontraremos el nmero de visitas realizadas al Sitio

Web del Colegio a Distancia Tcnico Bucay clasificadas por visitas diarias,
semanales, mensuales, das anteriores, total de todas las visitas para de esta
manera saber que tan visitado es el Sitio.
104
6.11. DISEO DE ENTRADAS Y SALIDAS
6.11.1. Inicio (Principal)
Cuadro 10. Diseos De La Pantalla Principal

de la Ingeniera
FACULTAD CIENCIAS DE LA Tema: Sitio Web
INGENIERIA
Fecha de Elaboracin:
09/Mayo/2011
AUTOR: UNEMI
INTRANET ADMINISTRADOR DE
SISTEMA DE CREACIN
LA BASE DE DATOS DEL SITIO
WEB PARA EL CDTB
Anl. Vctor Gmez
Nombre Lgico:
Nombre Fsico: Sistema de creacin del Sitio Web
Index.php
Descripcin: Bienvenida a la pgina principal del Colegio a Distancia Tcnico Bucay.
Observaciones: Esta es la pagina principal del Sitio Web del Colegio Tcnico Bucay, que
constara con las siguientes opciones mostradas en el Sitio.
Fuente: Sitio Web Colegio Tcnico Bucay
105
6.11.2. Pgina Principal del Sitio Web del Colegio Tcnico Bucay
Nombre: index.php
Descripcin: Pgina de bienvenida del sistema, donde encontraremos la

presentacin de requisitos de matriculacin, la Misin de la institucin, reina
del colegio, enlaces a pginas de consultas, tambin podremos ver el
calendario de eventos.
Funcionamiento:
El diseo de la pagina contiene en la parte superior las opciones del men los
cuales se indican con sus respectivos nombres, que se refieren al proceso
que llevan a cabo, tambin tenemos links de accesos rpidos a facebook y
You Tube que tiene la institucin.
En la parte superior tambin tenemos la opcin Quienes Somos que contiene

la misin, visin, origen, instalaciones de la institucin educativa, seguido de
la opcin Informacin, esta opcin contiene los requisitos para la matricula,
uniformes, SRI, Permiso de funcionamiento.
Tambin est la opcin contctenos donde podemos ver la direccin donde

se encuentra ubicada la institucin, comentarios, Recursos Humanos. La
opcin CTB Social contiene el inicio del CTB Social, Registros para usuarios
nuevos, Chat en lnea para usuarios registrados. Adems de la opcin Mi
Cuenta a travs de la cual el usuario podr acceder a su cuenta.
Tambin tenemos links como reina, donde se podr tener informacin de la

actual reina del colegio, su biografa, adems tenemos un link especialidades
donde podremos ver acerca de las distintas especialidades con las que
cuenta el Colegio a Distancia Tcnico Bucay, seguido de algunas pginas
donde se podrn hacer consultas educativas, tambin tenemos un link
deportes donde podremos ver informacin acerca de los deportes nacionales.
106
6.11.3. Men: Quienes Somos
Cuadro 11. Pantalla Quienes Somos.
de la Ingeniera
INGENIERIA
09/Mayo/2011
AUTOR: UNEMI
SISTEMA DE CREACIN
WEB PARA EL CDTB
Anl. Vctor Gmez
Nombre Lgico:
quienes.php
Descripcin: Dentro de esta opcin podemos ver la misin, visin, origen, instalaciones.
Observaciones: Muestra la misin, vision, origen, instalaciones con los que estan
fundamentadas la fundacin.
Fuente: Sitio Web Colegio a Distancia Tcnico Bucay
107
6.11.4. Men: Informacin
Cuadro 12. Pantalla Informacin

de la Ingeniera
INGENIERIA
09/Mayo/2011
AUTOR: UNEMI
SISTEMA DE CREACIN
WEB PARA EL CDTB
Anl. Vctor Gmez
Nombre Lgico:
informacion.php
Descripcin: Dentro de esta opcin podemos ver requisitos de matrcula, uniformes, SRI,
Distributivo, Permiso de funcionamiento.
Observaciones: Muestra los requisitos de matrcula, uniformes, SRI, Distributivo, Permiso

de funcionamiento del Colegio Tcnico Bucay.
Fuente: Sitio Web Colegio a Distancia Tcnico Bucay
108
6.11.5. Men: Contctenos
Cuadro 13. Pantalla de Contctenos
de la Ingeniera
INGENIERIA
09/Mayo/2011
AUTOR: UNEMI
SISTEMA DE CREACIN
WEB PARA EL CDTB
Anl. Vctor Gmez
Nombre Lgico:
contactenos.php
Descripcin: En esta pgina podremos encontrar informacin para poder comunicarnos
Observaciones: Los usuarios podran encontrar informacion con la cual se pueda comunicar
con el Colegio Tcnico Bucay, ademas de contactos de docentes, los usuarios podran dejar
sus comentarios.
Fuente: Sitio Web del Colegio s Distancia Tcnico Bucay
109
6.11.6. Men: CTB Social
Cuadro 14. Pantalla de CTB Social.
de la Ingeniera
INGENIERIA
09/Mayo/2011
AUTOR: UNEMI
SISTEMA DE CREACIN
WEB PARA EL CDTB
Anl. Vctor Gmez
Nombre Lgico:
community.php
Descripcin: En esta pgina los usuarios podrn acceder o registrarse si no lo estn.
Observaciones: La institucion cuenta con una pagina de Red Social donde los usuarios
podran interactuar e intercambiar ideas y conocimientos entre ellos.
Fuente: Sitio web del Colegio a Distancia Tcnico Bucay
110
6.11.7. Men: Mi Cuenta
Cuadro 15. Pantalla Mi Cuenta.
de la Ingeniera
INGENIERIA
09/Mayo/2011
AUTOR: UNEMI
SISTEMA DE CREACIN
WEB PARA EL CDTB
Anl. Vctor Gmez
Nombre Lgico:
cuenta.php
Descripcin: En esta pgina los usuarios podrn acceder a su cuenta creada.
Observaciones: Aqu los usuarios podran ingresar a su cuenta y/o cerrar su sesion si ya la
tienen iniciada.
Fuente: Sitio web del Colegio a Distancia Tcnico Bucay
111
6.11.8. Men: Smbolos Patrios
Cuadro 16. Pantalla Smbolos Patrios
de la Ingeniera
INGENIERIA
09/Mayo/2011
AUTOR: UNEMI
SISTEMA DE CREACIN
WEB PARA EL CDTB
Anl. Vctor Gmez
Nombre Lgico:
simbolos.php
Descripcin: Dentro de esta pgina encontramos algunos himnos muy importantes.
Observaciones: En esta opcion tenemos Algunos Himnos Ecuatorianos muy importantes

donde podran tener acceso y descargarlos cualquier usuario.
Fuente: Sitio web Colegio a Distancia Tcnico Bucay
112
6.11.9. Men: Descargas
Cuadro 17. Pantalla de Descargas.
de la Ingeniera
INGENIERIA
09/Mayo/2011
AUTOR: UNEMI
SISTEMA DE CREACIN
WEB PARA EL CDTB
Anl. Vctor Gmez
Nombre Lgico:
joomgallery.php
Descripcin: Dentro de esta pgina podremos encontrar algunas descargas.
Observaciones: En esta opcion los usuarios que esten registrados podran descargar
imgenes, documentos varios.
Fuente: Sitio Web del Colegio a Distancia Tcnico Bucay
113
114
6.12. DIAGRAMA ENTIDAD RELACIN
Cuadro 18. Diagrama Entidad Relacin
UNIVERSIDAD ESTATAL
Sistema: Sitio Web
DE MILAGRO
Fecha: Versin: 1.0
ctb_users ctb_community_fields_values ctb_community_groups ctb_community_groups_category

id_user id_field id_group id_catg
name value published name
username id_user (FK) name description
email description id_group (FK)
password approvals
registerdate id_fields (FK)
lastvisitdate
activation
ctb_community_photos
ctb_community_photos_albums id-photo
ctb_community_fields
ctb_community_msg id_album caption
id_fields
id_msg creator published
type name image
from ordenig created
description
parent name id_catg (FK)
permissions
delete visible id_album (FK)
created
from_name
posted_on
subject
body
id_user (FK) ctb_jevents_categories ctb_phocagallery_categories
ctb_jevents_vevdetail
id_event id_category
evdet_id
color title
dtstart
ctb_qcontacts-details description name
dtend
id_qcont_det evdet_id (FK) description
color
date
name description
published
alias location
id_gallery (FK)
con_position summary
address contact
suburb extra_info
state id_user (FK) ctb_docman_groups
country groups_id
postcode
telephone group_name
ctb_phocagallery
misc group_description
id_gallery group_members
image
mobile catid id_dm (FK)
yahoo_msg ctb_jcomments title
ctb_docman
id_jcomment filename ctb_vcounters_logs
date id_dm
name id_vcounter
username dmname
dmdescription time
email
mddate_published visit
comment
published guests
date
approved members
evdet_id (FK)
attribs bots
Realizado Por: Revisado Por: Aprobado por:

Vctor Gmez Ing. Javier Bermeo Ing. Javier Bermeo
Fuente: Sitio Web del Colegio a Distancia Tcnico Bucay
115
116
6.13. MANUAL TCNICO
6.13.1. Tabla de Usuario
pagina
INGENIERIA EN SISTEMAS MANUAL TCNICO Fecha de Elaboracin:

09-05-2011
PROYECTO SITIO WEB PARA EL SISTEMA DE CREACIN Y MANTENIMIENTO
AUTOR: UNEMI COLEGIO A DISTANCIA TCNICO DE LA PGINA WEB DEL COLEGIO A
BUCAY DISTANCIA TCNICO BUCAY
NOMBRE DE LA TABLA TIPO DE TABLA MEDIO DE ALMACENAMIENTO MEDIO DE RESPALDO
ctb_users Maestra Disco Duro CD - RW
DESCRIPCION:
DESCRIPCIN DEL REGISTRO
RANGOS
N CAMPO DESCRIPCIN TIPO FORMATO REGLA DE VALIDACION
VALIDOS
1 id_user Cdigo de Servicio PK N,I 5 Obligatorio
2 name Nombre del Usuario E VC 255 Obligatorio
3 userrname Nick del Usuario E VC 100 Obligatorio
4 email Email de Servicio E VC 100 Obligatorio
OBSERVACIONES:
TIPO FORMATO GENERAL FORMATO NUMRICO

PK = Clave Primaria ID = ndex N = Numrico VC = VarChar I = Integer S = Smallint
FK = Clave Fornea D = Date DT = DateTime F = Decimal M = Money
E = Elemento de Dato T = Text DE = Decimal
Realizado por Revisado por Aprobado por
Vctor Gmez Ing. Javier Bermeo
117
6.13.2. Tabla de Usuario
pagina

09-05-2011
ctb _users Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
5 password Clave del Usuario E VC 100 Obligatorio
6 registerdate Fecha de Registro E D Obligatorio
7 lastvisitdate Fecha de Ingreso E D Obligatorio
8 activation Estado del Usuario E VC 1 Obligatorio
OBSERVACIONES:

118
6.13.3. Tabla de Informacin Red Social
pagina

09-05-2011
ctb _community_fields_values Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
1 Id Cdigo de Servicio PK N,I 5 Obligatorio
2 value Informacin del Usuario E T Obligatorio
3 Id_user Cdigo del Usuario FK N,I 5 Obligatorio
4 Id_fields Cdigo de Campo FK N,I 5 Obligatorio
OBSERVACIONES:

119
6.13.4. Tabla Grupos de Red Social
pagina

09-05-2011
ctb _community_groups Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
1 Id_group Clave de Servicio PK N,I 5 Obligatorio
2 published Estado de Publicacin E VC 1 Obligatorio
3 name Nombre del Grupo E VC 255 Obligatorio
4 description Descripcin del Grupo E T Obligatorio
5 approvals Aprobacin de Grupo E VC 1 Obligatorio
6 Id_fields Cdigo de Campo FK N,I 5 Obligatorio
OBSERVACIONES:

120
6.13.5. Tabla Categora de Grupos
pagina

09-05-2011
ctb _community_groups_category Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
1 Id_catg Cdigo de Servicio PK N,I 5 Obligatorio
2 name Nombre de la Categora E VC 255 Obligatorio
3 description Descripcin de Categora E T Obligatorio
4 Id_group Cdigo de Grupo FK N,I 5 Obligatorio
OBSERVACIONES:

121
6.13.6. Tabla Mensajes Red Social
pagina

09-05-2011
ctb _community_msg Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
1 Id Cdigo de Servicio PK N,I 5 Obligatorio
2 from Emisor del Mensaje E N 10 Obligatorio
3 parent Relacin de Usuario E N 10 Obligatorio
4 deleted Estado del Mensaje E VC 1 Obligatorio
5 From_name Nombre del Emisor E VC 255 Obligatorio
OBSERVACIONES:

122
6.13.7. Tabla Mensajes Red Social
pagina

09-05-2011
ctb _community_msg Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
6 posted_on Fecha de Envi E D Obligatorio
7 subject Asunto del Mensaje E VC 100 Obligatorio
8 body Cuerpo del Mensaje E T Obligatorio
9 id_user Cdigo del Usuario FK N,I 5 Obligatorio
OBSERVACIONES:

123
6.13.8. Tabla de Campo Nuevo Red Social
pagina

09-05-2011
ctb _community_fields Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
1 id_fields Cdigo de Campo PK N,I 5 Obligatorio
2 type Tipo de Botn E VC 255 Obligatorio
3 ordering Orden de Ingreso E N 10 Obligatorio
4 name Nombre del Campo E VC 255 Obligatorio
5 visible Estado del Campo E VC 1 Obligatorio
OBSERVACIONES:

124
6.13.9. Tabla lbum de Fotos Red Social
pagina

09-05-2011
ctb _community_photos_albums Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
1 id Cdigo del lbum PK N,I 5 Obligatorio
2 creator Usuario Creador E N 10 Obligatorio
3 name Nombre del lbum E VC 100 Obligatorio
4 description Descripcin de lbum E T Obligatorio
5 permissions Permiso de Vista E VC 255 Obligatorio
6 created Fecha de Creacin E D Obligatorio
OBSERVACIONES:

125
6.13.10. Tabla de Fotos Red Social
pagina

09-05-2011
ctb _community_photos Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
1 id_photo Cdigo de la foto PK N,I 5 Obligatorio
2 caption Nombre de la Foto E VC 100 Obligatorio
3 published Estado de la Foto E VC 1 Obligatorio
4 image Direccin de la Foto E VC 255 Obligatorio
OBSERVACIONES:

126
6.13.11. Tabla de Fotos Red Social
pagina

09-05-2011
ctb _community_photos Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
5 created Fecha de Creacin E D Obligatorio
6 id_catg Cdigo de Categora FK N,I 5 Obligatorio
7 id_album Cdigo de lbum FK N,I 5 Obligatorio
OBSERVACIONES:

127
6.13.12. Tabla de Recurso Humanos
pagina

09-05-2011
ctb _qcontacts_details Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
1 id Cdigo del Contacto PK N,I 5 Obligatorio
2 name Nombre del Contacto E VC 250 Obligatorio
3 alias Nick del Contacto E VC 100 Obligatorio
4 con_position Cargo que Desempea E VC 100 Obligatorio
5 address Direccin del Contacto E VC 150 Obligatorio
6 suburb Ciudad del Contacto E VC 150 Obligatorio
OBSERVACIONES:

128
pagina

09-05-2011
DESCRIPCION:
RANGOS
VALIDOS
7 state Estado del Contacto E VC 150 Obligatorio
8 country Pas del Contacto E VC 150 Obligatorio
9 postcode Cdigo Postal E VC 50 Obligatorio
10 telephone Telfono del Contacto E VC 20 Obligatorio
11 misc Informacin del Contacto E T Obligatorio
OBSERVACIONES:

129
pagina

09-05-2011
DESCRIPCION:
RANGOS
VALIDOS
12 image Foto del Contacto E VC 250 Obligatorio
13 mobile Numero Celular E VC 20 Obligatorio
14 yahoo_msg Correo del Contacto E VC 100 Obligatorio
OBSERVACIONES:

130
6.13.15. Tabla de Comentarios
pagina

09-05-2011
ctb _jcomments Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
1 id Cdigo de Comentario PK N,I 5 Obligatorio
2 name Nombre del emisor E VC 250 Obligatorio
3 username Nick del Emisor E VC 100 Obligatorio
4 email Email del Emisor E VC 150 Obligatorio
5 comment Comentario E T Obligatorio
6 date Fecha del Comentario E D Obligatorio
7 id_user Cdigo del Usuario FK N,I 5 Obligatorio
OBSERVACIONES:

131
6.13.16. Tabla de Eventos
pagina

09-05-2011
ctb _jevents_vevdetail Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
1 evdet_id Cdigo del Evento PK N,I 5 Obligatorio
2 dtstart Fecha de inicio E N 11 Obligatorio
3 dtend Fecha de fin E N 11 Obligatorio
4 color Color Evento E VC 20 Obligatorio
5 description Descripcin del Evento E T Obligatorio
OBSERVACIONES:

132
6.13.17. Tabla de Eventos
Pagina

09-05-2011
ctb _jevents_vevdetail Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
6 location Lugar del Evento E VC 120 Obligatorio
7 summary Tema del Evento E T Obligatorio
8 contact Numero de Contacto E VC 20 Obligatorio
9 extra_info Informacin Adicional E T Obligatorio
OBSERVACIONES:

133
6.13.18. Tabla Categora de Eventos
Pagina

09-05-2011
ctb _jevents_categories Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
1 id_event Cdigo de categora PK N,I 5 Obligatorio
2 color Color Categora E VC 20 Obligatorio
3 description Descripcin Categora E T Obligatorio
4 evdet_id Cdigo Evento FK N,I 5 Obligatorio
OBSERVACIONES:

134
6.13.19. Tabla Galera de Imgenes
Pagina

09-05-2011
ctb _phocagallery Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
1 id_gallery Cdigo de Imagen PK N,I 5 Obligatorio
2 catid Autor de Imagen E VC 25 Obligatorio
3 title Titulo de la Imagen E VC 35 Obligatorio
4 filename Nombre de la imagen E VC 30 Obligatorio
5 date Fecha de subida E D Obligatorio
6
OBSERVACIONES:

135
6.13.20. Tabla Categora de Imagen
Pagina

09-05-2011

ctb _phocagallery_category Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
1 id_category Cdigo de categora PK N,I 5 Obligatorio
2 title Titulo E VC 25 Obligatorio
3 name Nombre de la Categora E VC 30 Obligatorio
4 description Descripcin Categora E VC 255 Obligatorio
5 date Fecha de Creacin E D Obligatorio
6 published Fecha de Publicacin E D Obligatorio
7 id_gallery Cdigo de Galera FK N,I 5 Obligatorio
OBSERVACIONES:

136
6.13.21. Tabla Grupo de Documentos
Pagina

09-05-2011

ctb _docman_groups Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
1 groups_id Cdigo del Grupo PK N,I 5 Obligatorio
2 group_name Nombre del Grupo E VC 35 Obligatorio
3 group_description Descripcin E VC 255 Obligatorio
4 group_members Miembros E VC 255 Obligatorio
5 id_dm Cdigo de Documento FK N,I 5 Obligatorio
6
OBSERVACIONES:

137
6.13.22. Tabla de Documentos
Pagina

09-05-2011

ctb _docman Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
1 id_dm Cdigo de Documento PK N,I 5 Obligatorio
2 dmname Nombre de Documento E VC 35 Obligatorio
3 dmdescription Descripcin E VC 255 Obligatorio
4 mddate_published Fecha de Publicacin E D 255 Obligatorio
5 published Hecho Publico E VC 5 Obligatorio
6 approved Aprobacin E VC 2 Obligatorio
7 attribs Ubicacin del Documento E VC 255 Obligatorio
OBSERVACIONES:

138
6.13.23. Tabla Contador de Visitas
Pagina

09-05-2011
ctb _vvcounter_logs Maestra Disco Duro CD - RW
DESCRIPCION:
RANGOS
VALIDOS
1 time Tiempo de Visita PK N,I 5 Obligatorio
2 visits Visitas E C 100 Obligatorio
3 guests Alojamiento E C 100 Obligatorio
4 menbers Usuario E C 100 Obligatorio
5 bots Navegador E C 100 Obligatorio
OBSERVACIONES:

139
140
CAPITULO VII
7. MANUAL ADMINISTRATIVO
7.1. Acceso a la Administracin del Sitio Web del CTB
Figura 28. Acceso a la Administracin del Sitio Web del CTB.
En esta ventana se ingresara el nombre del encargado de la administracin

del Sitio Web, con su respectiva contrasea, posterior a esto tendremos
acceso completo a toda la administracin del Sitio Web del Colegio a
Distancia Tcnico Bucay y podemos efectuar el mantenimiento respectivo del
contenido del Sitio.
141
7.2. RRHH: Mantenimiento Para agregar un nuevo Docente
Figura 29. Mantenimiento de Recurso Humanos.
En esta ventana el administrador podr agregar informacin de una persona

que vaya a laborar en el establecimiento, se configura toda la informacin que
se vaya a mostrar y la que no ser restringida de igual manera por el
administrador.
7.3. RRHH: Mantenimiento Cambios Recursos Humanos
Figura 30. Cambios de Recurso Humanos.
142
As tambin el administrador podr realizar alguna modificacin, eliminar o
realizar otro ingreso de personal podr activar o desactivar desde la ventana
de mantenimiento.
7.4. RRHH: Mantenimiento, Nueva Categora de Recursos Humanos
Figura 31. Crear nueva categora en recursos humanos.
En esta pgina el administrador debe de llenar los datos que corresponden a

la nueva categora que se va a crear para Recursos Humano, entre los datos
primordiales son: el titulo, publicado, imagen de la categora. Luego de que
estos datos hayan sido completados, la nueva categora habr sido creada.
143
7.5. RRHH: Mantenimiento realizar cambios de Categora
Figura 32. Cambios en Categoras de Recursos Humanos
En esta ventana el administrador podr eliminar, modificar, habilitar o

deshabilitar las categoras ya existentes las cuales corresponden al personal
que labora en la institucin.
7.6. Comentarios: Mantenimiento de Comentarios
Figura 33. Mantenimiento de los Comentarios.
En esta ventana el administrador podr aceptar y publicar los comentarios

que el usuario haya agregado, podr realizar cambios a los comentarios,
publicarlos as como tambin eliminarlos si el caso lo amerite.
144
7.7. Comentarios: Mantenimiento Correccin
Figura 34. Mantenimiento Corregir Comentarios
En esta ventana el administrador podr realizar cualquier correccin con

respecto al comentario que haya sido enviado por el usuario al Sitio Web, as
como tambin se lo podr dejar publicado u oculto.
7.8. CTB Social: Mantenimiento Nuevo Grupo de Campos
Figura 35. Mantenimiento Nuevo Grupo de Campos
145
En esta ventana el administrador podr puede crear un nuevo grupo para los
campos que el usuario dispondr para guardar su informacin la cual ser
publicada en el CTB Social del Colegio.
7.9. CTB Social: Mantenimiento Agregar Nuevo Campo
Figura 36. Mantenimiento CTB Social Nuevo Campo.
En esta ventana el administrador podr agregar un nuevo campo de

informacin para el usuario, podr realizar cambios a los campos existentes,
eliminarlos o deshabilitarnos temporalmente o indefinidamente.
7.10. CTB Social: Mantenimiento Nuevo Grupo de Usuarios
Figura 37. Mantenimiento CTB Social Nuevo Grupo de Usuarios
146
En esta ventana el administrador podr aprobar o rechazar los grupos que los
usuarios creen en la Red Social, podr eliminarlos si ese sea el caso, luego
que el administrador lo apruebe los usuarios podrn utilizarlo.
7.11. CTB Social: Mantenimiento de Usuarios
Figura 38. Mantenimiento de Usuarios
En esta ventana el administrador puede realizar cualquier cambio, eliminar, bloquear

las cuentas de cualquier usuario que este registrado, as tambin como puede
activar la cuenta de los usuarios, o dar privilegios a los mismos.
147
7.12. CTB Social: Configuracin General de la Red Social
Figura 39. Configuracin General de la Red Social
En esta pgina el administrador podr realizar configuraciones a la red social del

Colegio Tcnico Bucay, configuraciones como: habilitar, editar las condiciones para
el registro, habilitar el catcha, el idioma del catcha, creacin de los grupos, color del
perfil de la red social, habilitar el nombre del usuario, activar quien est en lnea,
habilitar permisos o restricciones para que los usuarios no tengan acceso a las
cuentas de los dems usuarios, entre otras configuraciones como complementos y
como ayuda para cambiar ciertas opciones que son parte de la red social del Colegio
a Distancia Tcnico Bucay.
148
7.13. Eventos: Mantenimiento de Eventos
Figura 40. Mantenimiento de Eventos
En esta ventana el administrador podr agregar un nuevo evento, ocultar,

modificar o eliminar los eventos que ya han pasado se los puede activar o
desactivar.
7.14. Eventos: Mantenimiento Editar Nuevo Evento
Figura 41. Mantenimiento de Nuevo Evento
En esta ventana el administrador ingresara todos la informacin necesaria

sobre el nuevo evento que este agregando como hora de inicio, hora de
finalizacin, lugar, entre otros, al cual el usuario tendr acceso.
149
7.15. Descarga de imagen: Mantenimiento Categora de Imgenes
Figura 42. Mantenimiento Nueva Categora de imgenes
En esta ventana el administrador podr crear una nueva categora de

imgenes en donde posteriormente subir imgenes a las cuales puedan
tener acceso los usuarios registrados y de esta manera descargar las
mismas.
7.16. Descarga de imagen: Mantenimiento Subir imgenes
Figura 43. Mantenimiento subir imgenes.
En esta ventana el administrador podr subir imgenes, agregando las

categoras correspondientes ya creadas anteriormente, podr eliminar o
desactivar imgenes ya existentes.
150
7.17. Descarga de imagen: Mantenimiento Comentarios de imgenes
Figura 44. Mantenimiento comentarios de imgenes
En esta ventana el administrador podr aprobar para luego publicar los

diferentes comentarios que el usuario haya hecho a las imgenes del Sitio
Web, as tambin podr eliminarlos si fuese necesario.
7.18. Descarga de Archivo: Mantenimiento Grupos de Archivos
Figura 45. Mantenimiento Grupo de Archivos
En esta ventana el administrador podr crear cualquier categora las cuales se las
utilizara para clasificar los archivos que se van a subir para que los usuarios puedan
descargar y hacer uso de ellos, siempre y cuando los usuarios se hayan registrado a
la pagina, caso contrario no podrn tener acceso a estas descargas.
151
7.19. Descarga de Archivo: Mantenimiento de Archivos
Figura 46. Mantenimiento de Archivos
En esta ventana el administrador podr eliminar, cambiar el nombre de los archivos

que ya se encuentran subidas en el sitio web, tambin podr eliminar cualquier
archivo si fuese necesario.
7.20. Descarga de Archivo: Mantenimiento Subir Archivo Nuevo
Figura 47. Mantenimiento de Subir Archivos
En esta ventana el administrador podr subir varios tipos de archivos los mismos
que se los publicaran para que los usuarios que se hayan registrado puedan
descargarlos y puedan hacer uso de ellos.
152
7.21. Descarga de Archivo: Configuracin General
Figura 48. Mantenimiento Configuracin General.
En esta ventana el administrador puede realizar cualquier cambio general en la

descarga de archivos tales como: cambiar la ruta de los archivos, tipo de archivos
visibles, nmero de archivos por paginas, dar permisos de quienes pueden tener
acceso a ellos, tipos de archivos permitidos para subir, entre otras configuraciones
mas con las cuales los usuarios podrn tener acceso a estos archivos y los pueden
descargar del sitio web del Colegio.
7.22. Chat Online: Configuracin General
Figura 49. Configuracin General del Chat Online.
153
Dentro de esta ventana, el administrador podr realizar los cambios necesarios que
se requiera para la Sala de chat online del Colegio Tcnico Bucay, configuraciones
como: nombre de la sala, usuarios que tendrn acceso a la sala, smile, Idioma de la
sala de chat, canales de chat, mostrar nombres de los usuarios conectados, entre
otras configuraciones para la sala del chat donde solo los usuarios logueados
podrn entrar.
7.23. Mantenimiento Gestor de Usuarios
Figura 50. Mantenimiento de usuarios
En esta ventana el administrador podr modificar, eliminar, habilitar o

deshabilitar a los usuarios del Sitio Web, as como tambin podr dar
permisos a ciertos usuarios para que puedan subir documentos o realizar
algn cambio en el Sitio Web.
7.24. Mantenimiento Crear Nuevo Usuario
Figura 51. Mantenimiento Crear Nuevo Usuario.

154
En esta pgina el administrador podr ingresar los datos como nombre, alias,
contrasea, de un nuevo usuario, tambin podr darles algn privilegio para
que pueda realizar algn cambio al Sitio Web.
7.25. Mantenimiento Articulo Informativo
Figura 52. Mantenimiento de artculo.
En esta ventana el administrador podr crear un nuevo artculo informativo

dentro del cual podr publicar cualquier tipo de informacin sobre el Colegio a
Distancia Tcnico Bucay, adems podr realizar modificaciones a artculos ya
existentes, eliminarlos o deshabilitar un articulo ya publicado.
7.26. Mantenimiento Crear Nuevo Articulo Informativo
Figura 53. Mantenimiento de nuevo artculo.

155
En esta ventana el administrador ingresara el titulo, y el detalla del nuevo
artculo informativo que vaya a publicar, podr poner grficos, enlaces, etc.
Dependiendo del artculo que se vaya a presentar, el administrador deber
tambin podr publicarlo en cualquiera de las pginas del Sitio Web.
7.27. Mantenimiento: Configuracin Global
Figura 54. Configuracin Global.
Dentro de esta ventana el administrador podr realizar cualquier cambio general a

permitir o restringir algunas opciones para la administracin del Gestor de Contenido
Joomla Configuraciones como: nombre del sitio web, mensaje que se visualizara si
el sitio web se encuentra desactivado tipo de editor para los artculos, URL
amigables, ruta de las carpetas, habilitar la subida de flash, zona horaria de
acuerdo al pas, entre otras configuraciones para el gestor de contenido.
156
157
CAPITULO VIII
8. MANUAL DE USUARIO
8.1. INTRODUCCIN
El manual de usuario que hemos elaborado redacta la informacin detallada

del Sitio Web de Colegio a Distancia Tcnico Bucay, dicho manual conserva
el extracto del sistema original que se va a ejecutar dentro del Sitio Web.
8.2. OBJETIVOS DE ESTE MANUAL
La realizacin de este manual tiene como objetivo facilitar la interaccin entre

el usuario y el sistema que tratamos de implementar a fin se escatimar
recursos importantes como el tiempo, de manera que sea para nuestros
futuros usuarios una manera mucho ms rpida y confiable de entablar los
nexos que esperamos con la institucin.
Este manual va dirigido al personal designado y estrictamente autorizado que

se encargara del mantenimiento del Sitio Web para la correcta administracin
del mismo.
8.3. CONOCIMIENTOS BSICOS
Los conocimientos bsico necesarios que se requieren para la comprensin

del sistema que hemos desarrollado es el manejo de internet, puesto que
nuestro Sitio es fcil y practico orientado para todo tipo de usuario que se
encuentre en la red.
158
8.4. INICIANDO LA VISTA DEL SITIO WEB DEL CTB
Para iniciar la navegacin en el Sitio Web del Colegio a Distancia Tcnico

Bucay debemos tener instalado en nuestro Computador cualquier navegador
de internet como: internet Explorer 7.0, Mozilla Firefox, Google Chrome, etc. Y
tambin debemos tener instalado el adobe flash player 9.0 web para poder
visualizar las animaciones flash.
Luego en la barra de direcciones debemos editar la direccin www.coditeb.org
seguido de presionar la tecla enter, posterior a esto nos presentara la pgina
principal que pertenece al Colegio a Distancia Tcnico Bucay.
8.4.1. Inicio: Home, Pgina Principal
Figura 55. Pgina Inicio del Colegio Tcnico Bucay
En la parte superior izquierda de cada una de las paginas podremos encontrar

dos links, uno de facebook y otro de youtube, as tambin tenemos en la parte
159
superior el men principal que contiene las opciones Inicio, Quienes Somos,
Informacin, Contctenos, CTB Social, Mi Cuenta.
En esta pgina el usuario tambin podr ver el calendario de eventos que se

encuentra en casi todas las pginas que forman parte del Sitio Web, debajo
de esta opcin los usuarios podrn ver actividades recientes a nivel nacional.
Dentro de la opcin Quienes Somos podemos encontrar informacin acerca

de la institucin como: misin, visin, origen, instalaciones, tenemos tambin
en el men la opcin informacin en el cual contiene: los requerimientos para
la matricula, informacin acerca de los uniformes que utiliza la institucin, SRI
del colegio, Distributivo, Permiso de Funcionamiento
En la opcin contctenos podemos encontrar las subopciones como:

direccin, comentarios, recursos humanos. Luego tenemos la opcin CTB
Social en la Cual podemos encontrar el inicio de la red Social del colegio,
Registrar nuevo usuario y el ingreso del usuario a la sala de chat online.
La ltima opcin del men principal que se encuentra del lado derecho del
sitio web es en donde el usuario podr acceder a su cuanta o cerrar la misma
si ya estuviese abierta.
Tambin vemos en la parte inferior izquierda la opcin Smbolos Patrios la

cual contienes algunos Himnos muy importantes, incluyendo el himno al
Cantn Bucay. Tambin en la parte inferior tenemos la opcin nosotros y
contctenos que de igual manera contiene las subopciones mencionadas
anteriormente.
Tambin se muestra algunos link como: reina del colegio, especialidades,

pginas de consultas, deportes, los mismos que se tiene acceso para ver ms
informacin importante.
160
En la parte inferior de la pgina tambin encontraremos algunos links de
descargas donde se podrn tener acceso a las descargas los usuarios
debidamente registrados.
8.4.2. Inicio: Buscar en Google
Figura 56. Buscar en Google.
En esta pgina el usuario podr realizar cualquier bsqueda en la web dentro de

google, esta opcin permite abrir el buscador de google dentro del sitio web del
Colegio Tcnico Bucay sin la necesidad de salir de la pgina del colegio.
161
8.4.3. Quienes Somos: Misin
Figura 57. Misin.
En esta ventana los usuarios podrn encontrar la misin que se ha planteado

la institucin educativa con sus estudiantes.
162
8.4.4. Quienes Somos: Visin
Figura 58. Visin.
Dentro de esta pgina se plantea la visin que el Colegio anhela obtener con
sus estudiantes, a esta informacin tambin podr acceder cualquier usuario.
163
8.4.5. Quienes Somos: Origen
Figura 59. Origen.
Dentro de esta pgina los usuarios podrn obtener informacin muy

importante acerca del origen del inicio y creacin del Colegio a Distancia
Tcnico Bucay.
164
8.4.6. Quienes Somos: Instalaciones
Figura 60. Instalaciones.
Dentro de esta pgina los usuarios podrn obtener informacin acerca de la

infraestructura del Colegio a Distancia Tcnico Bucay, se encuentra
describiendo cada una de las instalaciones con las que cuenta la institucin
para el mejor desempeo prctico y aprendizaje de los estudiantes.
165
8.4.7. Informacin: Requisitos Para Matricula
Figura 61. Requisitos Para Matricula
Dentro de esta pgina los usuarios podrn consultar todos los requisitos que
va a necesitar al momento de adquirir una matrcula y de esta manera se
lograra evitar algn contratiempo en los periodos de matriculacin.
166
8.4.8. Informacin: Uniforme del Colegio
Figura 62. Uniforme del Colegio.
Dentro de esta pgina se podr encontrar informacin muy importante como

son los uniformes que utiliza el Colegio, encontramos la informacin
describiendo cada uno de los uniformes, los das y fechas en los que se los
utiliza.
167
8.4.9. Informacin: SRI del Colegio
Figura 63. SRI del Colegio.
Dentro de esta pgina el usuario podr encontrar el SRI con el que funciona el
colegio a Distancia Tcnico Bucay, contiene toda la informacin completa del
servicio de rentas internas.
168
8.4.10. Informacin: Distributivo 2011 del Colegio
Figura 64. Distributivo 2011 del Colegio.
En esta pgina los usuarios podrn encontrar el distributivo que le corresponde a

cada docente que labora en la institucin as como ms informacin detallada
que presenta este distributivo anual.
169
8.4.11. Informacin: Permiso de Funcionamiento
Figura 65. Permiso de Funcionamiento.
En esta pgina los usuarios podrn visualizar el permiso de funcionamiento del

Colegio a Distancia Tcnico Bucay, documento con el cual esta institucin lleva
laborando desde el ao de 1996, justificado por el ministerio de Educacin y Cultura.
170
8.4.12. Contctenos: Direccin
Figura 66. Direccin.
En esta pgina el usuario podr obtener informacin muy importante como

direccin, telfono, email del Colegio a Distancia Tcnico Bucay, tambin est
disponible un croquis indicando el lugar donde se encuentra ubicada la
institucin, con esta informacin los usuarios podrn contactarse directamente
con la institucin.
171
8.4.13. Contctenos: Comentarios
Figura 67. Comentarios.
En esta pgina los usuarios ya sean registrados o invitados podrn dejar

cualquier comentario con respecto al sitio Web del Colegio a Distancia
Tcnico Bucay, el mismo que ser publicado una vez que haya sido revisado
y aprobado por el moderador.
172
8.4.14. Contctenos: Recursos Humanos
Figura 68. Recursos Humanos.
Cuando elegimos una de las categoras nos presentara un listado con los
nombres de todas las personas que pertenecen a dicho grupo con una
pequea introduccin de los datos que contiene como el cargo y el nmero de
telfono al acceder a uno de estos nombres se mostrara informacin ms
detallada de esa persona seleccionada.
173
Figura 69. Listado de Nombres.
En esta pgina los usuarios podrn ver en forma de lista los nombres de todas
las personas que pertenecen a la categora que el usuario haya elegido, segn el
cargo que desempeen dichas personas.
174
Figura 70. Informacin del Docente.
Al hacer clic en cualquiera de los nombres nos presentara informacin de esa

persona que labora dentro del Colegio a Distancia Tcnico Bucay, informacin
muy importante como: nombre, direccin, telfono, cargo, Estudios realizados
o realizndose etc. A esta informacin podrn acceder usuarios registrados o
usuarios tambin invitados, de esta manera podr tener conocimiento de todo
el personal que labora en la institucin.
Adems los usuarios podrn hacer alguna pregunta al docente a travs de los
mensajes que se pueden enviar por medio de esta pgina, el usuario tendr
que ingresar algunos datos que se pide antes de enviar el mensaje, el
mensaje se enviara al correo del docente.
175
8.4.17. CTB Social: Inicio CTB Social
Figura 71. Inicio CTB Social
En esta pgina los usuarios podrn ingresar a su cuenta de Red Social y

crear su propio blog, en donde podrn interactuar creando sus propios grupos
para mantener comunicacin con distintos miembros dentro y fuera de la
institucin, de esta manera intercambiar opiniones.
176
8.4.18. Acceso Para Usuarios Registrados
Figura 72. Acceso Para usuarios registrados
Del lado derecho nos pide que ingresemos el nombre de usuario y la

contrasea para acceder a los usuarios que ya se han registrados, del lado
izquierdo un botn para que los usuarios no registrados puedan registrarse a
la pgina de Colegio. En la parte inferior del lado derecho tenemos link para
que los usuarios que hayan olvidado un dato de acceso pueda recuperarlos.
8.4.19. Opcin para recuperar datos del usuario
Figura 73. Recuperar datos de acceso del usuario
177
En esta opcin se pedir al usuario que ingrese su direccin de correo al cual
se le enviara el dato que haya perdido y de esta manera lo pueda recuperar
sin la necesidad de que vaya a crear una cuenta nueva.
8.4.20. Opcin Bsqueda sencilla de personas
Figura 74. Bsqueda sencilla de personas
Figura 75. Resultado de la Bsqueda Sencilla
Los usuarios invitados solo podrn realizar bsquedas sencillas, es decir

ingresando el solo nombre o el email, para poder acceder a la bsqueda
avanzada es necesario estar antes registrado.
178
8.4.21. Bsqueda Avanzada de Personas
Figura 76. Bsqueda Avanzada de Personas
A esta ventana de bsqueda avanzada podrn tener acceso solo los usuarios
ya registrados esta bsqueda avanzada le permite muchas ms opciones de
bsqueda para el usuario.
8.4.22. Inicio del Usuario en CTB Social
Figura 77. Inicio del Usuario en CTB Social.
179
Esta pgina se presentara el inicio cuando el usuario haya ingresado a su cuenta,
dicha pgina inicial cuenta con varias opciones de cada usuario como: miembros
registrados, videos vistos, actividades recientes, bsqueda, usuarios en lnea, entre
otras opciones a los cuales el usuario tiene total acceso siempre que sea su cuenta
y haya accedido a ella.
8.4.23. CTB Social: Usuario: Perfil
Figura 78. CTB Social, Perfil del usuario
En esta Pgina contiene toda la informacin personal del usuario registrado

como: informacin bsica, informacin de contacto, educacin, intereses, en
la parte derecha de la pgina podr ver a los amigos que tiene agregado
actualmente, a los grupos que se ha unido, en la parte superior el usuario
podr publicar un pensamiento o mensaje.
180
Tambin tiene varias opciones para configuracin de su perfil como: editar
perfil, aqu el usuario podr cambiar los datos que contiene su informacin
personal.
Cambiar foto de perfil, en esta opcin podr cambiar el usuario su fotografa

de perfil la cual se visualizara a todos los dems usuarios. En la opcin
privacidad el usuario podr restringir algunas cosas que no quiere que los
dems puedan ver.
En la opcin aadir video el usuario puede agregar videos a travs de enlaces

de las algunas pginas como: youtube, yahoo, fickr, metacafe, entre otras
pginas que contienen videos, para agregar el video debe de copiar el URL
del video.
La opcin aadir aplicaciones permite al usuario habilitar algunas aplicaciones

a su cuenta, esta aplicaciones tienen que ser instaladas por el administrador
del Sitio Web. En la opcin comenzar un nuevo grupo, permite al usuario
crear un grupo al cual podr unirse cualquier usuario, segn la restriccin que
el usuario que lo cree lo disponga.
En la opcin invitar amigos el usuario podr enviar una invitacin para unirse
a todos los contactos que desee. En la opcin escribir mensaje el usuario
podr escribir un mensaje personal el cual lo podr enviar a cualquiera de sus
contactos agregados.
La opcin ver bandeja de entrada contiene todos los mensajes personales
que el usuario haya recibido.
Por ltimo en la opcin cargar fotos el usuario podr crear su lbum virtual al
cual posteriormente podr cargar fotografas a su blog y poder compartir con
sus contactos registrados, aqu el usuario podr configurar a quienes les da
permisos para que puedan ver sus fotografas.
181
8.4.24. CTB Social: Usuario: Cambiar Foto de Perfil
Figura 79. Cambiar foto de perfil
En esta ventana el usuario podr cambiar la fotografa que se va a mostrar en

su perfil personal junto con sus datos informativos que haya publicado en su
blog.
El usuario debe dar clic en el botn seleccionar archivo, luego buscar la foto a
travs del explorador, abrirla y por ultimo dar clic en el botn actualizar, luego
de esto automticamente se habr actualizado y la foto de perfil habr sido
cambiada con xito.
182
8.4.25. CTB Social: Usuario: Amigos
Figura 80. CTB Social, Amigos
En este men, el usuario podr realizar bsqueda de personas, puede hacer

bsquedas sencillas o bsquedas avanzadas con mayor exactitud y encontrar
la persona que busca siempre y cuando ya est registrado en el Sitio Web.
En la opcin solicitud enviada podr ver todas las solicitudes que hay enviado
a otros usuarios, tambin en la opcin en espera de mi aprobacin, podr ver
a los usuarios que le haya enviado alguna solicitud de amistad y este en
espera hasta que el usuario pueda aprobarla o rechazar la solicitud.
En si esta ventana muestra a todos los amigos que hayan sido aceptados por
el usuario aqu podr escribir un mensaje, podr ver si el usuario se encuentra
en lnea, as como tambin podr eliminar a cualquier usuario de la lista de
amigos
183
8.4.26. CTB Social: Usuario: Aplicaciones
Figura 81. CTB Social, Aplicaciones
En este men el usuario podr ver las aplicaciones que tiene habilitadas en su
cuenta, de igual manera el usuario podr eliminar alguna aplicacin si no es
de su agrado.
8.4.27. CTB Social: Usuario: Bandeja de Entrada
Figura 82. CTB Social, Bandeja de Entrada
En esta pgina el usuario podr revisar los mensajes personales que otros
usuarios le hayan envido a su cuenta, el usuario podr de igual manera
184
responder a ese mensaje, o eliminarlo si as lo desea, puede tambin escribir
un mensaje nuevo para ser enviado a cualquier otro usuario que tengo
agregado a su blog como amigo.
8.4.28. CTB Social: Registrar Nuevo Usuario
Figura 83. Registrar Nuevo Usuario.
Dentro de esta pgina los usuarios nuevos que aun no se han registrados,
podrn hacerlo y de esta manera crear su blog de Red Social, en esta pgina
se le pedir que llene un formulario con datos importantes del usuario como:
Nombre, correo, contrasea, estado civil, gnero, etc. Estos datos sern
publicados en su blog para que otros usuarios agregados como amigos
puedan ver su informacin personal, caso contrario el usuario podrn poner
una restriccin.
Adems los usuarios ya registrados podrn tener acceso a las distintas

descargas dentro del Sitio Web del Colegio a Distancia Tcnico Bucay.
185
8.4.29. CTB Social: Entrar Chat Online
Figura 84. Entrar Chat Online.
Dentro de esta pgina los usuarios que ya estn registrados podrn acceder a
la sala de chat en lnea del Colegio Tcnico Bucay, los usuarios podrn
acceder a cualquiera de los tres canales de chat creados por el administrador,
este medio ser de gran ayuda para hacer alguna consulta en tiempo real a
cualquier docente que se encuentre conectado a la red.
186
8.4.30. Mi Cuenta: Acceder, Salir
Figura 85. Acceder, Salir de la Cuenta.
A travs de esta ltima opcin del men principal ubicado en la parte superior del
lado derecho de la pgina, los usuarios podrn acceder directamente a su cuenta en
el sitio web del Colegio, o a su vez salir del mismo si ya se encuentra logueado en
esta.
187
8.4.31. Smbolos Patrios: Himno Nacional
Figura 86. Smbolos Patrios, Himno Nacional del Ecuador.
En esta pgina el usuario podr tener acceso y podr consultar el himno

nacional del Ecuador completo, su letra, autor para utilizarlo en cualquier
consulta o trabajo.
188
8.4.32. Smbolos Patrios: Himno a la Bandera
Figura 87. Smbolos Patrios, Himno a la Bandera.
En esta pgina el usuario podr tener acceso y podr consultar el himno a la

Bandera completo, su letra, autor para utilizarlo en cualquier consulta o
trabajo.
189
8.4.33. Smbolos Patrios: Himno al Cantn Bucay
Figura 88. Smbolos Patrios, Himno al Cantn Bucay.
En esta pgina el usuario podr tener acceso y podr consultar el Himno al

Cantn Gral. Elizalde (Bucay), su letra, autor para utilizarlo en cualquier
consulta o trabajo.
190
8.4.34. Calendario de Eventos
Figura 89. Calendario de Eventos.
Dentro de esta pgina el usuario podr tener informacin muy importante

como son los diferentes eventos que realiza el Colegio a Distancia Tcnico
Bucay, podrn realizar consultas de igual manera de los eventos anteriores,
los podrn consultar por ao, mes, da y los actuales, en el mismo podrn
encontrar la hora, el lugar y una descripcin general con respecto a cada uno
de los eventos que se van a realizar.
191
8.4.35. Descargas: Imgenes Disponibles
Figura 90. Descarga de imgenes.
A esta pgina solo podr acceder usuarios que estn debidamente

registrados al Sitio Web del Colegio a Distancia Tcnico Bucay, adems de
esto los usuarios registrados podrn realizar las descargas de las mismas y
ver una descripcin de cada foto, a su vez podr realizar una votacin o dejar
un comentario en las fotos que deseen.
192
8.4.36. Descargas: Documentos Disponibles
Figura 91. Descarga de documentos.
Dentro de esta pgina los usuarios registrados podrn acceder a su cuenta y

a su vez descargar cualquiera de los documentos que estn en el Sitio, estos
documentos estarn clasificados por las distintas categoras.
193
8.4.37. Actividades Nacionales Recientes
Figura 92. Actividades Nacionales Recientes.
Del lado izquierdo a las paginas los usuarios podrn enterarse de noticias
nacionales de ltimo momento de gran inters para el pas, de una manera
rpida a travs del mismo tambin se podr redireccionarse a la red social
ms conocida como es el facebook.
8.4.38. Contador de Visitas
Figura 93. Contador de Visitas.
194
En este men el usuario podr visualizar el nmero de visitantes que tiene el
Sitio Web, este contador muestra las visitas diarias, semanales, mensuales, y
un total de todas las visitas.
8.4.39. Redes Sociales
Figura 94. Iconos de Redes Sociales
En la parte superior del lado izquierdo de todas las paginas tenemos enlaces
a las ms conocidas Redes sociales como son: Facebook y Youtube.
Facebook. Este enlace nos llevara directamente a la cuenta de facebook del

Colegio a Distancia Tcnico Bucay donde tendr informacin del mismo.
You Tube. Este enlace nos llevara a algunos de los videos realizados por la
institucin de los distintos eventos realizados por el Colegio a Distancia
Tcnico Bucay.
195
8.4.40. Bsqueda
Figura 95. Bsqueda Rpida.
En esta opcin que tenemos en todas las pginas el usuario podr realizar
una bsqueda ms directa dentro del Sitio Web del Colegio a Distancia
Tcnico Bucay.
Podr buscar la informacin que el usuario necesite de una manera ms

directa. Esta barra de bsqueda est ubicada en la parte superior del lado
derecho.
196
197
DICCIONARIO TCNICO
A.
Adobe.- Paquete de varias aplicaciones que se utiliza para el diseo y

programacin de pginas web.
Archivo.- Conjunto de datos que se encuentran reunidos en un solo lugar para
servir como medio de informacin.
Acceso.- ingreso a un medio que est prohibido para los dems.
Acceso Directo.- Modo rpido de acceder a cualquier programa, Documento, o
impresora del sistema.
Alias.- Apodo o Pseudnimo. Nombre corto y fcil de recordar que se utiliza
normalmente en los chats.
B.
Base de Datos.- Conjunto de registros que contiene informacin o datos

importantes para la institucin o empresa que lo utilice.
Blog.- Espacio personal donde el usuario puede hacerse conocer a otros
usuarios por medio del internet.
Buscador.- Son aquellos que estn diseados para facilitar encontrar otros
sitios o pginas Web. Algunos ejemplos de buscadores son Google, Yahoo.
C.
Cyber.- Lugar donde estn conectadas varias computadoras a la gran Red de

internet al cual tienen acceso los usuarios.
CTB.- Siglas del Sitio Web que corresponde a Colegio Tcnico Bucay
Chat.- Conversacin interactiva con otros usuarios en tiempo real, en Internet.
198
Ciberespacio.- Para referirse coloquialmente a moverse por Internet. Se suele
denominar navegar por el ciberespacio el recorrer las redes de comunicacin.
Cdigo.- Se refiere a las instrucciones contenidas en un programa, y
entendibles por el ordenador. Las aplicaciones normales pueden tener miles de
lneas de cdigo que es necesario mantener y actualizar.
Comunicacin.- Proceso de transmisin y recepcin de ideas, informacin y
mensajes.
Cracker.- Persona especializada en la desproteccin de programas, dejndolos
sensibles a la copia.
D.
Documento.- Archivo que contiene informacin importante, los documentos son

de distintos tipos dependiendo del programa en el que haya sido hecho.
Descargar.- Copiar a travs de una red (Internet, BBS, etc.) un elemento que se
encuentra ubicado fsicamente en otro ordenador (Un fichero, un programa, un
documento, etc.) a nuestro disco duro.
Desinstalar.- Eliminar hardware o software de un sistema de computacin.
Muchas aplicaciones vienen con su propia utilidad "desinstalar", cuando no,
puede emplearse un programa genrico para desinstalarlas.
E.
Evento.- Acto que es realizado con el objetivo de dar a conocer algo muy
importante en el cual estn involucradas varias personas.
E-mail.- Servicio de comunicaciones que permite el intercambio y
almacenamiento de mensajes. En muchos casos sustituye al sistema FTP ya
que acepta el envo de ficheros, imgenes, etc. aparte del texto.
199
Enlace.- (Link). Refirindonos a Internet y pginas Web es un unin entre varios
documentos dentro de un mismo servidor, o con mayor frecuencia, la posibilidad
de acceder mediante la pulsacin de una palabra o frase, generalmente
resaltada y subrayada, a otra pgina situada en un ordenador distinto y ubicado
en cualquier lugar del mundo, ya que en el momento de la creacin de ese
enlace se le ha asignado la direccin o URL a la que ha de dirigirse.
Ethernet.- Red de rea local (LAN) desarrollada por Xerox, Digital e Intel. Es el
mtodo de acceso LAN que ms se utiliza. Se monta sobre cable coaxial.
Extranet.- Al igual que Intranet, son "hermanos menores" de Internet, es decir,
que se utilizan los mismos protocolos, sistemas de pginas www, pero en este
caso sirven para unir sectores ms amplios que las anteriores, tipo distintas
empresas.
F.
Facebook.- Red Social muy conocida que se utiliza para hacer amistad en
distintas
FTP.- (File Transfer Protocol). Protocolo para la transferencia de ficheros.
Foro.- Intercambio de informacin con respecto a un tema determinado o
producto especfico que es anfitrin en un servicio en lnea o BBS.
G.
Google.- Buscador de internet muy conocido a nivel mundial, muy til para
realizar todo tipo de bsqueda en la gran Red Internet.
GNU: Licencia Pblica General. Software desarrollado para distribucin sin fines
de lucro.
200
H.
Hi5.- Red Social muy conocida la cual se utiliza para relacionarse con gente de
cualquier parte del mundo.
Hosting.- Hospedaje web, es donde se almacenara toda la informacin a cual
se acceder por medio del internet.
I.
Internet.- Medio de Comunicacin a travs del cual viajan paquetes de

informacin por todo el mundo.
Intranet.- Se denomina de esta forma cuando se utilizan los sistemas de Internet
a nivel de protocolos, pero en un mbito reducido, como puede ser el de una
empresa.
J.
Joomla.- Gestor de contenido que se utiliza para el diseo y desarrollo de Sitios

Web.
L.
Link.- Texto que se encuentra enlazado o vinculado a otra pgina, al cual se

tiene acceso al dar clic.
201
M.
Manual.- Instructivo que detalla paso a paso el correcto modo de utilizar dicha
herramienta.
N.
Navegador.- Son programas de ordenador diseados para facilitar la

visualizacin de pginas Web en Internet.
Navegar.- Desplazarse por los distintos lugares y pginas de Internet a base de

la utilizacin de los enlaces.
Nombre de usuario.- Username. No tiene por que ser el nombre real sino
cualquier identificador para el programa que se est utilizando.
O.
Online.- En lnea, es decir el acto se ejecuta en ese mismo instante de tiempo a

travs de la gran Red Internet.
Ofimtica.- Rama de la informtica dirigida al trabajo genrico de oficinas y los
programas utilizados, tipo procesadores de texto, hojas del clculo, etc.
P.
Publico.- Algo que sea de libre acceso sin restriccin para alguna persona.
PC.- Personal Computer (Computador Personal).
Password.- (Contrasea). Se denomina as al mtodo de seguridad que se
utiliza para identificar a un usuario.
202
R.
Red.- Conjunto de ordenadores que se encuentran conectados al internet por

todo el mundo.
Red Social.- Medio que se utiliza en internet para conocer e interactuar con
cualquier persona en cualquier parte del mundo.
S.
Sitio Web.- Medio que se utiliza para publicidad, informacin, etc. el cual est
formado por varias pginas Web.
Servidor Web.- Ordenador de gran capacidad en cual se encarga de contener la
informacin que viaja a travs de la gran Red.
T.
Twitter.- Red Social la cual se utiliza para interactuar con personas de cualquier
lugar del mundo.
U.
URL.- Cdigo que permite enlazar a un objeto que se encuentre guardado en un

Servidor Web distinto.
Usuario.- Cualquier persona que tenga acceso a la gran Red de Internet desde
cualquier lugar del mundo.
203
V.
Vinculo.- Texto con acceso directo a otra pgina web diferente a la cual hace
referencia el tema.
W.
WAP: (Wireless Application Protocol). Protocolo de Aplicaciones Inalmbricas.

Web: Por ste trmino se suele conocer a WWW (World Wide Web).
Y.
You Tube.- Sitio Web destinado para la subida y publicacin libre de videos de
todo tipo.
Z.
ZIP.- Es un formato de compresin de datos.
204

Diseño e Implementacion de Un Sitio Web para El Colegio A Distancia Técnico Bucay

Hochgeladen von

Dokumentinformationen

Originalbeschreibung:

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Diseño e Implementacion de Un Sitio Web para El Colegio A Distancia Técnico Bucay

Hochgeladen von

Copyright:

Verfügbare Formate

REPBLICA DEL ECUADOR

UNIVERSIDAD ESTATAL DE MILAGRO

UNIDAD ACADMICA CIENCIAS DE LA INGENIERA

TTULO: Diseo e Implementacin de un sitio web para el Colegio a

(PREVIO A LA OBTENCIN DEL TTULO DE INGENIERO EN

AUTOR: Vctor Alfonso Gmez Chiliquinga

MILAGRO, MAYO 2011

UNIVERSIDAD ESTATAL DE MILAGRO

UNIDAD ACADMICA CIENCIAS DE LA INGENIERA

TTULO: Diseo e Implementacin de un sitio web para el Colegio a

(PREVIO A LA OBTENCIN DEL TTULO DE INGENIERO EN

AUTOR: Vctor Alfonso Gmez Chiliquinga

TUTOR: Ing. Javier Bermeo

MILAGRO, MAYO 2011

En calidad de TUTOR de proyecto de investigacin, nombrado por el consejo

Este trabajo est dirigido a: Diseo e implementacin de un Sitio Web para el

Presentado por el Seor:

Vctor Alfonso Gmez Chiliquinga

Ing. Javier Bermeo

Milagro, a los 9 das del mes de Mayo del 2011.

Por medio de la presente declaramos ante el Consejo Directivo de la Unidad

Milagro, a los 9 das del mes de Mayo del 2011

EL TRIBUNAL EXAMINADOR previo a la obtencin del ttulo de:

PRESIDENTE DEL TRIBUNAL

PROFESOR DELEGADO PROFESOR DELEGADO

Primeramente quiero expresar mi ms grande agradecimiento a Dios por

Tambin mis ms sinceros agradecimientos a todos mis profesores quienes

El presente proyecto, lo Dedico con mucho cario y respeto a mis padres,

Milagro, 9 de Mayo del 2011

1.1. PLANTEAMIENTO DEL PROBLEMA ................................................. 22

2.1. MARCO TERICO.............................................................................. 29

3.1. TIPO Y DISEO DEL LA INVESTIGACIN Y SU PERSPECTIVA

4.1. ANALISIS DE LA SITUACIN ACTUAL ............................................. 52

5.1. TEMA .................................................................................................. 73

6.1. INTRODUCCIN ................................................................................ 91

8.1. INTRODUCCIN .............................................................................. 158

UNIDAD ACADEMICA CIENCIAS DE LA INGENIERIA

DISEO E IMPLEMENTACIN DE UN SITO WEB PARA EL COLEGIO A

Debido a la falta de informacin oportuna por parte del Colegio a Distancia

Esto conlleva a la elaboracin de un Sitio Web para subirlo en la gran red

UNIT ACADEMIC OF ENGINEERING SCIENCES

DISEO E IMPLEMENTACIN DE UN SITO WEB PARA EL COLEGIO A

Due to the lack of timely information by the Colegio a Distancia Tcnico

La tecnologa est avanzando cada vez ms a paso acelerado y con ello

En la actualidad el tratamiento de la informacin es automatizado, ya que por

Atreves del internet muchas de las empresas de dan a conocer brindando as

Es por esta razn que el internet se ha convertido en un objetivo primordial

Es as como el Colegio fiscal a Distancia Tcnico Bucay, ubicado en el

El desarrollo e implementacin del presente proyecto permitir que la

A travs de sitio web del Colegio fiscal a Distancia Tcnico Bucay la

El Sitio Web del Colegio a Distancia Tcnico Bucay permitir tambin

1.1. PLANTEAMIENTO DEL PROBLEMA

Desconocimiento del periodo de duracin de las matriculas.

Inexperiencia o duda de los requisitos para el proceso de matrcula para

Desconocimiento de los eventos importantes que realiza la institucin

Carencia de informacin sobre las especialidades que ofrece la institucin

Desconocimiento de los beneficios y estructura que brinda el establecimiento.

La no automatizacin de la publicidad va internet evitara extenderse a la

Proponer un sitio web que contenga informacin relevante de la institucin y

1.1.2. Delimitacin del problema

Objeto de estudio: Mejorar la publicidad de la institucin.

1.1.3. Formulacin del problema