Upload
cristina-herrera
View
23
Download
0
Embed Size (px)
DESCRIPTION
sistema de notas y pagina web
Citation preview
INSTITUCIN EDUCATIVA MIGUEL DEL HIERRO
Diseo e implementacin de un Sitio Web
conjuntamente con un Prototipo de un Sistema de
Ingreso de Notas para la seccin Bachillerato de la
Institucin Educativa Miguel del Hierro
AUTORES:
Mara Jos Maldonado
Alejandra Guerrero
Vernica Caiza
CURSO:
3 Bachillerato Informtica
Tutores:
Ing. Diego Pozo
Ing. ngel Orellana
Lic. Mayra Inapanta
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
CERTIFICACIN
Ing. Diego Pozo, certifica que el presente proyecto ha sido elaborado por
las Srtas. Mara Jos Maldonado, Alejandra Guerrero y Vernica Caiza;
bajo mi direccin, control y seguimiento. El presente trabajo rene los
requisitos de una investigacin concluida mediante el esfuerzo,
dedicacin y constancia; tanto en parte terica, investigativa y prctica, lo
que permite otorgar su originalidad.
Para constancia y validez, firmo el documento.
Atentamente,
.
Ing. Diego Pozo
TUTOR DEL PROYECTO
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
AGRADECIMIENTO
Brindamos nuestro ms sincero agradecimiento, en primer lugar a Dios
autor de la vida por guiar nuestro camino.
A nuestras familias que nos han motivado a seguir adelante por ms
problemas que se nos presenten, porque gracias a ellos y a su soporte
somos quienes somos, a nuestros padres que fueron los que estuvieron a
nuestro lado.
A nuestros amigos y compaeros de colegio, que aparecieron en nuestro
camino y nos extendieron la mano cuando lo necesitamos, tambin a
nuestros maestros que a travs de la educacin nos ensearon a ser
personas de bien, a tener el valor para seguir adelante, buscando
nuestras metas y sueos.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
DEDICATORIA
Dedicamos este proyecto principalmente a Dios, porque ha sido la luz que
ha guiado nuestro camino en un solo rumbo en el que nosotras Vernica,
Alejandra y Mara Jos nos hemos encontrado para tener un objetivo en
comn que es seguir formndonos como profesionales, con metas
similares y que gracias a esto estamos hoy juntas, listas para realizar una
ms de nuestras metas.
A nuestros padres por que han sabido poner lmites y saber educarnos
como personas de bien, que a pesar de los malos momentos siempre han
estado presentes.
Por ltimo a nuestra Institucin y a los Docentes que nos han sabido
inculcar valores da a da, como la perseverancia para cumplir nuestras
metas y sueos; y as obtener nuestros logros. Culminando una etapa
ms de nuestra vida.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
INTRODUCCIN
Desde su aparicin los sistemas informticos se han convertido en una
herramienta valiosa en el campo institucional gracias a su fcil manejo, a
su seguridad mediante su clave de acceso y por su gran capacidad de
almacenamiento de datos.
La informtica se est introduciendo en nuestra actividad diaria de un
modo vertiginoso y est siendo una necesidad conocerla y utilizarla bien
como usuario o como profesionales.
Los avances de la ciencia y tecnologa han sido los pilares que deben
llevar a la par las innovaciones educativas, es as que el modelo
constructivista que es una representacin conceptual simblica de la
realidad, localizando la atencin en aquello que se considera importante,
constituyendo en reglas operativas, que explicitan los enfoques terico-
prcticos que favorecen la solucin de problemas transformando las
mentes, trabajando con valores y creencias logrando la formacin de un
ser integral. Este modelo privilegia el aprendizaje, con respecto a la
enseanza y desarrollo de habilidades y destrezas.
La informtica lleg a constituir una herramienta bsica en todas las
actividades del ser humano, tambin lo hizo en el aspecto educativo
realizando para este tipo de Instituciones programas informticos que han
facilitado mucho el que hacer de los docentes.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
Con la ambicin de demostrar los conocimientos adquiridos durante el
perodo de tiempo y permanencia en la Institucin; y, con las ansias de
seguir adquiriendo conocimientos conjuntamente a los avances
tecnolgicos dentro de software libre, se propone la creacin de un Sitio
Web y un prototipo de sistema de control de notas para la seccin
bachillerato de la Institucin, en el cual plasmaremos los conocimientos
adquiridos durante la carrera de Informtica en el estudio de los Gestores
de Bases de Datos libres y Programacin Orientada a Objetos.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
NDICEAGRADECIMIENTO
DEDICATORIA
CAPTULO I................................................................................................................ 1
1.1 PLANTEAMIENTO DEL PROBLEMA........................................................... 1
1.2 FUNDAMENTACIN DEL PROBLEMA ....................................................... 1
1.3 JUSTIFICACIN .......................................................................................... 2
1.4 OBJETIVOS ................................................................................................. 4
1.4.1 OBJETIVO GENERAL........................................................................... 4
1.4.2 OBJETIVOS ESPECFICOS.................................................................. 4
1.5 ALCANCE .................................................................................................... 5
1.6 LIMITACIONES ............................................................................................ 5
1.7 BENEFICIARIOS.......................................................................................... 6
1.7.1 DIRECTOS............................................................................................ 6
1.7.2 INDIRECTOS ........................................................................................ 6
CAPTULO II............................................................................................................... 7
2.1 METODOLOGA........................................................................................... 7
2.1.1 ANALTICO ........................................................................................... 7
2.1.2 SINTTICO ........................................................................................... 7
2.1.3 BIBLIOGRFICO................................................................................... 7
2.1.4 EXPERIMENTAL................................................................................... 7
2.2 TCNICAS ................................................................................................... 8
2.2.1 ENTREVISTAS...................................................................................... 8
2.2.2 ENCUESTAS ........................................................................................ 8
2.3 RECURSOS ................................................................................................. 8
2.3.1 HUMANOS............................................................................................ 8
2.3.2 MATERIALES........................................................................................ 8
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
2.3.3 TECNOLGICOS.................................................................................. 8
2.3.4 TCNICOS............................................................................................ 9
2.3.5 INSTITUCIONALES .............................................................................. 9
2.3.6 ECONMICOS...................................................................................... 9
CAPTULO III............................................................................................................ 10
3.1 ANTECEDENTES HISTRICOS ............................................................ 10
3.2 MARCO TERICO..................................................................................... 13
3.2.1 WEB........................................................................................................... 13
3.2.2 PGINA WEB...................................................................................... 13
3.2.3 PGINA WEB DINMICA ................................................................... 14
3.2.4 SITIO WEB.......................................................................................... 15
3.2.5 APLICACIN CLIENTE-SERVIDOR ................................................... 18
3.2.6 CSS..................................................................................................... 20
3.2.7 CSS3................................................................................................... 23
3.2.8 SISTEMA DE GESTIN DE BASES DE DATOS ................................ 26
3.2.9 MYSQL................................................................................................ 27
3.2.10 SQL..................................................................................................... 31
3.2.11 PHP..................................................................................................... 31
CAPTULO IV ........................................................................................................... 36
4.1 RESULTADOS Y DISCUSIN ................................................................... 36
4.1.1 ANLISIS DE LAS ENCUESTAS APLICADAS A LOS
ESTUDIANTES DE LA INSTITUCIN............................................................... 36
4.1.2 ANLISIS DE ENTREVISTAS APLICADAS A LOS DOCENTES DE
LA INSTITUCIN .............................................................................................. 40
CAPTULO V ............................................................................................................ 47
5.1 PROPUESTA ............................................................................................. 47
5.1.1 DESCRIPCIN GENERAL DEL SITIO WEB....................................... 47
5.1.2 DESCRIPCIN GENERAL DEL PROTOTIPO DEL SISTEMA............ 65
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
5.2 DISEO DE LA BASE DE DATOS PARA EL PROTOTIPO DEL SISTEMA
DE INGRESO DE NOTAS SECCIN BACHILLERATO DE LA INSTITUCIN
EDUCATIVA MIGUEL DEL HIERRO...................................................................... 69
5.2.1 MODELO CONCEPTUAL................................................................... 69
5.2.2 MODELO LGICO .............................................................................. 70
5.2.3 MODELO FSICO ................................................................................ 71
5.2.4 DIAGRAMA DE SECUENCIA.............................................................. 72
5.3 DISEO DE LA BASE DE DATOS PARA EL SITIO WEB DE LA
INSTITUCIN EDUCATIVA MIGUEL DEL HIERRO .............................................. 73
5.3.1 MODELO CONCEPTUAL................................................................... 73
5.3.2 MODELO LGICO .............................................................................. 74
5.3.3 MODELO FSICO ................................................................................ 75
5.4 MANUAL DEL PROGRAMADOR ............................................................... 76
5.5 MANUAL DE USUARIO ............................................................................. 86
CAPTULO VI ........................................................................................................... 92
6.1 CONCLUSIONES....................................................................................... 92
6.2 RECOMENDACIONES............................................................................... 93
CAPTULO VII .......................................................................................................... 94
7.1 BIBLIOGRAFA................................................................................................... 94
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
1
CAPTULO I
1.1 Planteamiento del problema
La Institucin Educativa Miguel del Hierro no cuenta con un Sitio Web
que permita dar a conocer la Institucin a travs de la red, a su vez
tampoco se cuenta con un sistema que gestione el ingreso de notas
automatizado.
1.2 Fundamentacin del problema
Cmo incide el diseo e implementacin de un Sitio Web conjuntamente
con un prototipo de un sistema de ingreso de notas para la seccin
bachillerato de la Institucin Educativa Miguel del Hierro?
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
2
1.3 Justificacin
Diariamente apreciamos como la labor manual es reemplazada por las
computadoras, haciendo que todo el trabajo que realizaban varias
personas hoy solo es aplicado por medio de una sola y la ayuda de la
informtica. Muchas Instituciones van a la vanguardia de la tecnologa, y
algunas que no lo estn o que estn en proceso.
Con esto el propsito de crear un Sitio Web y un prototipo de un sistema
de ingreso de notas para la seccin bachillerato de la Institucin
Educativa Miguel del Hierro; es proporcionar una herramienta a la
comunidad de la Institucin la cual sea de fcil acceso a la informacin,
brindando un recurso tcnico, a su vez tambin crear el prototipo que
permita realizar la entrega de los reportes finales de los estudiantes.
Ya que no existe en la Institucin Educativa Miguel del Hierro un Sitio
Web que permita obtener informacin sobre la Institucin lo que ocasiona
que muchas personas (pblico interno y externo) no conozca sobre la
existencia de la misma. Para lo cual se propone crear un Sitio Web en el
cual se encuentre toda la informacin de la Institucin como resea
histrica, autoridades, normativa, secciones, entre otras; conjuntamente
con el prototipo de un sistema automatizado para el proceso de ingreso
de notas para la seccin del bachillerato en la Institucin Educativa
Miguel del Hierro permitiendo el ingreso de las calificaciones para de
esta manera mantener la veracidad de los datos y as no tener ninguna
clase de inconvenientes.
El campo de accin de este proyecto ser toda la Institucin, ya que
se pretende llevar a cabo tcnicas de investigacin como es una
entrevista que ser dirigida a los docentes de la Institucin , otra tcnica
de investigacin tal como la encuesta que ser orientada a la satisfaccin
de los estudiantes.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
3
La implementacin de esta monografa permitir a los estudiantes,
padres de familia, directivos, docentes y administrativos conocer datos
sobre eventos institucionales, historia de la Institucin, autoridades,
infraestructura, secciones siendo de gran uso para la Comunidad
Educativa en su quehacer diario.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
4
1.4 Objetivos
1.4.1 Objetivo general
Disear e implementar el Sitio Web conjuntamente con el prototipo de un
sistema para el ingreso de notas de la Institucin Educativa Miguel del
Hierro mediante la utilizacin de herramientas de ltima generacin en el
mbito informtico para ser reconocido a nivel nacional.
1.4.2 Objetivos especficos
1. Recolectar informacin necesaria sobre el proceso de ingreso de
notas y la necesidad que tienen los entes de la Institucin sobre un
Sitio Web mediante la aplicacin de encuestas y entrevistas tanto a
los docentes como a los estudiantes para de esta manera lograr
plasmar en el prototipo del sistema y el Sitio Web las soluciones a
las necesidades de los usuarios.
2. Maquetar el Sitio Web mediante la utilizacin de estilos CSS3 para
obtener un bosquejo profesional del Sitio Web a crear.
3. Disear la base de datos en un sistema gestor de base de datos
Open Source mediante los diferentes modelos y normalizaciones
para el Sitio Web de la Institucin.
4. Implementar el Sitio Web conjuntamente con la aplicacin en un
servidor local para posteriormente ser entregado a las autoridades.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
5
1.5 Alcance
El Sitio Web de la Institucin abarcar noticias, normativa, infraestructura,
autoridades, informacin de las actividades que se realizan en la
Institucin y dentro de sta se encontrar un prototipo del sistema de
ingreso de notas para la seccin bachillerato el cual permitir el ingreso
de las calificaciones y realizar el promedio de las mismas, creando un
reporte de notas por estudiante.
1.6 Limitaciones
El prototipo del sistema de ingreso de notas de la Institucin permitir el
ingreso de calificaciones ms no un control absoluto de ellas, tampoco
llevar un registro de los tiempos como la fecha en la que las notas son
ingresadas, as como tampoco se podr llevar a cabo la modificacin de
las notas por el hecho de que la aplicacin es solamente un prototipo.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
6
1.7 BENEFICIARIOS
1.7.1 DIRECTOS
Al implementar este Sitio Web conjuntamente con un prototipo de un
sistema para el ingreso de notas para la seccin bachillerato de la
Institucin Educativa Miguel Del Hierro los beneficiarios directos sern
los docentes y estudiantes que pertenecen a la Institucin.
1.7.2 INDIRECTOS
Los padres de familia y dems poblacin interesada en la Institucin.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
7
CAPTULO II
2.1 METODOLOGA2.1.1 Analtico
Este mtodo nos permiti analizar cada elemento que compone un Sitio
Web y cada una de las herramientas que utilizamos en la creacin del
prototipo del sistema de ingreso de notas para la seccin bachillerato de
la Institucin Educativa Miguel del Hierro.
2.1.2 Sinttico
El mtodo sinttico ayudo a que una vez analizadas las herramientas
necesarias para el desarrollo de la monografa podamos unirlas y as
construir el Sitio Web conjuntamente con el prototipo del sistema de
ingreso de notas para la seccin bachillerato de la Institucin Educativa
Miguel del Hierro.
2.1.3 Bibliogrfico
Ayud a recabar informacin para la investigacin, para ello se consult
en Sitios Web y documentos de archivos.
2.1.4 Experimental
Este mtodo se utiliz para el desarrollo de esta monografa, modificando
al objeto de estudio de manera directa o indirecta para crear las
condiciones necesarias que permitan revelar sus caractersticas
fundamentales.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
8
2.2 TCNICAS2.2.1 Entrevistas
2.2.2 Encuestas
2.3 RECURSOS2.3.1 HUMANOS Miembros de la Institucin Educativa Miguel del Hierro
Tutores de la monografa Ing. Diego Pozo Lic. Mayra Inapanta Ing. ngel Orellana
Autores Mara Jos Maldonado Alejandra Guerrero Vernica Caiza
2.3.2 MATERIALES Papel bond Materiales de oficina (lpiz, borrador, carpetas)
2.3.3 TECNOLGICOS Gestor de Base de Datos MySQL PHP DreamWeaver WampServer
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
9
2.3.4 TCNICOS Computador Core i3-2100 3.10 GHz Memoria 4.00 GB DE RAM
2.3.5 INSTITUCIONALES
Autoridades de la Institucin Educativa Miguel del Hierro Estudiantes de la Institucin Educativa Miguel del Hierro
2.3.6 ECONMICOS
Los recursos econmicos son solventados por los ejecutores del proyecto.
Utilidad Cantidad Valor Unitario Valor Total
Anillado 5 1.00 5.00
Impresin Primer Borrador 90 hojas 0.05 4.50
Impresin Segundo Borrador 62 hojas 0.05 3.10
Impresin Tercer Borrador 70 hojas 0.05 3.50
Impresin Cuarto Borrador 122 hojas 0.05 6.10
Impresin Quinto Borrador 122 hojas 0.05 6.10
Copias de encuestas para losestudiantes
50 hojas 0.03 1.50
Copias de entrevistas para losdocentes
70 hojas 0.03 2.10
Impresiones monografaempastada
633 hojas 0.15 90.00
Impresiones monografa final 406 hojas 0.15 60.90
Empastados 6 8.00 48.00
Total $230.80
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
10
CAPTULO III
3.1 ANTECEDENTES HISTRICOS
La Institucin, conscientes de que la educacin debe continuar siempre
un proceso de cambio por lo cual debemos propender el mejoramiento
educativo de futuras generaciones y tomando en cuenta que nuestra
sociedad avanza paulatinamente y en base a esto debemos educar
ntegramente al joven presente y futuro de nuestra sociedad.
Ante la necesidad de crear un Colegio, la Hna. Teresa Salazar Ynez,
Directora de la Escuela Miguel del Hierro presenta los documentos para
conseguir la autorizacin para el funcionamiento de 8 ao de Educacin
Bsica a partir del Ao Lectivo 2002-2003 en jornada matutina, rgimen
Sierra.
El Sr. Lcdo. Miguel Molina Villacs, Supervisor Provincial de Educacin de
Pichincha, delegado para la visita de constatacin de recursos, en su
informe manifiesta que es procedente la creacin del 8 de Bsica, por lo
tanto ratifica al Planeamiento Provincial y autorizan en el plantel el
funcionamiento el 8 de Bsica a partir del Ao Lectivo 2002-2003 en
jornada Vespertina y como Rectora la Hna. Fanny Gonzlez; cuando es
director Provincial de Educacin el Sr. Dr. Joel Flores Cisneros,
Vicerrector el Sr. Ing. ngel Orellana, e Inspectora la Sra. Lcda. Gloria
Vera.
Como rectora del plantel la Hna. Fanny Gonzlez presenta los
documentos para conseguir la autorizacin para el funcionamiento de 9 a
10 aos de bsica a partir del ao 2003-2004.Segn Acuerdo Ministerial
N 4526 de fecha 21 de Noviembre 2003, la Dra. Elva Pobeda supervisora
Provincial de Educacin, manifiesta que es procedente el funcionamiento
de Octavo, Noveno y Dcimo Ao de Educacin Bsica, as tenamos
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
11
completa la Seccin Bsica. Pasan 4 largos aos que el Colegio inicia su
gestin para pedir el funcionamiento del diversificado primero con las
autoridades de la Comunidad que inicialmente se niegan, por no creer
procedente ya que su papel como Misioneras, no era la de educadoras;
sino trabajos de Pastoral y Misioneras.
La constancia de las autoridades y el pedido de padres de familia, hace
que se obtenga el permiso para continuar sta tarea. Gracias a la Hna.
Estela Flores en su calidad de Provincial de la Comunidad, permite que
ste pedido se haga realidad, la Hna. Fanny Gonzlez, como primera
autoridad del plantel, presenta los documentos para conseguir la
autorizacin del funcionamiento del Bachillerato Tcnico en Comercio y
Administracin, especializacin Contabilidad a partir del Ao Lectivo
2008-2009, y con la Resolucin Provincial N 1989 del 2008, se autoriza
el funcionamiento del Bachillerato en ciencias, especializacin Sociales,
como sigue Primer Curso a partir del Ao 2008-2009 y Segundo Curso a
partir del Ao 2009-2010.
El Departamento de Currculo, emite criterio favorable con respecto a los
instrumentos curriculares, el delegado de la Direccin Provincial Msc.
Arturo Barba, Supervisor Provincial, da un informe favorable; autorizando
el funcionamiento de lo solicitado y la Dra. Mara Augusta Buitrn jefa de
la Divisin de Educacin Tcnica da un informe favorable con respecto al
Bachillerato Tcnico, el funcionamiento del Primer Curso y a partir del ao
2008-2009 el Segundo y Tercer Ao de Bachillerato con las
especializaciones en Contabilidad y en Aplicaciones Informticas.
Para el funcionamiento del Tercer Ao de Bachillerato especializacin
Sociales se han hecho las gestiones pertinentes que han sido aprobadas,
gracias a gestiones realizadas por la Hna. Fanny Gonzlez y cuyos
acuerdos reposan en Secretara.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
12
Siendo esta la historia, hasta el momento no nos queda ms que resaltar
que el Centro Educativo funciona con un grupo de maestros y maestras
idneos, que estn preparados acadmicamente en los diferentes
campos de la ciencia y que dominan los conceptos fundamentales de las
ciencias experimentales, como medio de conocer el mundo en que viven.
Personas que conocen las teoras de la inteligencia mltiple y la
inteligencia emocional capaces de lograr acciones que conduzcan al xito
y las metas planteadas con sus estudiantes.
El profesor de nuestro plantel est formado para comprender fenmenos
sociales, econmicos, polticos y culturales para aplicar actitudes positivas
para la construccin del presente y del futuro de nuestro Colegio Miguel
del Hierro.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
13
3.2 MARCO TERICO
3.2.1 Web1
Web es un vocablo ingls que significa red, telaraa o malla. El
concepto se utiliza en el mbito tecnolgico para nombrar a una red
informtica; y, en general, a Internet.
El trmino, de todas formas, tiene varios usos. Adems de nombrar a
Internet en general, la palabra web puede servir para hacer mencin a
una pgina web, un sitio web o hasta un servidor web.
Una pgina web es un documento que incluye un archivo HTML con texto,
imgenes, videos, animaciones Flash, etc. Al conjunto de pginas web
que suelen formar parte del mismo dominio o subdominio de Internet se lo
conoce como sitio web. Dentro del sitio web, todas las pginas guardan
alguna relacin entre s y estn vinculadas mediante enlaces (tambin
conocidos como vnculos, hipervnculos, hiperenlaces o links).
3.2.2 Pgina web2
Una pgina web es el nombre de un documento o informacin electrnica
adaptada para la World Wide Web y que puede ser accedida mediante un
navegador. Esta informacin se encuentra generalmente en formato
HTML o XHTML, y puede proporcionar navegacin a otras pginas web
mediante enlaces de hipertexto. Las pginas web frecuentemente
incluyen otros recursos como hojas de estilo en cascada, guiones (scripts)
e imgenes digitales, entre otros.
1 Definicin de web, consultado en: http://definicion.de/web/2Definicin de pgina web, consultado en:http://es.wikipedia.org/wiki/P%C3%A1gina_web
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
14
3.2.2.1 Utilidad de una pgina web:3
1. Una pgina web es considerada un buen medio para informar,
comunicar y difundir informacin a costos muy bajos.
2. Sirven para atraer negocios y prospectos de diferentes ciudades y
pases.
3. Proporcionar informacin precisa de lo que la gente busca y
necesita.
4. Alcanzar nuevas audiencias de pblico.
5. Vender productos y servicios que la gente busca.
6. Para reforzar y promocionar la imagen de una empresa.
3.2.3 Pgina web dinmica4
Las pginas dinmicas son pginas HTML generadas a partir de
lenguajes de programacin (scripts) que son ejecutados en el propio
servidor web. A diferencia de otros scripts, como el JavaScript, que se
ejecutan en el propio navegador del usuario, los 'Server Side' scripts
generan un cdigo HTML desde el propio servidor web.
Este cdigo HTML puede ser modificado en funcin de una peticin
realizada por el usuario en una Base de Datos. Dependiendo de los
resultados de la consulta en la Base de Datos, se generar un cdigo
HTML u otro, mostrando diferentes contenidos. El contenido de la pgina
no est incluido en un archivo HTML como en el caso de las pginas web
estticas.
3 Utilidad de una pgina web, consultado en: http://cositaspatuweb.jimdo.com/para-que-sirve-una-pagina-web/
4 Pgina web dinmica, consultado en:http://manuales.dgsca.unam.mx/webdina/concepto.htm
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
15
3.2.4 Sitio web5
Un Sitio Web es una coleccin de pginas web relacionadas y comunes a
un dominio de Internet o subdominio en la World Wide Web en Internet.
Una pgina web es un documento HTML/XHTML que es accesible
generalmente mediante el protocolo HTTP de Internet.
Todos los Sitios Web pblicamente accesibles constituyen una gigantesca
World Wide Web de informacin (un gigantesco entramado de recursos
de alcance mundial).
A las pginas de un Sitio Web se accede frecuentemente a travs de un
URL raz comn llamado portada, que normalmente reside en el mismo
servidor fsico. Los URL organizan las pginas en una jerarqua, aunque
los hiperenlaces entre ellas controlan ms particularmente cmo el lector
percibe la estructura general y cmo el trfico web fluye entre las
diferentes partes de los Sitios.
5 Definicin de sitio web, consultado en: http://es.wikipedia.org/wiki/Sitio_web
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
16
3.2.4.1 Requisitos para crear un sitio web:6
1. Definir los requerimientos y el contenido del Sitio Web
Lo ms importante es definir:
a) Qu informacin publicaremos en nuestro Sitio Web?
b) Cul ser la estructura de dicha informacin?
c) Requerimos funciones especiales?, Cules?
d) Cul es el estilo grfico que deseamos tener en nuestro Sitio
Web?
2. Definir el nombre de dominio para nuestro Sitio Web
Uno de los aspectos ms importantes para nuestro Sitio Web es elegir un
nombre de dominio apropiado para el mismo. En la mayora de los casos
se prefiere que el nombre del Sitio Web sea el mismo nombre de la
empresa o marca que lo crea, sin embargo existen casos en los que ya no
hay disponibilidad del nombre de dominio que representa a la marca. En
estos casos se tienen que buscar opciones representativas que puedan
estar disponibles, como por ejemplo las variaciones del mismo nombre de
dominio o distintas extensiones de dominio en las que la palabra o frase
original pueda estar an disponible.
3. Buscar un proveedor para la generacin de nuestro Sitio Web
Existen en la actualidad un sin nmero de herramientas para realizar uno
mismo pginas de internet para nuestro Sitio.
6Requisitos para crear un sitio web, consultado en:http://hospedaje-web.com/que-se-necesita-para-tener-una-pagina-web/
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
17
4. Buscar un proveedor de hospedaje web (web hosting) paraalojar su Sitio Web y sus correos electrnicos
A la par de la bsqueda de un proveedor para la parte del desarrollo de su
Sitio Web, es importante buscar un proveedor de calidad para alojar su
Sitio Web en internet, es decir, un proveedor de hospedaje web o web
hosting.
5. Una vez que su Sitio Web est terminado y en lnea, no olvidesolicitar uno o ms respaldos del mismo
Muchas personas pierden sus Sitios Web ya que la persona o empresa
con quien originalmente lo realizaron desaparece y no tienen manera de
conseguir los archivos originales para darle mantenimiento y/o migrarlo
con otro proveedor que pueda continuar con el servicio.
3.2.5 Dominio de Internet7
Un dominio de Internet es una red de identificacin asociada a un grupo
de dispositivos o equipos conectados a la red Internet.
El propsito principal de los nombres de dominio en Internet y del sistema
de nombres de dominio (DNS), es traducir las direcciones IP de cada
nodo activo en la red, a trminos memorizables y fciles de encontrar.
Esta abstraccin hace posible que cualquier servicio de red pueda
moverse de un lugar geogrfico a otro en la red Internet, aun cuando el
cambio implique que tendr una direccin IP diferente.
Sin la ayuda del sistema de nombres de dominio, los usuarios de Internet
tendran que acceder a cada servicio web utilizando la direccin IP del
7 Definicin de dominio de internet, consultado en:http://www.masadelante.com/faqs/dominio
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
18
nodo (por ejemplo, sera necesario utilizar http://192.0.32.10 en vez de
http://example.com). Adems, reducira el nmero de webs posibles, ya
que actualmente es habitual que una misma direccin IP sea compartida
por varios dominios.
3.2.5 Aplicacin Cliente-Servidor8
La arquitectura cliente-servidor es un modelo de aplicacin distribuida en
el que las tareas se reparten entre los proveedores de recursos o
servicios, llamados servidores, y los demandantes, llamados clientes. Un
cliente realiza peticiones a otro programa, el servidor, quien le da
respuesta. Esta idea tambin se puede aplicar a programas que se
ejecutan sobre una sola computadora, aunque es ms ventajosa en un
sistema operativo multiusuario distribuido a travs de una red de
computadoras.
3.2.5.1 Cliente:9
El cliente es una aplicacin informtica o un computador que consume un
servicio remoto en otro computador, conocido como servidor,
normalmente a travs de una red de telecomunicaciones.
3.2.5.2 Servidor:10
Una computadora en la que se ejecuta un programa que realiza alguna
tarea en beneficio de otras aplicaciones llamadas clientes, tanto si se trata
de un ordenador central (mainframe), un miniordenador, una computadora
personal.
8 Arquitectura cliente servidor, consultado en:http://es.wikipedia.org/wiki/Cliente-servidor9 Cliente, consultado en: http://es.wikipedia.org/wiki/Cliente_(inform%C3%A1tica)10 Servidor, consultado en:http://es.wikipedia.org/wiki/Servidor_inform%C3%A1tico
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
19
Servidor web11
Un servidor web es un programa que se ejecuta continuamente en un
computador, mantenindose a la espera de peticiones de ejecucin que le
har un cliente o un usuario de Internet. El servidor web se encarga de
contestar a estas peticiones de forma adecuada, entregando como
resultado una pgina web o informacin de todo tipo de acuerdo a los
comandos solicitados.
Servidor HTTP Apache12
Acrnimo de "a patchy server". Servidor web de distribucin libre y de
cdigo abierto, siendo el ms popular del mundo desde abril de 1996, con
una penetracin actual del 50% del total de servidores web del mundo.
La principal competencia de Apache es el IIS (Microsoft Internet
Information Services) de Microsoft.
Apache fue la primera alternativa viable para el servidor web de Netscape
Communications, actualmente conocido como Sun Java System Web
Server.
Apache es desarrollado y mantenido por una comunidad abierta de
desarrolladores bajo el auspicio de Apache Software Foundation.
La aplicacin permite ejecutarse en mltiples sistemas operativos como
Windows, NovellNetWare, Mac OS X y los sistemas basados en Unix.
11 Servidor web en:http://www.misrespuestas.com/que-es-un-servidor-web.html12 Definicin de PHP, consultado en:http://www.alegsa.com.ar/Dic/apache.php
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
20
3.2.6 CSS13
CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o
presentacin de los documentos electrnicos definidos con HTML y
XHTML. CSS es la mejor forma de separar los contenidos y su
presentacin y es imprescindible para crear pginas web complejas.
Separar la definicin de los contenidos y la definicin de su aspecto
presenta numerosas ventajas, ya que obliga a crear documentos
HTML/XHTML bien definidos y con significado completo (tambin
llamados "documentos semnticos"). Adems, mejora la accesibilidad del
documento, reduce la complejidad de su mantenimiento y permite
visualizar el mismo documento en infinidad de dispositivos diferentes.
3.2.6.1 Historia de CSS14
CSS se ha creado en varios niveles y perfiles. Cada nivel de CSS se
construye sobre el anterior, generalmente aadiendo funciones al previo.
Los perfiles son, generalmente, parte de uno o varios niveles de CSS
definidos para un dispositivo o interfaz particular. Actualmente, pueden
usarse perfiles para dispositivos mviles, impresoras o televisiones.
13 Definicin de CSS, consultado en:http://www.w3c.es/Divulgacion/GuiasBreves/HojasEstilo14 Historia de CSS, consultado en:http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
21
3.2.6.2 Funcionamiento bsico de CSS
Antes de que se generalice el uso de CSS, los diseadores de pginas
web utilizaban etiquetas HTML especiales para modificar el aspecto de
los elementos de la pgina.
CSS funciona a base de reglas, es decir, declaraciones sobre el estilo de
uno o ms elementos. Las hojas de estilo estn compuestas por una o
ms de esas reglas aplicadas a un documento HTML o XML. La regla
tiene dos partes: un selector y la declaracin. A su vez la declaracin est
compuesta por una propiedad y el valor que se le asigne.
Ejemplo:
h1 {color: red;}
h1 es el selector
{Color: red;} es la declaracin
El selector funciona como enlace entre el documento y el estilo,
especificando los elementos que se van a ver afectados por esa
declaracin. La declaracin es la parte de la regla que establece cul ser
el efecto. En el ejemplo anterior, el selector h1 indica que todos loselementos h1 se vern afectados por la declaracin donde se estableceque la propiedad color va a tener el valor red (rojo) para todos loselementos h1 del documento o documentos que estn vinculados a esahoja de estilos.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
22
3.2.6.3 Formas de usar CSS15
Para dar formato a un documento HTML, puede emplearse CSS de tres
formas distintas:
1. Mediante CSS introducido por el autor del HTML
1. Un estilo en lnea (online) es un mtodo para insertar ellenguaje de estilo de pgina directamente dentro de una
etiqueta HTML. Esta manera de proceder no es totalmente
adecuada. El incrustar la descripcin del formateo dentro del
documento de la pgina web, a nivel de cdigo, se convierte
en una manera larga, tediosa y poco elegante de resolver el
problema de la programacin de la pgina.
2. Una hoja de estilo interna, es una hoja de estilo que estincrustada dentro de un documento HTML, dentro del
elemento , marcada por la etiqueta . De esta
manera se obtiene el beneficio de separar la informacin del
estilo del cdigo HTML propiamente dicho.
3. Una hoja de estilo externa, es una hoja de estilo que estalmacenada en un archivo diferente al archivo donde se
almacena el cdigo HTML de la pgina web. Esta es la
manera de programar ms potente, porque separa
completamente las reglas de formateo para la pgina HTML
de la estructura bsica de la pgina.
15 Formas de usar CSS, consultado en:http://www.librosweb.es/css/
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
23
2. Estilos CSS introducidos por el usuario que ve el documento,mediante un archivo CSS especificado en las configuraciones del
navegador, y que sobrescribe los estilos definidos por el autor en
una, o varias pginas web.
3. Los estilos marcados "por defecto" por los useragent, paradiferentes elementos de un documento HTM.
3.2.7 CSS316
Lenguaje de hojas de estilos usado para describir la presentacin
semntica (el aspecto y formato) de un documento escrito en lenguaje de
marcas.
3.2.7.1 Introduccin a CSS317
Las herramientas son las siguientes:
1. CSS3 ButtonMaker. Con una serie de deslizadores y selectores decolor le damos estilo a un botn con CSS3 propio. Luego copiamos el
cdigo para utilizar en su propio proyecto.
2. CSS3 Generator. Seleccionamos entre una lista de propiedades CSS3,rellenamos algunos parmetros para satisfacer nuestras necesidades, y
luego nos proporciona el cdigo generado, junto con una vista en tiempo
real.
16 Definicin de CSS3, consultado en:http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada#CSS317 Introduccin a CSS3, consultado en:http://www.desarrolloweb.com/articulos/introduccion-css3.html
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
24
3. CSS3 Please! Es un generador de CSS3 que acta como una especiede patio de recreo. Permite hacer varios ajustes CSS3 y ver una vista
previa en vivo.
4. CSS3 GradientGenerator. Un generador de degradado se cre comoun escaparate para los gradientes basados en CSS, y una buena
herramienta para disear un gradiente con CSS.
5. CSS3 Transforms. Mediante una serie de controles deslizantespodemos experimentar con diversas transformaciones, como la posicin,
rotacin, inclinacin y algunas cosas ms.
6. CSS3 Selectors Test. Ejecuta automticamente un gran nmero depequeas pruebas que determina si el navegador es compatible con un
gran nmero de selectores CSS. Cuando no es compatible con un
selector en particular, se marca como tal.
3.2.7.2 Propiedades nuevas en CSS3
Lista de las principales propiedades que son novedad en CSS3.
Bordes
border-color
border-image
border-radius
box-shadow
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
25
Fondos
background-origin
background-clip
background-size
hacer capas con mltiples imgenes de fondo
Color
colores HSL
colores HSLA
colores RGBA
Opacidad
Texto
text-shadow
text-overflow
Rotura de palabras largas
Web Fonts
Interfaz
box-sizing
resize
outline
nav-top, nav-right, nav-bottom, nav-left
Selectores
Selectores por atributos
Modelo de caja bsico
overflow-x, overflow-y
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
26
Degradados CSS3
Degradados lineales
Degradados radiales
Degradados lineales de repeticin
Degradados radiales de repeticin
3.2.8 Sistema de gestin de bases de datos18
Un Sistema de Gestin de Bases de Datos (SGBD) es un conjunto de
programas que permiten el almacenamiento, modificacin y extraccin de
la informacin en una base de datos, adems de proporcionar
herramientas para aadir, borrar, modificar y analizar los datos. Los
usuarios pueden acceder a la informacin usando herramientas
especficas de interrogacin y de generacin de informes, o bien mediante
aplicaciones al efecto.
Los SGBD tambin proporcionan mtodos para mantener la integridad de
los datos, para administrar el acceso de usuarios, recuperar la
informacin si el sistema se corrompe. Permite presentar la informacin
de la base de datos en variados formatos. La mayora de los SGBD
incluyen un generador de informes. Tambin puede incluir un mdulo
grfico que permita presentar la informacin con grficos y tartas.
Hay muchos tipos de SGBD segn el manejo de los datos y muchos
tamaos, por su funcionabilidad sobre ordenadores personales y con
poca memoria a grandes sistemas que funcionan con sistemas de
almacenamiento especiales.
ar el 18 Definicin de SGBD, consultado en:http://es.wikipedia.org/wiki/Sistema_de_gesti%C3%B3n_de_bases_de_datos
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
27
Generalmente se accede a los datos mediante lenguajes de interrogacin,
lenguajes de alto nivel que simplifican la tarea de construir las
aplicaciones. Tambin simplifican la interrogacin y la presentacin de la
informacin. Un SGDB permite controlar el acceso a los datos, asegurar
su integridad, gestionar el acceso concurrente a ellos, recuperar los datos
tras un fallo del sistema y hacer copias de seguridad. Las Bases de Datos
y los sistemas para su gestin son esenciales para cualquier rea de
negocio, y deben ser gestionados con esmero.
3.2.9 MySQL19
MySQL es un sistema de gestin de bases de datos relacional, multihilo y
multiusuario con ms de seis millones de instalaciones. MySQL AB desde
enero de 2008 una subsidiaria de Sun Microsystems y sta a su vez de
Oracle Corporation desde abril de 2009 desarrolla MySQL como software
libre en un esquema de licenciamiento dual.
Por un lado se ofrece bajo la GNU GPL para cualquier uso compatible con
esta licencia, pero para aquellas empresas que quieran incorporarlo en
productos privativos deben comprar a la empresa una licencia especfica
que les permita este uso. Est desarrollado en su mayor parte en ANSI C.
Al contrario de proyectos como Apache, donde el software es desarrollado
por una comunidad pblica y los derechos de autor del cdigo estn en
poder del autor individual, MySQL es patrocinado por una empresa
privada, que posee el copyright de la mayor parte del cdigo.
Esto es lo que posibilita el esquema de licenciamiento anteriormente
mencionado. Adems de la venta de licencias privativas, la compaa
ofrece soporte y servicios. Para sus operaciones contratan trabajadores
19Definicin de MySQL, consultado en:http://es.wikipedia.org/wiki/MySQL#Especificaciones
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
28
alrededor del mundo que colaboran va Internet. MySQL AB fue fundado
por David Axmark, Allan Larsson y Michael Widenius.
3.2.9.1 Historia de MySQL20
MySQL surgi como un intento de conectar el gestor mSQL a las tablas
propias de MySQL AB, usando sus propias rutinas a bajo nivel. Tras unas
primeras pruebas, vieron que mSQL no era lo bastante flexible para lo
que necesitaban, por lo que tuvieron que desarrollar nuevas funciones.
Esto result en una interfaz SQL a su base de datos, con una interfaz
totalmente compatible a mSQL.
Se comenta que no se sabe con certeza de donde proviene su nombre.
Por un lado dicen que sus libreras han llevado el prefijo 'my' durante los
diez ltimos aos. Por otro lado, la hija de uno de los desarrolladores se
llama My. No saben cul de estas dos causas (aunque bien podran
tratarse de la misma), han dado lugar al nombre de este conocido gestor
de bases de datos.
La versin estable de este gestor a das de hoy es la 5.5.28.
20Historia de MySQL, consultado en:http://barbaraaaa.obolog.com/historia-mysql-870383
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
29
3.2.9.2 Caractersticas de MySQL21
Usa GNU Automake, Autoconf, y Libtool para portabilidad. Uso de multihilos mediante hilos del kernel. Usa tablas en disco b-tree para bsquedas rpidas con compresin de
ndice.
Tablas hash en memoria temporal. El cdigo MySQL se prueba con Purify (un detector de memoria
perdida comercial) as como con Valgrind, una herramienta GPL.
Completo soporte para operadores y funciones en clusulas select ywhere.
Completo soporte para clusulas group by y order by, soporte defunciones de agrupacin.
Seguridad: ofrece un sistema de contraseas y privilegios seguromediante verificacin basada en el host y el trfico de contraseas
est cifrado al conectarse a un servidor.
Soporta gran cantidad de datos. MySQL Server tiene bases de datosde hasta 50 millones de registros.
Se permiten hasta 64 ndices por tabla (32 antes de MySQL 4.1.2).Cada ndice puede consistir desde 1 hasta 16 columnas o partes de
columnas. El ancho mximo es 1000 bytes (500 antes de MySQL
4.1.2).
Los clientes se conectan al servidor MySQL usando sockets TCP/IP encualquier plataforma. En sistemas Windows se pueden conectar
usando named pipes y en sistemas Unix usando ficheros socket Unix.
En MySQL 5.0, los clientes y servidores Windows se pueden conectarusando memoria compartida.
MySQL contiene su propio paquete de pruebas de rendimientoproporcionado con el cdigo fuente de la distribucin de MySQL.
21Caractersticas de MySQL, consultado en:http://dev.mysql.com/doc/refman/5.0/es/features.html
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
30
3.2.9.3 Licencia MySQL
La licencia GNU GPL de MySQL obliga a que la distribucin de cualquier
producto derivado (aplicacin) se haga bajo esa misma licencia. Si un
desarrollador desea incorporar MySQL en su producto pero desea
distribuirlo bajo otra licencia que no sea la GNU GPL, puede adquirir una
licencia comercial de MySQL que le permite hacer justamente eso.
3.2.9.4 Ventajas de MySQL22
Velocidad al realizar las operaciones, lo que lo hace uno de losgestores con mejor rendimiento.
Bajo costo en requerimientos para la elaboracin de base de datos. Facilidad de configuracin e instalacin. Soporta gran variedad de Sistemas Operativos.
3.2.9.5 Desventajas de MySQL23
Un gran porcentaje de las utilidades de MySQL no estndocumentadas.
No es intuitivo, como otros programas (Access).
22Ventajas y desventajas de MySQL, consultado en:http://wwwdavidmarrero.blogspot.com/2011/12/ventajas-y-desventajas-del-mysql.html23Ventajas y desventajas de MySQL, consultado en:http://wwwdavidmarrero.blogspot.com/2011/12/ventajas-y-desventajas-del-mysql.html
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
31
3.2.10 SQL24
El lenguaje de consulta estructurado o SQL (por sus siglas en ingls
structured query language) es un lenguaje declarativo de acceso a bases
de datos relacionales que permite especificar diversos tipos de
operaciones en ellas. Una de sus caractersticas es el manejo del lgebra
y el clculo relacional que permiten efectuar consultas con el fin de
recuperar de forma sencilla informacin de inters de bases de datos, as
como hacer cambios en ella.
SQL fue introducido por Oracle por primera vez en una base de datos
comercial en el ao 1979. Se convirti en un estndar ANSI e ISO dando
lugar al SQL-86 o SQL1, que se fue actualizando a SQL-92 o SLQ2, luego
a SQL3 y en el 2004 a SQL4. El lenguaje se utiliza para definir, consultar
y actualizar la base de datos y es el ms popular de su estilo.
Conceptualmente, SQL es un lenguaje de definicin de datos (LDD), un
lenguaje de definiciones de vistas (LDV) y un lenguaje de manipulacin de
datos (LMD), que posee tambin capacidad para especificar restricciones
y evolucin de esquemas.
3.2.11 PHP25
PHP es un lenguaje de programacin de uso general de cdigo del lado
del servidor originalmente diseado para el desarrollo web de contenido
dinmico. Fue uno de los primeros lenguajes de programacin del lado
del servidor que se podan incorporar directamente en el documento
HTML en lugar de llamar a un archivo externo que procese los datos. El
cdigo es interpretado por un servidor web con un mdulo de procesador
24Definicin de SQL en : http://es.wikipedia.org/wiki/SQL25 Definicin de PHP, consultado en: http://es.wikipedia.org/wiki/PHP
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
32
de PHP que genera la pgina web resultante. PHP ha evolucionado por lo
que ahora incluye tambin una interfaz de lnea de comandos que puede
ser usada en aplicaciones grficas independientes. PHP puede ser usado
en la mayora de los servidores web al igual que en casi todos los
sistemas operativos y plataformas sin ningn costo.
(PHP Hypertext Pre-processor). Lenguaje de programacin usado
generalmente en la creacin de contenidos para Sitios Web. Es un
lenguaje interpretado especialmente usado para crear contenido dinmico
web y aplicaciones para servidores, aunque tambin es posible crear
aplicaciones grficas utilizando la biblioteca GTK+.
Generalmente los scripts en PHP se embeben en otros cdigos como
HTML, ampliando las posibilidades del diseador de pginas web
enormemente.
La interpretacin y ejecucin de los scripts PHP se hacen en el servidor,
el cliente (un navegador que pide una pgina web) slo recibe el resultado
de la ejecucin y jams ve el cdigo PHP.
Permite la conexin a todo tipo de servidores de base de datos como
MySQL, Postgres, Oracle, ODBC, DB2, Microsoft SQL Server, Firebird y
SQLite.
PHP es una alternativa a otros sistemas como el ASP.NET/C#/VB.NET de
Microsoft o a ColdFusion de Macromedia, a JSP/Java de Sun
Microsystems, y a CGI/Perl. La ventaja con los de Microsoft o Macromedia
es que es totalmente gratuito, no hay que pagar licencias.
PHP forma parte del software libre publicado bajo la licencia PHP que es
incompatible con la Licencia Pblica General de GNU debido a las
restricciones del uso del trmino PHP.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
33
3.2.11.1 Historia de PHP26
Fue originalmente diseado en Perl, con base en la escritura de un grupo
de CGI binarios escritos en el lenguaje C por el programador dans-
canadiense Rasmus Lerdorf en el ao 1994 para mostrar su currculum
vtae y guardar ciertos datos, como la cantidad de trfico que su pgina
web reciba. El 8 de junio de 1995 fue publicado "Personal Home Page
Tools" despus de que Lerdorf lo combinara con su propio Form
Interpreter para crear PHP/FI.
En mayo de 2000 PHP 4 fue lanzado bajo el poder del motor ZendEngine
1.0. El da 13 de julio de 2007 se anunci la suspensin del soporte y
desarrollo de la versin 4 de PHP, a pesar de lo anunciado se ha liberado
una nueva versin con mejoras de seguridad, la 4.4.8 publicada el 13 de
enero del 2008 y posteriormente la versin 4.4.9 publicada el 7 de agosto
de 2008. Segn esta noticia se le dio soporte a fallos crticos hasta el 9 de
agosto de 2008.
El 13 de julio de 2004, fue lanzado PHP 5, utilizando el motor ZendEngine
2.0 (ZendEngine 2). Incluye todas las ventajas que provee el nuevo
ZendEngine 2 como:
Mejor soporte para la programacin orientada a objetos, que en
versiones anteriores era extremadamente rudimentario.
Mejoras de rendimiento.
Mejor soporte para MySQL con extensin completamente reescrita.
Soporte nativo para SQLite.
Soporte integrado para SOAP.
Iteradores de datos.
Manejo de excepciones.
Mejoras con la implementacin con Oracle.
26Historia de PHP, consultado en: http://www.desarrolloweb.com/articulos/436.php
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
34
3.2.11.2 Caractersticas de PHP27
Orientado al desarrollo de aplicaciones web dinmicas con acceso ainformacin almacenada en una base de datos.
Es considerado un lenguaje fcil de aprender, ya que en su desarrollose simplificaron distintas especificaciones, como es el caso de la
definicin de las variables primitivas, ejemplo que se hace evidente en
el uso de PHP arrays.
El cdigo fuente escrito en PHP es invisible al navegador web y alcliente, ya que es el servidor el que se encarga de ejecutar el cdigo y
enviar su resultado HTML al navegador. Esto hace que la
programacin en PHP sea segura y confiable.
Capacidad de conexin con la mayora de los motores de base dedatos que se utilizan en la actualidad, destaca su conectividad con
MySQL y PostgreSQL.
Capacidad de expandir su potencial utilizando mdulos (llamados ext'so extensiones).
Posee una amplia documentacin en su Sitio Web oficial, entre la cualse destaca que todas las funciones del sistema estn explicadas y
ejemplificadas en un nico archivo de ayuda.
Es libre, por lo que se presenta como una alternativa de fcil accesopara todos.
Permite aplicar tcnicas de programacin orientada a objetos. Inclusoaplicaciones como Zendframework, empresa que desarrolla PHP,
estn totalmente desarrolladas mediante esta metodologa.
No requiere definicin de tipos de variables aunque sus variables sepueden evaluar tambin por el tipo que estn manejando en tiempo de
ejecucin.
Tiene manejo de excepciones (desde PHP5).
27 Caractersticas de PHP, consultado en:http://foros.monografias.com/showthread.php/60249-Caracteristicas-del-PHP
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
35
3.2.11.3 Ventajas de PHP:28
Multiplataforma. Manejo de excepciones. Biblioteca nativa de funciones. Permite tcnicas de programacin orientada a objetos. Amplia documentacin en su pgina oficial PHP. Destacada conectividad con MySQL. Es libre.
3.2.11.4 Desventajas de PHP:29
Promueve creacin de cdigo desordenado y con un mantenimientocomplejo.
No posee adecuado manejo de Unicode. Es muy difcil de optimizar. Diseado especialmente hacia un modo de realizar aplicaciones Web
que es problemtico y obsoleto.
28 Ventajas y desventajas de PHP, consultado en:http://blogs.utpl.edu.ec/disenowebymultimedia/2009/07/23/ventajas-y-desventajas-de-php-2/29Ventajas y desventajas de PHP, consultado en:http://blogs.utpl.edu.ec/disenowebymultimedia/2009/07/23/ventajas-y-desventajas-de-php-2/
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
36
CAPTULO IV4.1 RESULTADOS Y DISCUSIN4.1.1 Anlisis de las encuestas aplicadas a los
estudiantes de la Institucin
1. Le gustara que se implementara una pgina web de la Institucin?
CUADRO N 1.- Resultados y frecuencia a la pregunta 1.
Respuesta Nmero de respuestas Valor porcentual
SI 43 86%
NO 7 14%
TOTAL 50 100%
GRFICO N 1.-
Anlisis general:
43 estudiantes que representan el 86% de la poblacin encuestada
respondieron que si les gustara que se implemente un Sitio Web de la
Institucin y 7 estudiantes representados con un 14% no le gustara.
05
1015202530354045
Series1
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
36
CAPTULO IV4.1 RESULTADOS Y DISCUSIN4.1.1 Anlisis de las encuestas aplicadas a los
estudiantes de la Institucin
1. Le gustara que se implementara una pgina web de la Institucin?
CUADRO N 1.- Resultados y frecuencia a la pregunta 1.
Respuesta Nmero de respuestas Valor porcentual
SI 43 86%
NO 7 14%
TOTAL 50 100%
GRFICO N 1.-
Anlisis general:
43 estudiantes que representan el 86% de la poblacin encuestada
respondieron que si les gustara que se implemente un Sitio Web de la
Institucin y 7 estudiantes representados con un 14% no le gustara.
SI NO43 7
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
36
CAPTULO IV4.1 RESULTADOS Y DISCUSIN4.1.1 Anlisis de las encuestas aplicadas a los
estudiantes de la Institucin
1. Le gustara que se implementara una pgina web de la Institucin?
CUADRO N 1.- Resultados y frecuencia a la pregunta 1.
Respuesta Nmero de respuestas Valor porcentual
SI 43 86%
NO 7 14%
TOTAL 50 100%
GRFICO N 1.-
Anlisis general:
43 estudiantes que representan el 86% de la poblacin encuestada
respondieron que si les gustara que se implemente un Sitio Web de la
Institucin y 7 estudiantes representados con un 14% no le gustara.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
37
2. Cree necesaria la creacin de una pgina web en la Institucin
para el desarrollo de la misma?
CUADRO N 2.- Resultados y frecuencia a la pregunta 2.
Respuesta Nmero de respuestas Valor porcentual
SI 45 90%
NO 5 10%
TOTAL 50 100%
GRFICO N 2.-
Anlisis general:
Segn los porcentajes obtenidos se concluye que 45 estudiantes
equivalentes a un porcentaje del 90% creen que es necesaria la creacin
de un Sitio Web y 5 estudiantes representados con un 10% no creen que
sea necesario.
05
1015202530354045
Series1
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
37
2. Cree necesaria la creacin de una pgina web en la Institucin
para el desarrollo de la misma?
CUADRO N 2.- Resultados y frecuencia a la pregunta 2.
Respuesta Nmero de respuestas Valor porcentual
SI 45 90%
NO 5 10%
TOTAL 50 100%
GRFICO N 2.-
Anlisis general:
Segn los porcentajes obtenidos se concluye que 45 estudiantes
equivalentes a un porcentaje del 90% creen que es necesaria la creacin
de un Sitio Web y 5 estudiantes representados con un 10% no creen que
sea necesario.
SI NOSeries1 45 5
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
37
2. Cree necesaria la creacin de una pgina web en la Institucin
para el desarrollo de la misma?
CUADRO N 2.- Resultados y frecuencia a la pregunta 2.
Respuesta Nmero de respuestas Valor porcentual
SI 45 90%
NO 5 10%
TOTAL 50 100%
GRFICO N 2.-
Anlisis general:
Segn los porcentajes obtenidos se concluye que 45 estudiantes
equivalentes a un porcentaje del 90% creen que es necesaria la creacin
de un Sitio Web y 5 estudiantes representados con un 10% no creen que
sea necesario.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
38
3. La pgina web segn su punto de vista debera contener?
CUADRO N 3.- Resultados y frecuencia a la pregunta 3.
Respuesta Nmero de respuestas Valor porcentual
Informacin de Institucin 37 74%
Fotografas 37 74%
Normativa 10 20%
Otros 18 36%
GRFICO N 3.-
Anlisis general:
En esta pregunta se concluye que 37 de los encuestados con un 74% le
gustara que el Sitio Web contenga fotografas y la informacin del
colegio, 18 estudiantes correspondientes al 36% les gustara que se
encuentre la normativa y 10 estudiantes representando el 20% quisieran
encontrar otra informacin.
05
10152025303540
InformacionSeries1 37
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
38
3. La pgina web segn su punto de vista debera contener?
CUADRO N 3.- Resultados y frecuencia a la pregunta 3.
Respuesta Nmero de respuestas Valor porcentual
Informacin de Institucin 37 74%
Fotografas 37 74%
Normativa 10 20%
Otros 18 36%
GRFICO N 3.-
Anlisis general:
En esta pregunta se concluye que 37 de los encuestados con un 74% le
gustara que el Sitio Web contenga fotografas y la informacin del
colegio, 18 estudiantes correspondientes al 36% les gustara que se
encuentre la normativa y 10 estudiantes representando el 20% quisieran
encontrar otra informacin.
Informacion fotografias Normativa Otros37 37 10 18
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
38
3. La pgina web segn su punto de vista debera contener?
CUADRO N 3.- Resultados y frecuencia a la pregunta 3.
Respuesta Nmero de respuestas Valor porcentual
Informacin de Institucin 37 74%
Fotografas 37 74%
Normativa 10 20%
Otros 18 36%
GRFICO N 3.-
Anlisis general:
En esta pregunta se concluye que 37 de los encuestados con un 74% le
gustara que el Sitio Web contenga fotografas y la informacin del
colegio, 18 estudiantes correspondientes al 36% les gustara que se
encuentre la normativa y 10 estudiantes representando el 20% quisieran
encontrar otra informacin.
Otros18
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
39
4. Qu pginas web de colegios conoce?
CUADRO N 4.- Resultados y frecuencia a la pregunta 4.
Respuesta Nmero de respuestas Valor porcentual
Ninguno 38 76%
Montufar 6 12%
Meja 5 10%
La Salle 4 8%
GRFICO N 4.-
Anlisis general:
A travs de los porcentajes obtenidos se puede concluir que 38 de los
encuestados con un 22% que buscan informacin de colegios no las
encuentran y la poblacin restante entre el 5% y 4% encuentran
informacin de distintos colegios.
05
10152025303540
NingunoRespuesta
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
39
4. Qu pginas web de colegios conoce?
CUADRO N 4.- Resultados y frecuencia a la pregunta 4.
Respuesta Nmero de respuestas Valor porcentual
Ninguno 38 76%
Montufar 6 12%
Meja 5 10%
La Salle 4 8%
GRFICO N 4.-
Anlisis general:
A travs de los porcentajes obtenidos se puede concluir que 38 de los
encuestados con un 22% que buscan informacin de colegios no las
encuentran y la poblacin restante entre el 5% y 4% encuentran
informacin de distintos colegios.
Ninguno Montufar Meja La Salle38 6 5 4
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
39
4. Qu pginas web de colegios conoce?
CUADRO N 4.- Resultados y frecuencia a la pregunta 4.
Respuesta Nmero de respuestas Valor porcentual
Ninguno 38 76%
Montufar 6 12%
Meja 5 10%
La Salle 4 8%
GRFICO N 4.-
Anlisis general:
A travs de los porcentajes obtenidos se puede concluir que 38 de los
encuestados con un 22% que buscan informacin de colegios no las
encuentran y la poblacin restante entre el 5% y 4% encuentran
informacin de distintos colegios.
La Salle4
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
40
4.1.2 Anlisis de entrevistas aplicadas a los docentes dela Institucin
4.1.2.1 Creacin de un prototipo de un sistema deingreso de notas para la seccin bachillerato de laInstitucin Educativa Miguel del Hierro.
ENTREVISTA
Nombre:
Materia impartida:..
1. Cree que el actual proceso para el manejo de calificaciones es
el ms adecuado?
2. Le gustara llevar el proceso de ingreso de notas de una
manera automatizada? Por qu?
3. Cules son los principales problemas que usted identifica con el
actual proceso de manejo de notas?
4. Cree que el manejo automatizado del proceso de notas facilitara
el cmputo de las notas?
5. Qu caracterstica piensa que debera tener el sistema de
ingreso de notas?
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
41
1. Cree que el actual proceso para el manejo de calificaciones esel ms adecuado?
Segn los resultados obtenidos en las entrevistas aplicadas a los
docentes se llega a la conclusin de que el 75% de ellos creen pertinente
modificar el actual proceso para el manejo de calificaciones hacindolo
automatizado.
2. Le gustara llevar el proceso de ingreso de notas de una
manera automatizada? Por qu?
Segn las respuestas que fueron recibidas por parte de los docentes
podemos llegar a la conclusin de que el 100% de los maestros
muestra inters y agrado ante un proceso automtico de ingreso de notas
especificando factores como:
Sera ms gil.
Ahorrara gran cantidad de tiempo.
El clculo de promedios sera ms fcil.
La Institucin avanzara en la tecnologa.
Evitara los errores frecuentes.
Orden en las notas.
Seguridad en los datos.
Mejor presentacin de reportes.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
42
3. Cules son los principales problemas que usted identifica
con el actual proceso de manejo de notas?
Mediante las respuestas extradas de las entrevistas aplicadas se puede
concluir que el 99% identifica varios problemas tales como:
Falta de tiempo.
Los porcentajes no son definidos.
Formatos variantes.
Errores continuos.
Trabajo doble.
Se pierden las hojas.
Difcil modificacin.
No se entienden los nmeros.
4. Cree que el manejo automatizado del proceso de notas
facilitara el cmputo de las notas?
A travs de las respuestas obtenidas en esta pregunta se concluye que
en un 100% de los docentes estn de acuerdo con la automatizacin del
proceso de ingreso de notas ya que se tendran ms facilidades en el
manejo de stas.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
43
5. Qu caracterstica piensa que debera tener el sistema deingreso de notas?
A travs de las entrevistas planteadas y aplicadas a cada uno de los
docentes de la Institucin se puede identificar varias caractersticas que
el prototipo de un sistema de notas puede tener :
Fcil uso, acceso y manejo.
Se ingresen las notas y el sistema calcule los promedios y
porcentajes.
Debe tener claves de usuario.
Deben haber capacitaciones.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
44
4.1.2.2 Creacin de un Sitio Web de la InstitucinEducativa Miguel del Hierro
ENTREVISTA
Nombre:____________________________
1. Le gustara que se implemente una pgina web de la Institucin?Por qu?
___________________________________________________________
___________________________________________________________
2. Conoce usted si la Institucin cuenta con una pgina web?
___________________________________________________________
___________________________________________________________
3. Ha encontrado informacin sobre la Institucin en el internet?Cul?
___________________________________________________________
___________________________________________________________
4. Qu le gustara ver en la pgina web de la Institucin?
___________________________________________________________
___________________________________________________________
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
45
1. Le gustara que se implemente una pgina web de laInstitucin? Por qu?
Segn las respuestas obtenidas por parte de los entrevistados se
concluye que si es muy importante la implementacin de un Sitio Web de
la Institucin Educativa Miguel del Hierro ya que el 100% de los
docentes de la Institucin respondieron que si a la pregunta planteada;
por diversas razones como:
Renovacin tecnolgica de la Institucin.
Dar a conocer a la Institucin tanto de manera interna como
externa.
Adquirir ms fcilmente informacin de la Institucin.
2. Conoce usted si la Institucin cuenta con una pgina web?
A travs de las respuestas de los docentes entrevistados la mayor parte
casi en un 90%, dijeron que no tenan conocimiento de la existencia del
Sitio Web de la Institucin o que no exista dicho Sitio; y muy pocas
personas nos dijeron que si haba un Sitio Web pero que no era
implementada por falta de recursos.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
46
3. Ha encontrado informacin sobre la Institucin en el
internet? Cul?
Segn las respuestas de los entrevistados se puede concluir que es
demasiado escasa la informacin obtenida en la web de la Institucin; ya
que solo se encuentra informacin referente a Madre Laura Montoya, o
informacin y fotografas de la Institucin en redes sociales; pero no se
encuentra nada oficial referente a las actividades, normativa, noticias,
entre otros.
4. Qu le gustara ver en la pgina web de la Institucin?
Mediante las respuestas obtenidas en la encuesta se concluye que es
muy necesaria la informacin referente a la Institucin para dar a
conocerla; para lo cual los docentes enumeraron varias opciones para
ingresar en el Sitio Web como:
Todos los servicios que presta.
Historia, misin y visin.
Participacin estudiantil.
Cronogramas estudiantiles.
Programas culturales, sociales y casas abiertas.
Polticas y normativas.
Noticias importantes de la Institucin.
Oferta acadmica.
Infraestructura (laboratorios, espacios verdes, aulas).
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
47
CAPTULO V
5.1 PROPUESTA
INSTITUCIN EDUCATIVA MIGUEL DEL HIERRO
5.1.1 DESCRIPCIN GENERAL DEL SITIO WEB
El Sitio Web creado es un Sitio para dar a conocer los aspectos
positivos que tiene la Institucin Educativa Miguel del Hierro la cual
presentamos en los siguientes mdulos:
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
48
o Inicio
En la ventana de inicio podemos encontrar un encabezado, seguido de
un men con la informacin de la Institucin, posterior a esto se ubica
un slider con las imgenes ms destacadas del plantel.
Al lado izquierdo un div con las noticias ms actuales de las actividades
de la Institucin, y por ltimo al lado derecho un div que contiene la
biografa de Santa Laura Montoya.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
49
o Concenos
o Historia
En la siguiente pantalla podemos observar la historia de la Institucin
desde sus inicios con la creacin de la escuela; hasta la actualidad con la
creacin del colegio.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
50
o Misin y Visin
Al seleccionar esta pantalla observaremos y podremos conocer la misin
que se ha trazado y la visin planteada por la Institucin.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
51
o Normativa
En esta opcin se encuentra el resumen de la normativa de la institucin,
con las reglas que el estudiante tiene que seguir tanto de manera interna
como externa.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
52
o Secciones
o Educacin Inicial
En esta ventana se muestran las actividades realizadas por los nios
ms pequeos de la Institucin y cada uno de sus rincones.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
53
o Educacin Bsica
Al seleccionar esta pantalla se indica y describe las labores que llevan a
cabo los estudiantes de segundo a dcimo de bsica; al igual la forma de
evaluar las actividades que realizan en cada una de las aulas.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
54
o Bachillerato
Al ingresar a esta pantalla podemos observar las especialidades que
existen en del plantel, y las diferentes actividades que los estudiantes
desempean.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
55
o Instalaciones
o Laboratorios
Aqu podemos observar los distintos laboratorios con los que cuenta la
Institucin y una descripcin de los trabajos que se realizan en cada uno
de ellos.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
56
o reas Recreativas
En esta ventana podemos observar los diferentes espacios recreativos en
los que nuestros estudiantes pueden desarrollarse fsicamente junto a sus
compaeros.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
57
o Biblioteca
En este espacio observamos la infraestructura de la que est compuesta
la biblioteca y la gran cantidad de textos e informacin que se encuentran
en esta rea.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
58
o Pastoral
Aqu se muestran las diferentes actividades realizadas por los estudiantes
y docentes, fuera de la Institucin como: visitas a diferentes acilos y el
desarrollo de retiros espirituales.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
59
o Autoridades
o Rectora Vicedirectora
Aqu encontramos el mensaje conjuntamente con la fotografa de la
Rectora y Vicedirectora del plantel.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
60
o Vicerrector
Aqu encontramos el mensaje conjuntamente con la fotografa del
Vicerrector del establecimiento.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
61
o Inspectora general
Aqu encontramos el mensaje conjuntamente con la fotografa de la
Inspectora General de la Institucin.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
62
o Administrativo
Aqu encontramos el mensaje conjuntamente con la fotografa del
Personal administrativo del establecimiento.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
63
o Consejo Estudiantil
Aqu encontramos el mensaje conjuntamente con la fotografa del
Consejo Estudiantil del establecimiento.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
64
o Contctenos
En esta pantalla se encuentra la ubicacin exacta, nmeros de contacto y
horario de atencin de la Institucin.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
65
5.1.2 DESCRIPCIN GENERAL DEL PROTOTIPO DELSISTEMA
Prototipo del sistema de ingreso de notas para la seccin bachillerato de
la Institucin Educativa Miguel del Hierro (SINMH), est dentro del Sitio
Web, esta aplicacin permite el ingreso de notas de los estudiantes
pertenecientes a la seccin bachillerato, el sistema consta de un usuario
y contrasea la cual otorga los permisos correspondientes para
interactuar con esta aplicacin.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
66
Interfaz inicial de entrada al sistema para la validacin de usuario y
contrasea del docente.
Interfaz de bienvenida al docente y seleccin del curso, materia, perodo
y parcial.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
67
Interfaz correspondiente al primer parcial.
Interfaz correspondiente al segundo parcial.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
68
Interfaz correspondiente al tercer parcial.
Interfaz correspondiente al parcial final.
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
69
5.2 Diseo de la base de datos para el prototipo delsistema de ingreso de notas seccin Bachillerato dela Institucin Educativa Miguel del Hierro
5.2.1 Modelo conceptual
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
70
5.2.2 Modelo lgico
cur-est
cur-qui
qui-par
est-nota
area-doc
doc-asi
asi-nota
par-nota
cur-asi
Curso
cod_curnom_cur
IntegerLong variable characters
Identifier_1...
Asignatura
cod_asicod_arecod_curnom_asi
IntegerIntegerIntegerLong variable characters
Identifier_1...
Quimestrecod_quicod_curnom_qui
IntegerIntegerVariable characters (1024)
Identifier_1...
Estudiante
cod_estcod_curnom_estape_estfoto_est
IntegerIntegerLong variable charactersLong variable charactersVariable characters (1024)
Identifier_1...
Area
cod_arenom_are
IntegerVariable characters (1024)
Identifier_1...
Nota
cod_notcod_estcod_asicod_parno1_notno2_notno3_notno4_notno5_notno6_notno7_notno8_notno9_notno10_not
IntegerIntegerIntegerIntegerDecimalDecimalDecimalDecimalDecimalDecimalDecimalDecimalDecimalDecimal
Identifier_1...
Parcial
cod_parcod_quinom_par
IntegerIntegerVariable characters (1024)
Identifier_1...
Docente
cod_doccod_arenom_docape_docfoto_docnic_doccon_doc
IntegerIntegerVariable characters (1024)Variable characters (1024)Variable characters (1024)Variable characters (1024)Variable characters (1024)
Identifier_1...
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
71
5.2.3 Modelo fsico
Curso
cod_curnom_cur
intlongtext
Asignatura
cod_asicod_arecod_curnom_asi...
intintintlongtext
Quimestrecod_quicod_curnom_qui...
intintvarchar(1024)
Estudiante
cod_estcod_curnom_estape_estfoto_est...
intintlongtextlongtextvarchar(1024)
Area
cod_arenom_are
intvarchar(1024)
Nota
cod_notcod_estcod_asicod_parno1_notno2_notno3_notno4_notno5_notno6_notno7_notno8_notno9_notno10_not...
intintintintdecimaldecimaldecimaldecimaldecimaldecimaldecimaldecimaldecimaldecimal
Parcial
cod_parcod_quinom_par...
intintvarchar(1024)
Docente
cod_doccod_arenom_docape_docfoto_docnic_doccon_doc...
intintvarchar(1024)varchar(1024)varchar(1024)varchar(1024)varchar(1024)
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
72
5.2.4 Diagrama de secuencia
24.Guarda datos
23.Nota Modificada OK
22.Guarda Nota Modificada
21.Modifica Nota
20.Nota a modificar OK
19.Busca nota a MOdificar
18.Solicita nota a Modificar
17.Nota OK
16.Guarda Nota
15.Ingresa Nota
7.Busca quimestre
14.Estudiante OK
13. Busca Estudiante
12.Solicita Estudiante
11.Curso OK
10.Busca Curso
9.Solicita Curso
8.quimestre OK
6.Solicita Quimestre
5.Asignatura OK
4.Busca asignatura3.Solicita Asignatura
2. Login OK
1. Inggreso de Login
Docente
SNPIEMH Asignatura Quimestre Curso Estudiante Nota Nota Modificar
Secretaria
24.Guarda datos
23.Nota Modificada OK
22.Guarda Nota Modificada
21.Modifica Nota
20.Nota a modificar OK
19.Busca nota a MOdificar
18.Solicita nota a Modificar
17.Nota OK
16.Guarda Nota
15.Ingresa Nota
7.Busca quimestre
14.Estudiante OK
13. Busca Estudiante
12.Solicita Estudiante
11.Curso OK
10.Busca Curso
9.Solicita Curso
8.quimestre OK
6.Solicita Quimestre
5.Asignatura OK
4.Busca asignatura3.Solicita Asignatura
2. Login OK
1. Inggreso de Login
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
73
5.3 Diseo de la base de datos para el Sitio Web de laInstitucin Educativa Miguel del Hierro
5.3.1 Modelo conceptual
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
74
5.3.2 Modelo lgico
col_sec
sec_inf
col_ins
col_aut
col_not
Seccion
cod_seccod_coletipo_sec
IntegerIntegerLong variable characters
Identifier_1...
Informacion
cod_infcod_seccont_infoIMAGEN_INF
IntegerIntegerLong variable charactersLong variable characters
Identifier_1...
Instalaciones
cod_inscod_colelab_quilab_fisrincon_lecimagen_ins
IntegerIntegerLong variable charactersLong variable charactersLong variable charactersLong variable characters
Identifier_1...
Colegio
cod_colenom_coletele_coledir_colehis_colenorma_colemivi_coleinicio_cole
IntegerLong variable charactersCharacters (15)Long variable charactersLong variable charactersLong variable charactersLong variable charactersLong variable characters
Identifier_1
Autoridad
cod_autcod_colenom_autape_autcargo_autmens_autimagen_aut
IntegerIntegerLong variable charactersLong variable charactersLong variable charactersLong variable charactersLong variable characters
Identifier_1
Noticias
cod_noticod_coletitulocont_notiimagen_notifecha_noti
IntegerIntegerLong variable charactersLong variable charactersLong variable charactersDate
Identifier_1...
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
75
5.3.3 Modelo fsico
Seccion
cod_seccod_coletipo_sec...
intintlongtext
Informacion
cod_infcod_seccont_infoIMAGEN_INF...
intintlongtextlongtext
Instalaciones
cod_inscod_colelab_quilab_fisrincon_lecimagen_ins...
intintlongtextlongtextlongtextlongtext
Colegio
cod_colenom_coletele_coledir_colehis_colenorma_colemivi_coleinicio_cole...
intlongtextchar(15)longtextlongtextlongtextlongtextlongtext
Autoridad
cod_autcod_colenom_autape_autcargo_autmens_autimagen_aut...
intintlongtextlongtextlongtextlongtextlongtext
Noticias
cod_noticod_coletitulocont_notiimagen_notifecha_noti...
intintlongtextlongtextlongtextdate
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
76
5.4 Manual del programador
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
77
Estilos CSS para la estructura general del Sitio Web de la Institucin
@charset "utf-8";/* CSS Document */fieldset{
width:500px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;/*tipo de fuente*/border-radius:20px 0px 20px 0px;/*borderedondeado*/padding:15px;/**/
background: -webkit-linear-gradient(#999, #CCC, #FFF, #CCC, #999);/*degradado al div*/background: -moz-linear-gradient(#999, #CCC, #FFF, #CCC, #999);background: -o-linear-gradient(#999, #CCC , #FFF, #CCC, #999);}*{
margin: auto;/*margenautomatico*/padding:0;
}.floarderecha {
float: right;margin-left: 5px;padding:3px;
}.floatizquierda {
float: left;margin-left: 5px;padding:3px;
}body{
background-image: url(../img/ff.png);/*fondo con imagen*/}.enca{
width:90%;/*ancho de div*/text-align:center;/*texto centrado*/
}.envo{
width:90%;/*ancho de div*/margin:0 auto;/*margen automatico*/padding:5px;font-family:Tahoma, Geneva, sans-serif;/*fuente de texto*/
}.menu{
width:100%;/*ancho de div*/margin:0 auto;/*margen automatico*/
}.slid{/*div del slider o galeria*/
width:55%;margin:0 auto;/*margenautomatico*/padding:10px;
}.not{/*div de noticias*/
float: left;/*flotante a la izquierda*/width:300px;/*ancho*/height:500px;/*largo*/}
.acti{
INSTITUCIN EDUCATIVA MIGUEL DEL HIERROMISIONERAS LAURITAS
78
padding:20px;width:230px;/*ancho de div*/height:400px;/*largo de div*/margin-top:50px;border-radius:3px;/*borde redondeado*/border-right-style: double;
}#cont{/*afecta el contenido*/
width:850px;/*ancho de div*/padding:5px;text-align:justify;line-height:1.5em;overflow:auto;height:520px;padding:15px;/*margen*/
}.pie{
width:90%;/*ancho de div*/height:50px;/*Largo del pie*/padding:15px;font-weight:800;text-align:end;/*texto alineado al final de la linea*/font-family:Arial, Helvetica, sans-serif;/*tipo de letra*/color:#036;
}.flo{
padding-top:2px;font-size:13px;color:#FFF;float:left;/*flotante izquierdo*/margin-right:2px;/*margin de la derecha*/
}.der{
float:right;/*flotante derecha*/margin-left:5px;
}h2{/*para los titulos*/text-align:center;/*texto centrado*/
color:#C06;/*color del texto*/font-family:"Comic Sans MS", cursive;/*tipo de letra*/
}h3{