Monografia Final Ut

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


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.


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.


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.


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.


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


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


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


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?


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.


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.


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.


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.


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.


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.


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


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


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


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.


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.


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


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


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


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/


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


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


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


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


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.


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/


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


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


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


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


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


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


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


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


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


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.


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


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


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/


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


36






SI 43 86%

NO 7 14%

TOTAL 50 100%

GRFICO N 1.-

Anlisis general:




SI NO43 7


36






SI 43 86%

NO 7 14%

TOTAL 50 100%

GRFICO N 1.-

Anlisis general:





37

2. Cree necesaria la creacin de una pgina web en la Institucin

para el desarrollo de la misma?



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


37





SI 45 90%

NO 5 10%

TOTAL 50 100%

GRFICO N 2.-

Anlisis general:




sea necesario.

SI NOSeries1 45 5


37





SI 45 90%

NO 5 10%

TOTAL 50 100%

GRFICO N 2.-

Anlisis general:




sea necesario.


38

3. La pgina web segn su punto de vista debera contener?



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


38





Fotografas 37 74%

Normativa 10 20%

Otros 18 36%

GRFICO N 3.-

Anlisis general:






Informacion fotografias Normativa Otros37 37 10 18


38





Fotografas 37 74%

Normativa 10 20%

Otros 18 36%

GRFICO N 3.-

Anlisis general:






Otros18


39

4. Qu pginas web de colegios conoce?



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


39




Ninguno 38 76%

Montufar 6 12%

Meja 5 10%

La Salle 4 8%

GRFICO N 4.-

Anlisis general:





Ninguno Montufar Meja La Salle38 6 5 4


39




Ninguno 38 76%

Montufar 6 12%

Meja 5 10%

La Salle 4 8%

GRFICO N 4.-

Anlisis general:





La Salle4


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?


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.


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.


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.


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?

___________________________________________________________

___________________________________________________________


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.


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).


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:


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.


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.


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.


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.


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.


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.


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.


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.


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.


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.


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.


59

o Autoridades

o Rectora Vicedirectora

Aqu encontramos el mensaje conjuntamente con la fotografa de la

Rectora y Vicedirectora del plantel.


60

o Vicerrector

Aqu encontramos el mensaje conjuntamente con la fotografa del

Vicerrector del establecimiento.


61

o Inspectora general

Aqu encontramos el mensaje conjuntamente con la fotografa de la

Inspectora General de la Institucin.


62

o Administrativo


Personal administrativo del establecimiento.


63

o Consejo Estudiantil


Consejo Estudiantil del establecimiento.


64

o Contctenos

En esta pantalla se encuentra la ubicacin exacta, nmeros de contacto y

horario de atencin de la Institucin.


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.


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.


67

Interfaz correspondiente al primer parcial.

Interfaz correspondiente al segundo parcial.


68

Interfaz correspondiente al tercer parcial.

Interfaz correspondiente al parcial final.


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


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...


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)


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


73

5.3 Diseo de la base de datos para el Sitio Web de laInstitucin Educativa Miguel del Hierro

5.3.1 Modelo conceptual


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...


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


76

5.4 Manual del programador


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{


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{

Monografia Final Ut

Documents

Transcript of Monografia Final Ut