I.

- INTRODUCCIÓN
Un sistema web es una herramienta que el usuario puede utilizar accediendo a un
servidor web a través de internet o de una intranet mediante un navegador. En
pocas palabras, es un programa o aplicación que consiste en codificar un
lenguaje interpretable por los navegadores web en la que se confía la ejecución al
navegador. Aparentemente, un sistema web es muy popular debido a lo práctico
del navegador web, mejor conocido como cliente ligero, a la independencia del
sistema operativo, así como a la facilidad para actualizar y mantener aplicaciones
web sin distribuir e instalar software a miles de usuarios potenciales.

Existen aplicaciones como los correos web, blogs, tiendas en línea, monografías
en línea, entre otros, que son ejemplos bastantes conocidos de aplicaciones o
sistemas web. Cabe mencionar que un sistema web puede contener elementos
que permiten una comunicación activa entre el usuario y la información.

Esto permite que el usuario acceda a los datos de modo interactivo, gracias a que
la página responderá a cada una de sus acciones, como por ejemplo rellenar y
enviar formularios, participar en juegos diversos y acceder a gestores de bases de
datos de todo tipo. Un ejemplo claro de un sistema web es un panel de
administración, con él se podrán modificar y actualizar diferentes contenidos
dentro de la pagina sin necesidad de llamar a nuestro proveedor para que lo
haga. Los sistemas desarrollados en plataformas web, tienen marcadas
diferencias con otros tipos de sistemas, lo que hace muy beneficioso tanto para
las empresas que lo utilizan, como para los usuarios que operan en el sistema. El
desarrollo del sistema web estará orientado a ofrecer diversos contenidos y
funcionalidades que ayuden a poder obtener información sobre los servicios de
los que dispone el Grupo Educación Integración Social México A.C. al usuario
anónimo y a obtener información sobre alumnos y profesores al usuario
registrado.

En la aplicación web se diferencian, por tanto, dos partes bastantes claras: la

pública y la privada. La parte pública será accesible por todo el mundo y tendrá

1
información general sobre el colegio. La parte privada será para el uso exclusivo
de usuarios registrados y contendrá información específica.

2
II.-OBJETIVOS (GENERAL Y ESPECÍFICOS)
General:
Crear un sistema web que permita interactuar con la comunidad administrativa,
docente y estudiantil de GEISMAC.

Específicos:
Diagnosticar la problemática que existe mediante una lista de observación para
cubrir las necesidades que tiene la institución.

Aplicar tecnologías que permita el funcionamiento del sistema web como HTML,
PHP y MYSQL.

Evaluar la efectividad del sistema web mediante un cuestionario para revisar las
problemáticas

3
III.-JUSTIFICACIÓN
El uso de nuevas tecnologías de comunicación permite una interacción mas
asertiva entre las organizaciones y sus integrantes, en este caso el Grupo
Educativo Integración Social México A.C. se beneficiaría de poseer un vínculo
electrónico, como lo es la página web, dando una mayor accesibilidad de datos
actuales, y en algunos casos en tiempo real, referentes a las actividades
inherentes al colegio, fortaleciéndose e innovando la imagen del mismo en la
llamada era de la información, permitiendo un mayor alcance y presencia en el
mundo virtual.

También es importante mencionar que se minimizaría costos operativos

referentes a las carteleras informativas, para la publicación de propagandas,
reclamos, comunicaciones, entre otros; ya que no será necesario realizar
impresiones, con lo que se acapararía recursos e insumos que comúnmente se
utilizan para tal fin.

En la comunidad del Colegio (estudiantes, docentes y administrativos) podrán

disponer a través de una página web, documentación e información educativa del
colegio de forma rápida y ágil, dándole además la posibilidad de intercambiar
ideas y realizar aportes que ayuden a mejorar procesos dentro de la institución
educativa. Al mismo tiempo, los datos en soporte digital facilitan su manejo,
almacenamiento y clasificación, por parte del usuario, existiendo así una
congruencia entre el conocimiento que se imparte en el instituto y la aplicación de
éste último en la comunidad estudiantil. Igualmente, los estudiantes conocerán
notificaciones, avisos de reuniones o cualquier otra información inherente a la
Coordinación referente a su carrera, así como de un acercamiento más directo
con sus profesores, atribuyendo una retroalimentación por parte de los mismos.

Por todo lo antes expuesto, es conveniente que el instituto disponga de una

página web, con el fin de publicar y distribuir información dinámica y económica.
A su vez, es posible la actualización continúa y una mayor difusión de la misma, al
tiempo que se extendería a cualquier parte lugar, no sólo la presencia de la
institución en el cyber espacio, sino también la posibilidad de darse a conocer a

4
aquellos aspirantes a cursar las carreras que son dictadas en esta escuela.
Razones por las que esta propuesta afianzará la presencia del Grupo Educativo
Integración Social México A.C. como institución de educación media superior de
excelencia, abierta a esa patria que demanda profesionistas comprometidos con
el desarrollo y el bienestar de la Nación.

5
IV.-PLANTEAMIENTO DEL PROBLEMA
¿Será necesaria la implementación de un sistema web institucional que permita
interactuarse con la comunidad estudiantil y docente?
Actualmente, el Grupo educativo integración social México A.C. no cuenta con
una página web que permita la difusión electrónica de los servicios que ofrece así
como la adaptación a la nueva que permite una comunicación, empresa o usuario
de manera inmediata y práctica. Sin embargo, los alumnos tienen que presentarse
en la institución de manera personal para checar sus calificaciones ya sea por
publicación en el muro de la institución o por carpetas que están categorizadas
por turnos (matutino y sabatino). Idealmente se va hacer un sistema web que
facilite la interacción y comunicación en la comunidad administrativa, estudiantil y
docente, basándose en tecnologías recientes como PHP, MYSQL, JavaScript y
HTML.
Es importante implementar este sistema web institucional porque el Grupo
Educativo Integración Social México A.C. no cuenta con este sistema ya
implementado, esto genera ciertas complejidades tales como realizar consultas de
alumnos y docentes, la carga de archivos al servidor. Este sistema web se
realizará para que los alumnos estén interactuando de manera electrónica y
permite establecer una comunicación dentro de la comunidad estudiantil.

6
CAPITULO I

7
 1. SOFTWARE LIBRE
Hoy en día es muy usado el termino software libre y su concepto resulta algo
predecible, pues el termino <<libre>> indica que se le otorga a los usuarios toda la
libertad sobre el software. Se podría decir que el software se puede adecuar a
una determinada situación; si no cumple con esta premisa, entonces no es
considerado software libre. Así, podríamos tomar el siguiente concepto de
software libre como válido: <<Es el software que respeta la libertad de los
usuarios y la comunidad. En grandes líneas, significa que los usuarios tienen la
libertad para ejecutar, copiar, distribuir, estudiar, modificar y mejorar el software.

Fig.1 Ejemplos de Software Libre

Eso quiere decir que para considerar a un software libre, este deberá venir con su
código fuente y que los usuarios podrán modificarlos de acuerdo a lo que
convengan. Hay que tener en cuenta que existe una gran diferencia entre
software libre y software gratuito. Este último hace referencia a un costo cero por
el software; pero no se considera como software libre, pues el término
<<libertad>> no necesariamente es sinónimo del término <<precio>>.

Navegadores Web:
 Mozilla Firefox: Navegador web considerado como un fuente competidor de
internet Explorer. Una de las características principales es la rapidez al mostrar
información, su entorno bastante amigable y su costo totalmente gratuito.

8
 Google Chrome: Navegador web de rápido servicio y cada vez más popular
entre usuarios de todo el mundo. No solo trabaja en computadoras personales,
ahora está en dispositivos móviles como celulares, tabletas y televisores
inteligentes y su distribución es gratuita.
 Opera: Navegador web considerado como el más completo y rápido. Cuenta con
dos versiones, una propietaria y otra gratuita.

1.2 VENTAJAS DEL SOFTWARE LIBRE

 No permitirá la adquisición de licencias ni las generará, ya que de lo contrario no
sería considerado como software libre.
 Puede representar un beneficio tecnológico para la sociedad, ya que es de uso
libre e ilimitado.
 Evita la distribución con beneficio, ya que siempre será considerado como
software libre en todos sus aspectos.
 Cumple con todos los estándares establecidos para un software y se encuentra
actualizado, ya que existen muchos colaboradores en el mundo que se
encuentran dispuestos a colaborar con el proyecto.
Se caracteriza por ser diverso y no centrarse en un tema particular.

1.3 DESVENTAJAS DEL SOFTWARE LIBRE

Se tiene que contar con una persona capacitada en el tema de software libre y
con conocimientos, ya sea PHP, Java, Perl o Python.
 El software libre no ofrece ningún tipo de garantía sobre el uso de administración
del mismo, ya que no cuenta con una empresa que respalda el uso de dicho
software.
 La interfaz gráfica del usuario (GUI) recién esta tomado un aspecto atractivo para
el usuario final, asumimos que seguirá mejorando en los años siguientes.

(Torres R. Manuel, Desarrollo de aplicaciones web con PHP, Editorial Macro,

diciembre del 2014, pp.18-20)

9
1.4 WAMPSERVER
Actualmente es llamado WAMP Server, puesto que antes era simplemente
WAMP, y es considerado uno de los paquetes más usados para la
implementación de aplicaciones con PHP, pues lo incorpora un conjunto de
aplicaciones como el servidor Apache, el servidor de base de datos MySQL y el
lenguaje de programación PHP.

Fig.2 Interfaz de Wampserver

De allí sus iniciales, la W hace referencia al sistema operativo Windows; eso

quiere decir que también contamos con una versión para el sistema operativo
Linux llamado LAMP
(Torres R. Manuel, Desarrollo de aplicaciones web con PHP, Editorial Macro,
diciembre del 2014, p. 61)

1.5 W3C (WORLD WIDE WEB)

El consorcio World Wide Web (W3C) es una comunidad internacional de trabajo
conjunto para el desarrollo de estándares para la web a nivel mundial. Una de sus
actividades principales es la elaboración de estándares para el Lenguaje de
Marcado de Hipertexto (HTML) y su mejoramiento, lo que dio lugar a XHTML
(este pretende enriquecer y mejorar las facilidades que actualmente ofrece
HTML).

Entre los mejores objetivos de la W3C también está facilitar el acceso a Internet a
cualquier persona sin importar donde se encuentre, eliminando cualquier barrera

10
cultural, ideológica o tecnológica; facilitar cualquier tipo de conectividad desde los
distintos dispositivos de acceso con que se cuente; además de cuidar del buen
uso que se le dé a Internet. A ello deben sumarse los elementos de seguridad
pertinentes, con apego a leyes y normas legales y comerciales, así como la
repercusión de los aspectos sociales por el uso de Internet.

Hoy en día, el W3C es una organización reconocida mundialmente y está

representada y dirigida por el inventor de la web, Tim Berners-Lee.

1.6 WEB 1.0

La web 1.0 es la forma más básica que existe de navegadores de solo texto.
Apareció hacia 1990 y es muy primitiva para lo que hoy ofrece la web. La web 1.0
la utilizan personas conectadas a la web utilizando Internet y es de solo lectura y
el usuario es, básicamente, un sujeto pasivo que recibe la información o la
pública, sin que existan posibilidades para que se genere la interacción con el
contenido de la página; está totalmente limitada a lo que el webmaster –el experto
que administra los contenidos-- sube a la página web. Esta web primitiva es
estática, centralizada, secuencial, de solo lectura, y es no interactiva. Sirve para
utilizar el correo electrónico, navegadores, motores de búsqueda, etc.

1.7 PAGINA WEB

Una página web es un documento o documentos electrónicos con información en
diferentes formatos, ya sean texto, imágenes, audio, video o multimedia, de
acuerdo con el tipo de página de que se trate. Esta puede estar almacenada en la
computadora del usuario que la desarrolló o, en su caso, ser almacenada en
algún servidor local o remoto, Una página puede estar integrada por una o varias
páginas web. Para la elaboración o desarrollo de estas se utiliza el lenguaje
HTML (HyperText Markup Language). Cabe hacer notar que las primeras páginas
que se desarrollaron solo ofrecían información que no variaba: su contenido
siempre era el mismo y permanecían así por diferentes periodos de tiempo,
además de que no permitían alguna interacción con quien las consultaba. A este
tipo de páginas se les denominó “páginas web estáticas”. Una de sus

11
características es que solo contenían texto y algunas imágenes. Su desarrollo es
relativamente fácil, sobre todo si se cuenta con software adicional desarrollado
para este propósito. De aquí la necesidad de desarrollar paginas con más
capacidades de interacción con el usuario, incluso que ofrecían la posibilidad de
intercambiar información almacenada en diferentes bases de datos residentes en
lugares distantes. Esto se logró con la integración de otros lenguajes de
programación (PHP, Perl, ASP, Java, JSP, C++ o Ruby, entre otros), que de
alguna manera facilitaron y potenciaron la creación y desarrollo de una nueva
generación de páginas a las que se les llamó “páginas web dinámicas”.

Las páginas web dinámicas tienen la capacidad de interactuar con el usuario,

proporcionan múltiples facilidades. Entre las que destacan el acceso a bases de
datos y múltiples redes sociales y la utilización de potentes buscadores de
información. Además, permiten el desarrollo de aplicaciones más dinámicas y
tienen la capacidad de actualizar sus contenidos por medio de una gran variedad
de lenguajes que facilitan y mejoran su funcionalidad.

Dentro de las aplicaciones de páginas dinámicas que podemos encontrar está la

capacitación en línea (e-learning), el comercio de una gran cantidad de artículos
(e-commerce), las aplicaciones de gobierno (e-gobierno) y las de tipo empresarial
o las utilizadas en su intranet. Por sus características operativas y el ámbito de
acción de cada página podemos tener páginas de tipo privado o público.

(Gutiérrez G. Ángel, Desarrollo y programación en entornos web, Alfaomega,

Enero del 2017, pp. 38-43)

1.8 PHP (HYPERTEXT PRE-PROCESSOR)

PHP es el lenguaje de programación más usado en el mundo de la programación
web, su desarrollo se basa mayormente en aplicaciones web; así como en
registrar los datos de un usuario mediante un formulario, aplicar una encuesta a
los usuarios sobre la preferencia por determinados productos, validar un usuario,
etc.

12
También se dice que PHP convierte aplicaciones estáticas en dinámicas, como es
el caso de las aplicaciones realizadas puramente el HTML5, el cual solo es
ejecutado en el lado cliente y no necesita intérpretes, PHP permite incluir su script
en HTML5 para generar documentos dinámicos y crear aplicaciones robustas
para la Web.

Rasmus Lerdorf es un programador danés residente en Toronto, Canadá, y creó

PHP a partir de la necesidad que sentía por saber cuántas personas visitaban su
página web, en el cual exponía su hoja de vida. Esta pequeña aplicación ganó
admiradores rápidamente pues era sencilla y fácil de entender, ya que era
semejante a C o Java.

PHP viene de las palabras en inglés Hypertext Pre-Processor. Es considerado

como un lenguaje de programación para aplicaciones web, se podría decir que su
enfoque principal es desarrollar script que son interpretados por un servidor; es
decir, es un lenguaje de programación interpretado

PHP cuenta con una extensa biblioteca de funciones entre las que se incluyen
cálculos matemáticos complejos y conexiones de red, entre muchas otras,
además de la gran capacidad que tiene para la gestión de diferentes bases de
datos como MYSQL, ORACLE y otras para el tratamiento de correo electrónico y
manejo de archivos. Es un lenguaje de usuarios y desarrolladores, lo cual lo hace
un lenguaje maduro y de gran aceptación. Su codificación también se incrusta
dentro del código HTML.

(Gutiérrez G. Ángel, Desarrollo y programación en entornos web, Alfaomega,

Enero del 2017, p. 63)
(Torres R. Manuel, Desarrollo de aplicaciones web con PHP, Editorial Macro,
diciembre del 2014, p. 57)

13
1.9 EVOLUCION DE PHP
Veamos la evolución de PHP desde la versión 1.0, para lo cual mostraremos los
respectivos años de lanzamiento de cada una de las versiones y algunas
observaciones adicionales dependiendo de las mismas:
Versión Año de lanzamiento Observaciones
1 1995 Llamado Personal Home Page
2 1997 Es considerado como una de las
aplicaciones más rápidas y sencillas de
desarrollar
3 1998 El fundador de la empresa Zend
Technologies Zeev Suraski reescribe
parte del código PHP
4.0 2000 Se incorpora al código PHP <<Parsing>>
de dos fases llamado motor Zend
4.1 2001 Se incorporan las variables globales
$_GET, $_POST, $_SESSION.
4.2 2002 Se inhabilita register_globals en la
instalación de PHP haciendo que el
usuario lo habilite de forma manual.
4.3 Dic. 2002 Se incorpora una línea de comando
llamada CLI.
4.4 Jul. 2005 Se incorporan páginas como phpsize y
php-config
5.0 2004 Se incorpora un nuevo modelo de
objetos, desde el motor Zend II
5.1 Nov. 2005 Incorpora variables al compilador de
PHP, haciendo una clara mejora en el
rendimiento de sus aplicaciones
5.2 2006 Incorpora un soporte especial para
JavaScript Object Notation, más conocido
como JSON
5.3 2009 Incorpora un soporte para espacios de
nombres y un enlace estático en tiempo
de ejecución, funciones lambda y las
funciones GOTO
5.4 2012 Incorpora un soporte para JavaScript
Object Notation, más conocido como
Trait.
5.5 2013 Se incorporan nuevos generadores para
bucles empty
Tabla 1 Evolución de PHP

14
(Torres R. Manuel, Desarrollo de aplicaciones web con PHP, Editorial
Macro, diciembre del 2014, p. 58)

1.10 BASES DE DATOS

Lo primero es aclarar lo que es una base de datos. Una base de datos es un
conjunto de datos estructurado. El grado de estructuración depende del formato
de la base de datos. Por lo tanto, dependiendo de las circunstancias, también
puede usarse un archivo de texto sencillo como base de datos. Esto sería útil
principalmente para datos estructurados de un modo sencillo. Por supuesto, lo
mismo sucede con los archivos xml. Estos archivos también almacenan datos de
forma estructurada y, por lo tanto, también pueden denominarse base de datos.

Las propias bases de datos constan de uno o más archivos que simplemente
almacenan y organizan los datos. Por lo tanto, la cantidad de archivos de que
conste la base de datos, y el nombre de estos depende del formato de dicha base
de datos. Las bases de datos de MySQL están basadas en un servidor, y se
administran desde un servidor de bases de datos MySQL.

En ellas, los datos, no existen en forma de archivos, al menos no de una forma en

la que pueda copiarlos de un ordenador a otro. Por ello, la transmisión de estas
bases de datos resulta algo difícil, pero por otra parte protege sus datos contra
descargas indebidas.
(Spona Helma, Programación de bases de datos con MySQL y PHP,
Alfaomega, Junio 2010, pp. 81-82)

1.11 JAVASCRIPT
El lenguaje JavaScript lo desarrolló Netscape. Es un lenguaje de programación
interpretado, sencillo, orientado a objetos, basado en prototipos, imperativo y
dinámico, que permite la ejecución de código dentro de las páginas en HTML; su
ejecución por lo general es rápida. Es uno de los lenguajes de programación más
utilizados para desarrollo del lado del cliente, al que también se le han hecho
mejoras y adiciones de utilerías que facilitan el desarrollo del lado del servidor.

15
 Fig.3 Programación en JavaScript

Está construido sobre C++ y complementado por algunos componentes de Java;

es utilizado por los navegadores web. En conjunto con HTML puede llegar a
ejecutar operaciones de mayor complejidad, por ejemplo, para la creación de
contenidos dinámicos, la dotación de movimiento a ciertos elementos de la
página, el control de eventos de usuario y la comprobación de datos en
formularios antes de ser enviados.

En JavaScript no se necesita declarar el tipo de variables, argumentos de

funciones o valores de retorno de las funciones. Soporta cuatro diferentes tipos de
datos. Para su ejecución, JavaScript se debe insertar en las etiquetas de HTML,
es decir, que el código forma parte de una misma página; esto quiere decir que
JavaScript no crea aplicaciones aisladas. JavaScript es totalmente independiente
de Java. De modo adicional al JavaScript se pueden utilizar otras tecnologías que
dan más dinamismo y amplitud al desarrollo de aplicaciones; tal es el caso de
AJAX, Node.Js, JQuery, entre otras.

Una de las más recientes tecnologías para el desarrollo web es AJAX

(Asynchronous JavaScript And XML). Proporciona elementos con los que es
posible desarrollar aplicaciones más dinámicas y de gran interactividad con el
usuario (esta interactividad se realiza en forma asíncrona); facilita el intercambio
de información entre el servidor y el cliente sin necesidad de recargar la aplicación
o pagina en el navegador. También utiliza HTML y CSS; es una técnica de
desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet
Applications); es utilizado en múltiples plataformas y utilizable en muchos

16
sistemas operativos y navegadores. Se basa en estándares abiertos como
JavaScript y DOM (Document Object Model).

Por su parte, Node.Js proporciona un entorno de ejecución del lado del servidor
que compila y ejecuta JavaScript a velocidades muy considerables, además de
que cuenta con módulos adicionales bastante interesantes que permiten una alta
interacción con los usuarios, llegando al procesamiento en tiempo real.

Finalmente, JQuery es una biblioteca de JavaScript que contiene utilerías

basadas en el propio JavaScript. Su utilización evita en gran medida la generación
de mucho código de programación; es decir, que con el uso de estas bibliotecas
se logran muy buenos resultados, además de lograr una optimización de los
tiempos de desarrollo y mejora en los tiempos de ejecución de los procesos.

(Gutiérrez G. Ángel, Desarrollo y programación en entornos web, Alfaomega,

Enero del 2017, pp. 61-62)

1.12 HOJAS DE ESTILO EN CASCADA (CSS)

Las siglas de CSS son “Cascade Style Sheet”, en español hojas de estilo en
cascada. CSS es un lenguaje que nos permite otorgar atributos a los elementos
de los documentos realizados en HTML; CSS permite realizar una separación del
diseño de los contenidos de las páginas webs. Es importante resaltar que; hay
características que ofrece CSS y que también se pueden realizar con HTML, pero
CSS tiene una mayor cantidad de opciones para personalizar los elementos de
una página web en general.

Para ver las funcionalidades principales de HTML y CSS, imaginemos que nos
encontramos en la construcción de un edificio, las columnas y paredes del
edificio, sería como si estuviéramos realizando la estructura de una página web
desarrollando con HTML y la presentación del edificio sería como realizar el
diseño de la página web desarrollado con CSS; para el desarrollo de la página
web se separa el diseño del contenido, esta separación hace que el
mantenimiento y manipulación del sitio web sea más fácil.

17
 Fig.4 Ejemplo del uso de CSS en HTML
(Condor T. Enrique E., Programación Web con CSS, JavaScript, PHP y
AJAX, Alfaomega, Enero del 2017, pp. 13)

1.13 HTML
HyperText Markup Language (Lenguaje de marcado de hipertexto) hace
referencia al lenguaje de marcado predominante para la elaboración de páginas
web que se utiliza para describir y traducir la estructura y la información en forma
de texto, así como para complementar el texto con objetos tales como imágenes.

HTML se escribe en forma de etiquetas rodeadas por corchetes angulares (<,>).

HTML también puede describir, hasta un cierto punto, la apariencia de un
documento, y puede incluir un script (por ejemplo JavaScript), el cual puede
afectar el comportamiento de navegadores web y otros procesadores de HTML.

HTML fue creado originalmente por Tim Berners-Lee. Luego en los años 90 se
desarrollo con el crecimiento de la web (Internet). Durante este tiempo, el HTML
se ha desarrollado gracias a la colaboración de todos los programadores y
usuarios de internet.

HTML ha pasado por varias versiones cada una de ellas aportaba nuevas
funcionalidades e intentaba adaptar el lenguaje web a las nuevas necesidades de
los usuarios. Actualmente el estándar está en la versión 5.

(Eslava M. Vicente J., HTML presente y futuro de la web, Bubok editorial,

Junio del 2017, pp. 13-14)

18
 1.14 MYSQL
MySQL es una base de datos muy rápida en la lectura cuando utiliza el motor no
transaccional MyISAM, pero puede provocar problemas en la integridad en
entornos de alta concurrencia en la modificación. En aplicaciones web hay baja
concurrencia en la modificación de datos y en cambio el entorno es intensivo en
lectura de datos, lo que hace a MYSQL ideal para este tipo de aplicaciones.

Soporte Multi-Usuario:
Múltiples clientes tienen acceso concurrente a una (o más) bases de datos
simultáneamente. Sistema de privilegios de usuarios potente y flexible. Es
quemas de autenticación basados en usuario-maquina,

Escalabilidad:
 Bases de datos contenido ¡50 millones de registros!
Portabilidad:
Unix/No-Unix: Linux, Solaris, Windows.
Intel x86, Alpha, SPARC, PowerPC
 Cumplimiento de estándares

(Cobo Ángel, PHP y MySQL tecnologías para el desarrollo de aplicaciones

web, Editorial Díaz de Santos, 2015, pp. 342)

MARCO HISTORICO
HTML
El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee,
trabajador del CERN (Organización Europea para la Investigación Nuclear)
propuso un nuevo sistema de "hipertexto" para compartir documentos. Los
sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito de la
informática, el "hipertexto" permitía que los usuarios accedieran a la información
relacionada con los documentos electrónicos que estaban visualizando. De cierta
manera, los primitivos sistemas de "hipertexto" podrían asimilarse a los enlaces
de las páginas web actuales. Tras finalizar el desarrollo de su sistema

19
de "hipertexto", Tim Berners-Lee lo presentó a una convocatoria organizada para
desarrollar un sistema de “hipertexto" para Internet. Después de unir sus fuerzas
con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora
llamada World Wide Web (W3).

El primer documento formal con la descripción de HTML se publicó en 1991 bajo

el nombre HTML Tags (Etiquetas HTML) y todavía hoy puede ser consultado
online a modo de reliquia informática. La primera propuesta oficial para convertir
HTML en un estándar se realizó en 1993 por parte del organismo IETF (Internet
Engineering Task Force). Aunque se consiguieron avances significativos (en esta
época se definieron las etiquetas para imágenes, tablas y formularios) ninguna de
las dos propuestas de estándar, llamadas HTML y HTML+ consiguieron
convertirse en estándar oficial.

En 1995, el organismo IETF organiza un grupo de trabajo de HTML y consigue

publicar, el 22 de septiembre de ese mismo año, el estándar HTML 2.0. A pesar
de su nombre, HTML 2.0 es el primer estándar oficial de HTML.

A partir de 1996, los estándares de HTML los publica otro organismo de

estandarización llamado W3C(World Wide Web Consortium). La versión HTML
3.2 se publicó el 14 de Enero de 1997 y es la primera recomendación de HTML
publicada por el W3C. Esta revisión incorpora los últimos avances de las páginas
web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor
de las imágenes.

HTML 4.0 se publicó el 24 de Abril de 1998 (siendo una versión corregida de la

publicación original del 18 de Diciembre de 1997) y supone un gran salto desde
las versiones anteriores. Entre sus novedades más destacadas se encuentran las
hojas de estilos CSS, la posibilidad de incluir pequeños programas o scripts en las
páginas web, mejora de la accesibilidad de las páginas diseñadas, tablas
complejas y mejoras en los formularios.
La última especificación oficial de HTML se publicó el 24 de diciembre de 1999 y
se denomina HTML 4.01. Se trata de una revisión y actualización de la versión
HTML 4.0, por lo que no incluye novedades significativas.

20
Desde la publicación de HTML 4.01, la actividad de estandarización de HTML se
detuvo y el W3C se centró en el desarrollo del estándar XHTML. Por este motivo,
en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación
por la falta de interés del W3C en HTML y decidieron organizarse en una nueva
asociación llamada WHATWG (Web Hypertext Application Technology Working
Group).
La actividad actual del WHATWG se centra en el futuro estándar HTML 5,
cuyo primer borrador oficial se publicó el 22 de enero de 2008. Debido a la fuerza
de las empresas que forman el grupo WHATWG y a la publicación de los
borradores de HTML 5.0, en marzo de 2007 el W3C decidió retomar la actividad
estandarizadora de HTML.
De forma paralela a su actividad con HTML, W3C ha continuado con la
estandarización de XHTML, una versión avanzada de HTML y basada en XML. La
primera versión de XHTML se denomina XHTML 1.0 y se publicó el 26 de Enero
de 2000 (y posteriormente se revisó el 1 de Agosto de 2002).
XHTML 1.0 es una adaptación de HTML 4.01 al lenguaje XML, por lo que
mantiene casi todas sus etiquetas y características, pero añade algunas
restricciones y elementos propios de XML. La versión XHTML 1.1 ya ha sido
publicada en forma de borrador y pretende modularizar XHTML. También ha sido
publicado el borrador de XHTML 2.0, que supondrá un cambio muy importante
respecto de las anteriores versiones de XHTML.

JAVASCRIPT
Para los creadores de sitios Web, la evolución de HTML ha sido una bendición no
exenta de controversia. En los primeros días de la World Wide Web, HTML era
bastante simple, y bastante fácil de aprender casi todo lo que se necesitaba saber
para agrupar páginas web. A principios de los años 90, la mayoría de usuarios
que se conectaban a Internet lo hacían con módems a una velocidad máxima de
28.8 Kbps En esa época, empezaban a desarrollarse las primeras aplicaciones
web y por tanto, las páginas web comenzaban a incluir formularios complejos.
Con unas aplicaciones web cada vez más complejas y una velocidad de
navegación tan lenta, surgió la necesidad de un lenguaje de programación que se
ejecutara en el navegador del usuario. De esta forma, si el usuario no rellenaba

21
correctamente un formulario, no se le hacía esperar mucho tiempo hasta que el
servidor volviera a mostrar el formulario indicando los errores existentes. Como la
Web crece, también crecen las aspiraciones de los diseñadores, y su demanda de
mayor control sobre la página obligó a HTML a cambiar y a hacerse más
complejo.

La Web es un medio dinámico, los diseñadores también querían que sus páginas
interaccionaran con el usuario, y pronto resultó evidente que HTML era
insuficiente para atender esta demanda.

Brendan Eich, un programador que trabajaba en Netscape, pensó que podría

solucionar este problema adaptando otras tecnologías existentes
(como ScriptEase) al navegador Netscape Navigator 2.0, que iba a lanzarse en
1995. Inicialmente, Eich denominó a su lenguaje LiveScript. Posteriormente,
Netscape firmó una alianza con Sun Microsystems para el desarrollo del nuevo
lenguaje de programación. Además, justo antes del lanzamiento Netscape decidió
cambiar el nombre por el de JavaScript. La razón del cambio de nombre fue
exclusivamente por marketing, ya que Java era la palabra de moda en el mundo
informático y de Internet de la época.

La primera versión de JavaScript fue un completo éxito y Netscape Navigator 3.0

ya incorporaba la siguiente versión del lenguaje, la versión 1.1. Para evitar una
guerra de tecnologías, Netscape decidió que lo mejor sería estandarizar el
lenguaje JavaScript. De esta forma, en 1997 se envió la especificación JavaScript
1.1 al organismo ECMA (European Computer Manufacturers Association). Así es
como Netscape inventa JavaScript con la finalidad de controlar el navegador y
añadir dinamismo e interactividad a las páginas Web. Desde su creación
JavaScript ha evolucionado mucho (aunque en ocasiones en diferentes
direcciones, en función del navegador).

22
PHP
PHP tal y como se conoce hoy en día es en realidad el sucesor de un producto
llamado PHP/FI. Creado en 1994 por Rasmus Lerdorf, la primera encarnación de
PHP era un conjunto simple de ficheros binarios Common Gateway Interface
(CGI) escritos en el lenguaje de programación C. Originalmente utilizado para
rastrear visitas de su currículum online, llamó al conjunto de scripts "Personal
Home Page Tools", más frecuentemente referenciado como "PHP Tools". Con el
paso del tiempo se quiso más funcionalidad, y Rasmus reescribió PHP Tools,
produciendo una implementación más grande y rica. Este nuevo modelo fue
capaz de interaccionar con bases de datos, y mucho más, proporcionando un
entorno de trabajo sobre cuyos usuarios podían desarrollar aplicaciones web
dinámicas sencillas tales como libros de visitas. En junio de 1995,
Rasmus » publicó el código fuente de PHP Tools, lo que permitió a los
desarrolladores usarlo como considerasen apropiado. Esto también permitió -y
animó- a los usuarios a proporcionar soluciones a los errores del código, y
generalmente a mejorarlo.

En septiembre de ese mismo año, Rasmus amplió PHP y -por un corto periodo de
tiempo- abandonó el nombre de PHP. Ahora, refiriéndose a las herramientas
como FI (abreviatura de "Forms Interpreter"), la nueva implementación incluía
algunas de las funciones básicas de PHP tal y como la conocemos hoy. Tenía
variables como las de Perl, interpretación automática de variables de formulario y
sintaxis incrustada HTML. La sintaxis por sí misma era similar a la de Perl,
aunque mucho más limitada, simple y algo inconsistente. De hecho, para
embeber el código en un fichero HTML, los desarrolladores tenían que usar
comentarios de HTML. Aunque este método no era completamente bien recibido,
FI continuó gozando de expansión y aceptación como una herramienta CGI ---
pero todavía no completamente como lenguaje. Sin embargo, esto comenzó a
cambiar al mes siguiente; en octubre de 1995 Rasmus publicó una versión nueva
del código. Recordando el nombre PHP, ahora era llamado (resumidamente)
"Personal Home Page Construction Kit," y fue la primera versión que presumía de
ser, en aquel momento, considerada como una interfaz de scripts avanzada. El
lenguaje fue deliberadamente diseñado para asemejarse a C en estructura,

23
haciéndolo una adopción sencilla para desarrolladores familiarizados con C, Perl,
y lenguajes similares. Habiendo sido así bastante limitado a sistemas UNIX y
compatibles con POSIX, el potencial para una implementación de Windows NT
estaba siendo explorada.

El código fue completamente rehecho de nuevo, y en abril de 1996, combinando

los nombres de versiones anteriores, Rasmus introdujo PHP/FI. Esta
implementación de segunda generación comenzó realmente a desarrollar PHP
desde un conjunto de herramientas dentro de un lenguaje de programación de
derecho propio. Incluía soporte interno para DBM, mSQL, y bases de datos
Postgres95, cookies, soporte para funciones definidas por el usuario, y mucho
más. Ese mes de junio, PHP/FI brindó una versión 2.0. Sin embargo, un
interesante hecho sobre esto, es que sólo había una única versión completa de
PHP 2.0. Cuando finalmente pasó de la versión beta en noviembre de 1997, el
motor de análisis subyacente ya estaba siendo reescrito por completo.

Aunque vivió una corta vida de desarrollo, continuó gozando de un crecimiento de

popularidad en el aún joven mundo del desarrollo. En 1997 y 1998, PHP/FI tenía
un culto de varios miles de usuarios en todo el mundo. Una encuesta de Netcraft
en mayo de 1998 indicó que cerca de 60,000 dominios reportaron que tenían
cabeceras que contenían "PHP", indicando en efecto que el servidor host lo tenía
instalado. Este número se correspondía con aproximadamente el 1% de todos los
dominios de Internet del momento. A pesar de estas impresionantes cifras, la
maduración de PHP/FI estaba condenada por limitaciones; mientras había varios
contribuidores menores, aún era desarrollado principalmente por un individuo.

CSS
Las hojas de estilos aparecieron poco después que el lenguaje de etiquetas
SGML, alrededor del año 1970. Desde la creación de SGML, se observó la
necesidad de definir un mecanismo que permitiera aplicar de forma consistente
diferentes estilos a los documentos electrónicos. El gran impulso de los lenguajes
de hojas de estilos se produjo con el boom de Internet y el crecimiento
exponencial del lenguaje HTML para la creación de documentos electrónicos. La

24
guerra de navegadores y la falta de un estándar para la definición de los estilos
dificultaban la creación de documentos con la misma apariencia en diferentes
navegadores.

El organismo W3C (World Wide Web Consortium), encargado de crear todos los
estándares relacionados con la web, propuso la creación de un lenguaje de hojas
de estilos específico para el lenguaje HTML y se presentaron nueve propuestas.
Las dos propuestas que se tuvieron en cuenta fueron la CHSS (Cascading HTML
Style Sheets) y la SSP (Stream-based Style Sheet Proposal).

La propuesta CHSS fue realizada por Håkon Wium Lie y SSP fue propuesto por
Bert Bos. Entre finales de 1994 y 1995 Lie y Bos se unieron para definir un nuevo
lenguaje que tomaba lo mejor de cada propuesta y lo llamaron CSS (Cascading
Style Sheets). En 1995, el W3C decidió apostar por el desarrollo y
estandarización de CSS y lo añadió a su grupo de trabajo de HTML. A finales de
1996, el W3C publicó la primera recomendación oficial, conocida como "CSS nivel
1". A principios de 1997, el W3C decide separar los trabajos del grupo de HTML
en tres secciones: el grupo de trabajo de HTML, el grupo de trabajo de DOM y el
grupo de trabajo de CSS.

El 12 de Mayo de 1998, el grupo de trabajo de CSS publica su segunda

recomendación oficial, conocida como "CSS nivel 2". La versión de CSS que
utilizan todos los navegadores de hoy en día es CSS 2.1, una revisión de CSS 2
que aún se está elaborando (la última actualización es del 8 de septiembre de
2009). Al mismo tiempo, la siguiente recomendación de CSS, conocida como
"CSS nivel 3", continúa en desarrollo desde 1998 y hasta el momento sólo se han
publicado borradores.
La adopción de CSS por parte de los navegadores ha requerido un largo periodo
de tiempo. El mismo año que se publicó CSS 1, Microsoft lanzaba su navegador
Internet Explorer 3.0, que disponía de un soporte bastante reducido de CSS. El
primer navegador con soporte completo de CSS 1 fue la versión para Mac de
Internet Explorer 5, que se publicó en el año 2000. Por el momento, ningún
navegador tiene soporte completo de CSS 2.1.

25
BASES DE DATOS
El término bases de datos fue escuchado por primera vez en un simposio
celebrado en California en 1963.En una primera aproximación, se puede decir que
una base de datos es un conjunto de información relacionada que se encuentra
agrupada o estructurada.

Desde el punto de vista informático, una base de datos es un sistema formado por
un conjunto de datos almacenados en discos que permiten el acceso directo a
ellos y un conjunto de programas que manipulen ese conjunto de datos. Por su
parte, un sistema de Gestión de Bases de datos es un tipo de software muy
especifico dedicado a servir de interfaz entre la base de datos, el usuario y las
aplicaciones que la utilizan; o lo que es lo mismo, una agrupación de programas
que sirven para definir, construir y manipular una base de datos, permitiendo así
almacenar y posteriormente acceder a los datos de forma rápida y estructurada.
Actualmente, las bases de datos están teniendo un impacto decisivo sobre el
creciente uso de las computadoras.

Los orígenes de las bases de datos se remontan a la Antigüedad donde ya

existían bibliotecas y toda clase de registros. Además también se utilizaban para
recoger información sobre las cosechas y censos. Sin embargo, su búsqueda era
lenta y poco eficaz y no se contaba con la ayuda de máquinas que pudiesen
reemplazar el trabajo manual. Posteriormente, el uso de las bases de datos se
desarrolló a partir de las necesidades de almacenar grandes cantidades de
información o datos. Sobre todo, desde la aparición de las primeras
computadoras, el concepto de bases de datos ha estado siempre ligado a la
informática.

En 1884 Herman Hollerith creó la máquina automática de tarjetas perforadas,

siendo nombrado así el primer ingeniero estadístico de la historia. En esta época,
los censos se realizaban de forma manual. Ante esta situación, Hollerith comenzó
a trabajar en el diseño de una maquina tabuladora o censadora, basada en
tarjetas perforadas.

26
Posteriormente, en la década de los cincuenta se da origen a las cintas
magnéticas, para automatizar la información y hacer respaldos. Esto sirvió para
suplir las necesidades de información de las nuevas industrias. Y a través de este
mecanismo se empezaron a automatizar información, con la desventaja de que
solo se podía hacer de forma secuencial.

En las décadas de 1960. Posteriormente en la época de los sesenta, las

computadoras bajaron los precios para que las compañías privadas las pudiesen
adquirir; dando paso a que se popularizara el uso de los discos, cosa que fue un
adelanto muy efectivo en la época, debido a que a partir de este soporte se podía
consultar la información directamente, sin tener que saber la ubicación exacta de
los datos.En esta misma época se dio inicio a las primeras generaciones de bases
de datos de red y las bases de datos jerárquicas, ya que era posible guardar
estructuras de datos en listas y arboles.

Otro de los principales logros de los años sesenta fue la alianza de IBM y
American Airlines para desarrollar SABRE, un sistema operativo que manejaba
las reservas de vuelos, transacciones e informaciones sobre los pasajeros de la
compañía American Airlines. Y, posteriormente, en esta misma década, se llevo a
cabo el desarrollo del IDS desarrollado por Charles Bachman (que formaba parte
de la CODASYL) supuso la creación de un nuevo tipo de sistema de bases de
datos conocido como modelo en red que permitió la creación de un standard en
los sistemas de bases de datos gracias a la creación de nuevos lenguajes de
sistemas de información.
CODASYL (Conference on Data Systems Languages) era un consorcio de
industrias informáticas que tenían como objetivo la regularización de un lenguaje
de programación estándar que pudiera ser utilizado en multitud de ordenadores.
Los miembros de este consorcio pertenecían a industrias e instituciones
gubernamentales relacionadas con el proceso de datos, cuya principal meta era
promover un análisis, diseño e implementación de los sistemas de datos más
efectivos; y aunque trabajaron en varios lenguajes de programación como
COBOL, nunca llegaron a establecer un estándar fijo, proceso que se llevo a cabo
por ANSI.

27
En las décadas de 1970, Por lo que respecta a la década de los setenta, Edgar
Frank Codd, científico informático ingles conocido por sus aportaciones a la teoría
de bases de datos relacionales, definió el modelo relacional a la par que publicó
una serie de reglas para los sistemas de datos relacionales a través de su artículo
“Un modelo relacional de datos para grandes bancos de datos compartidos”. Este
hecho dio paso al nacimiento de la segunda generación de los Sistemas Gestores
de Bases de Datos.

Como consecuencia de esto, durante la década de 1970, Lawrence J. Ellison,

más conocido como Larry Ellison, a partir del trabajo de Edgar F. Codd sobre los
sistemas de bases de datos relacionales, desarrolló el Relational Software
System, o lo que es lo mismo, lo que actualmente se conoce como Oracle
Corporation, desarrollando así un sistema de gestión de bases de datos relacional
con el mismo nombre que dicha compañía.

En 1980, Por su parte, a principios de los años ochenta comenzó el auge de la

comercialización de los sistemas relacionales, y SQL comenzó a ser el estándar
de la industria, ya que las bases de datos relacionales con su sistema de tablas
(compuesta por filas y columnas) pudieron competir con las bases jerárquicas y
de red, como consecuencia de que su nivel de programación era sencillo y su
nivel de programación era relativamente bajo.

En la década de 1990 la investigación en bases de datos giró en torno a las bases

de datos orientadas a objetos. Las cuales han tenido bastante éxito a la hora de
gestionar datos complejos en los campos donde las bases de datos relacionales
no han podido desarrollarse de forma eficiente. Así se desarrollaron herramientas
como Excel y Access del paquete de Microsoft Office que marcan el inicio de las
bases de datos orientadas a objetos.
En la actualidad, las tres grandes compañías que dominan el mercado de las
bases de datos son IBM, Microsoft y Oracle. Por su parte, en el campo de
internet, la compañía que genera gran cantidad de información es Google.
Aunque existe una gran variedad de software que permiten crear y manejar
bases de datos con gran facilidad, como por ejemplo LINQ, que es un proyecto de
Microsoft que agrega consultas nativas semejantes a las de SQL a los lenguajes

28
de la plataforma .NET. El objetivo de este proyecto es permitir que todo el código
hecho en Visual Studio sean también orientados a objetos; ya que antes de LINQ
la manipulación de datos externos tenía un concepto más estructurado que
orientado a objetos; y es por eso que trata de facilitar y estandarizar el acceso a
dichos objetos.

SOFTWARE LIBRE
Se suele considerar que el software libre surgió en los años ochenta del siglo
pasado por la necesidad de llevar a cabo proyectos para su elaboración ante la
aplastante mayoría del privativo. No obstante, pese a que esta afirmación es
correcta, no lo es menos la de que el desarrollo de los primeros ordenadores y
programas informáticos era colaborativo, muy influido por la dinámica académica.
De hecho, a finales de los años cincuenta y durante los sesenta, casi la totalidad
del software era producido por académicos y grupos de investigadores que
cooperaban entre sí, y colectivos de usuarios distribuían los sistemas operativos y
los programas, cuyo código podía modificarse para realizar arreglos o mejorarlo.

Así, existieron ciertas comunidades de software comparables con la del software

libre actual mucho antes del movimiento en su favor, e incluso de la propia
conceptualización de esta tecnología. Richard Stallman, programador neoyorkino
que fundó el movimiento por el software libre, señala que hubo una comunidad
que compartía programas informáticos en el Instituto Tecnológico de
Massachusetts (MIT), donde él fue hacker del Laboratorio de Inteligencia Artificial,
años antes de iniciarse el movimiento.

Pero el mismo concepto de “código abierto” en que se asienta el software libre y

la práctica de compartir con autonomía la información tecnológica provienen de
más atrás, mucho antes de que existiera la informática, y de otro ámbito técnico:
la industria del automóvil. Tras una lucha empresarial relacionada con la patente
de un motor de gasolina de dos tiempos de George Selden, que involucraba a
otro grupo de fabricantes independientes entre los que se encontraba Henry Ford,
una nueva asociación del sector llegó a un acuerdo para establecer una licencia
múltiple para todos los fabricantes de automóviles de Estados Unidos, según el

29
cual todas las patentes tecnológicas que desarrollaran serían compartidas entre
ellos sin ningún tipo de transacción, es decir, abiertamente.

A finales de los setenta y principios de los ochenta del siglo XX, mediante el
registro de marca, los derechos de autor y el arrendamiento, las empresas
que vendían ordenadores y software comenzaron a cobrar por licencias de uso,
restringiendo así el desarrollo de esta tecnología.

Fue inolvidable la carta que Bill Gates, el celebérrimo cofundador de la empresa

de software Microsoft, escribió a los aficionados al desarrollo informático en 1976:
“Como la mayoría de amateurs sabéis, la mayor parte de vosotros roba el
software que emplea. El hardware debe pagarse, pero el software es algo para
compartir. ¿A quién le importa si la gente que trabajó en él fue o no pagada?”,
decía, lo cual revela, no sólo el cambio de tendencia hacia la privatización que se
iba a producir en los años siguientes, sino su propia incomprensión del modelo
colaborativo de desarrollo.

Hubo que esperar hasta septiembre de 1983 para que Richard Stallman
comunicara en los grupos de noticias de Usenet, el conocido y veterano medio de
discusión de internet generado por Tom Truscott y Jim Ellis en 1979,
que pretendía crear un sistema operativo completamente libre, sin restricciones
para su utilización, modificaciones y distribución, en lo que se conoció como el
proyecto GNU. Se cuenta que una impresora que era imposible de arreglar en el
MIT porque no contaban con el código fuente pudo inspirar a Stallman para el
proyecto, o el encontronazo que tuvo con Symbolics, Inc. a propósito de su
máquina Lisp, que ejecuta programas en este lenguaje, y el acceso a sus
actualizaciones por parte del MIT.

En 1985 publicó el Manifiesto GNU, en el que Stallman explicaba sus

motivaciones para elaborar una alternativa al Unix, sistema operativo ya madurito
de los laboratorios Bell de AT&T, e instituyó la Fundación para el Software Libre
(FSF), que “se dedica a eliminar las restricciones sobre la copia, redistribución,
entendimiento y modificación de programas de computadoras. Con este objeto,
promociona el desarrollo y uso del software libre en todas las áreas de la

30
computación pero, muy particularmente, ayudando a desarrollar el sistema
operativo GNU”. Una definición de software libre fue publicada en febrero de
1986, y el concepto de copyleft (no el propio término), que Stallman había ideado,
se incluyó en la GLP de 1989, que se actualizó en 1991.

Ese mismo año, el ingeniero de software Linus Torvalds, nacido en Finlandia y

nacionalizado estadounidense, liberó el núcleo o kernel de Linux para que fuera
modificado con libertad; y en 1992, licenció una nueva versión según los términos
de la GPL, con lo que nos brindó un sistema operativo libre, completo y eficiente,
el GNU/Linux. Para ello, se basó en el que había creado el neoyorkino Andrew
Tanenbaum, profesor de ciencias de la computación en la Universidad Libre de
Ámsterdam, y en algunas herramientas desarrolladas por el mismo proyecto
GNU.
Pero, como ocurre en las mejores familias, se produjo una controversia en la
comunidad del software libre sobre la denominación del sistema operativo que
había propiciado Torvalds: por un lado, los integrantes del proyecto GNU piden
que a este sistema se lo llame GNU/Linux porque la mayor parte de ellos que se
basan en el kernel de Linux se derivan del sistema GNU, cuyo desarrollo
comenzó varios años antes de que Torvalds presentara su núcleo; por otro,
quienes se deciden por el sencillo nombre de Linux lo prefieren porque les resulta
más reconocible y práctico y ha cosechado un mayor reconocimiento y, por ende,
una mejor acogida.
Y no se trata de la única polémica suscitada en el entorno del software libre. Hay
que recordar que, después de la publicación de La catedral y el bazar, libro del
historiador de la cultura hacker Eric Raymond sobre la misma y el software libre
que llevó a la empresa Netscape a liberar su suite de internet, hoy más conocida
como Firefox y Thunderbird, el propio Raymond, Torvalds y otras personas del
mundillo fundaron en 1998 la Iniciativa por el Código Abierto, el open source, con
la intención de trasladar la filosofía del software libre al entorno del comercial,
destacando la potencia mercantil de compartir códigos fuente.

El motivo de esta decisión era que el activismo de la FSF no atraía a empresas

como Netscape, pero la propia Fundación y Stallman protestaron vigorosamente
ante la Iniciativa porque consideraban que ocultaba los valores sociales del

31
software libre y el énfasis en la libertad de los usuarios de ordenadores, aunque
se luchara igualmente contra el software privativo.

MYSQL
MySQL es un caso particular, pues se trata de un programa de licencia open-
source y gratuito pero que, sin embargo, está mantenido por una empresa,
MySQL AB, con sede en Suecia. El código fuente de MySQL está sólo
relativamente abierto y disponible para modificaciones, puesto que es la empresa
MySQL AB la que contrata y coordina los trabajos de mantenimiento del producto.
No obstante, los trabajadores contratados, procedentes de todo el mundo, son
usuarios del producto que realizan sus encargos a través de Internet.

El origen de MySQL se remonta a la década de los ochenta. Michael Widenius,

también conocido como Monty, un joven programador que realizaba complejas
aplicaciones en lenguaje BASIC, al no encontrar un sistema de almacenamiento
de archivos que le resultara satisfactorio, pensó en construir el suyo propio. Años
después, en 1995, y en colaboración con David Axmark, Widenius desarrolló un
producto que básicamente era el resultado de sus investigaciones, más dos
aportaciones nuevas: el uso del lenguaje SQL y la accesibilidad a través de
Internet. Así nació MySQL y también la empresa MySQL AB.

La evolución de MySQL se produce con las sugerencias de los usuarios,

canalizadas por la empresa MySQL AB, que contrata a programadores de todo el
mundo para que, a través de Internet, vayan ampliando y mejorando el producto.
Las versiones, como es costumbre en este tipo de software libre, se van colgando
en Internet para que los usuarios puedan disponer de ellas.

Sin embargo, también como es habitual, hay que distinguir entre versiones de
prueba o beta y versiones estables o de producción. Las versiones de prueba o
beta están a disposición de los usuarios para ser testadas en busca de posibles
mejoras. Por su parte, las versiones estables o de producción son las que ya
están preparadas para ser utilizadas a pleno rendimiento.

32
En la actualidad, 4.1. 14 es la última versión estable. Esta versión dispone de
características como gestión de transacciones, integridad referencial (bajo ciertas
condiciones), uso de índices, incorporación de librerías, etcétera. La versión de
prueba actualmente disponible es la 5.0, que empieza a incorporar elementos
hasta ahora no incluidos en MySQL, como el uso de procedimientos, cursores,
triggers o vistas. Existe una versión incluso más reciente, la 5.1, pero que aún es
un proyecto. Esta versión promete mejoras en la seguridad y en la gestión de
claves ajenas, aunque todavía no se conoce cómo se plasmarán dichas
características en posteriores versiones estables.

MARCO REFERENCIAL
HTML
En 1992, Robert Cailliau diseña el primer browser (multiventanas y también editor)
para Macintosh.
En 1993 empieza el esquema de autentificación para la Web y a finales del mismo
año, el WISE, el primer proyecto WEB de la Comisión Europea. Actualmente es
director de comunicaciones web del CERN y responsable de relaciones externas
de la comunidad de físicos de altas energías. Dejaron su programa en el primer
servidor en 1991. Los tres primeros años fueron una especie de cruzada en que
intentaban persuadir a la gente que se sumara a la idea y la usaran Berners-
Lee redactó el HTML (Lenguaje de etiquetado hipertexto) estableciendo enlaces
con otros documentos en una computadora y elaboró un esquema de direcciones
que dio a cada página de la Red una localización única, o URL (localizador
universal de recursos). Luego estableció unas reglas llamadas HTTP (Protocolo
de transferencia de hipertexto), para transmitir información a través de la Red.

El Protocolo de transferencia de hipertexto (HTTP) fue creado en 1990 en el

CERN (Laboratorio Europeo de Física de las Partículas), como un medio para
compartir los datos científicos a nivel internacional, instantáneamente y a bajo
costo. Con el hipertexto, una palabra o frase puede contener un vínculo con otro
texto. Para lograrlo, el CERN preparó un programa denominado HTML, que
permite a los usuarios conectarse fácilmente a otras páginas o servicios (de

33
redes) en la Red.

Un primer programa fue presentado en el CERN a finales de 1990 y, en 1992,

empezaron las primeras presentaciones públicas. Como el programa era puesto
libremente a disposición desde el CERN, entonces en el corazón de Internet
europeo, su difusión fue muy rápida; el número de servidores Web pasó de
veintiséis de 1992 a doscientos en octubre de 1995.

Entre 1991y 1994 el número de clientes del Web pasó de 10 a 100.000. La carga
de proceso del primer servidor se multiplicaba por 10 cada año. En Mayo de 1991
se pone en marcha el primer servidor Web de USA en el SLAC ("Stanford Linear
Accelerator Laboratory").En 1992 toda la comunidad científica estaba al corriente

En 1993 el proyecto empezó a ser considerado por la industria informática. En

Enero de este año hay 1.3 millones de ordenadores conectados a la Red. En
1994 se llega a 2.000.000 de ordenadores conectados.

Sin embargo, el CERN, un organismo de investigación de física teórica, no era el

marco más idóneo para un proyecto que crecía a un ritmo que amenazaba
descontrolarse.
El propio Berners admite que empezó a estar bajo gran presión para que definiera
la evolución futura del proyecto. Después de muchas discusiones, en Septiembre
de 1994, decidió crear el W3C ("World Wide Web Consortium"), con sedes en el
MIT en USA, en el INRIA en Francia y actualmente en la Universidad Keio de
Japón.

En 1994, Berners- Lee se trasladó a EEUU y dirige actualmente el W3C, un

organismo dependiente del Instituto de Tecnología de Massachusetts que actúa
no sólo como depositario de información sobre la red sino también como su
guardián, al defender su carácter abierto frente a empresas que tratan de
introducir software sujeto a derechos de propiedad.

El mero hecho de patentar su invento habría convertido a este físico en uno de los
hombres más ricos del planeta, pero él prefirió dedicar sus esfuerzos a mejorar y

34
a universalizar la Red.Berners-Lee aparece como un modelo de modestia, pese al
desarrollo y al éxito asombroso de su invento.

El programa inicial del CERN, "www", sólo presentaba texto pero navegadores
web posteriores, como el ViolaWWW de Pei-Yuan Wei (1992), añadieron la
capacidad de presentar también gráficos.

Después de conocer el trabajo de Tim Berners Lee, Marc Andreessen, entonces

un joven becario en el National Center for Supercomputing Applications (NCSA),
elaboró Mosaic (1993) el navegador gráfico que se distribuyó gratuitamente entre
la comunidad científica y contribuyó a la rápida expansión del World Wide Web.

La funcionalidad elemental de la Web se basa en:

-El Localizador Uniforme de Recursos (URL), que especifica cómo a cada página
de información se asocia una "dirección" única en donde encontrarla.
-El Protocolo de Transferencia de Hipertexto (HTTP), que especifica cómo el
navegador y el servidor intercambian información en forma de peticiones y
respuestas.
El Lenguaje de Marcación de Hipertexto (HTML), un método para codificar la
información de los documentos y sus enlaces.

PHP
Dos programadores israelíes del Technion, Zeev Suraski y Andi Gutmans,
reescribieron el analizador sintáctico (parser, en inglés) en 1997 y crearon la base
del PHP3, y cambiaron el nombre del lenguaje por PHP: Hypertext Preprocessor.
Inmediatamente comenzaron experimentaciones públicas de PHP3, y se publicó
oficialmente en junio de 1998. Para 1999, Suraski y Gutmans reescribieron el
código de PHP, y produjeron lo que hoy se conoce como motor Zend. También
fundaron Zend Technologies en Ramat Gan, Israel.

En mayo del 2000, PHP 4 se lanzó bajo el poder del motor Zend 1.0. El 13 de julio
del 2007 se anunció la suspensión del soporte y desarrollo de la versión 4 de

35
 PHP, A pesar de lo anunciado, se ha liberado una nueva versión con mejoras de
seguridad, la 4.4.8, publicada el 13 de enero del 2008, y posteriormente la versión
4.4.9, publicada el 7 de agosto del 2008. Según esta noticia, se le dio soporte a
fallos críticos hasta el 9 de agosto del 2008.

El 13 de julio del 2004, se lanzó PHP 5, utilizando el motor Zend Engine 2.0 (o
Zend Engine 2). Incluye todas las ventajas que provee el nuevo Zend Engine 2,
como:
 Mejor soporte para la programación orientada a objetos, que en versiones
anteriores era extremadamente rudimentario.
Mejoras de rendimiento
 Mejor soporte para MySQL con extensión completamente reescrita
Mejor soporte a XML (XPath, DOM, etc.)
Soporte nativo para SQLite
Soporte integrado para SOAP
Iteradores de datos
Manejo de excepciones
 Mejoras con la implementación con Oracle

JAVASCRIPT
JavaScript fue desarrollado originalmente por Brendan Eich de Netscape con el
nombre de Mocha, el cual fue renombrado posteriormente a LiveScript, para
finalmente quedar como JavaScript. El cambio de nombre coincidió
aproximadamente con el momento en que Netscape agregó compatibilidad con la
tecnología Java en su navegador web Netscape Navigator en la versión 2.002 en
diciembre de 1995. La denominación produjo confusión, dando la impresión de
que el lenguaje es una prolongación de Java, y se ha caracterizado por muchos
como una estrategia de mercadotecnia de Netscape para obtener prestigio e
innovar en el ámbito de los nuevos lenguajes de programación web.

JAVASCRIPT es una marca registrada de Oracle Corporation. Es usada con

licencia por los productos creados por Netscape Communications y entidades
actuales como la Fundación Mozilla.

36
Microsoft dio como nombre a su dialecto de JavaScript «JScript», para evitar
problemas relacionados con la marca. JScript fue adoptado en la versión 3.0 de
Internet Explorer, liberado en agosto de 1996, e incluyó compatibilidad con
el Efecto 2000 con las funciones de fecha, una diferencia de los que se basaban
en ese momento. Los dialectos pueden parecer tan similares que los términos
JavaScript y «JScript» a menudo se utilizan indistintamente, pero la especificación
de JScript es incompatible con la de ECMA en muchos aspectos.

Para evitar estas incompatibilidades, el World Wide Web Consortium diseñó el

estándar Document Object Model (DOM, o Modelo de Objetos del Documento en
español), que incorporan Konqueror, las versiones 6 de Internet
Explorer y Netscape Navigator, Opera la versión 7, Mozilla Application
Suite y Mozilla Firefox desde su primera versión.

En 1997 los autores propusieron JavaScript para que fuera adoptado como
estándar de la European Computer Manufacturers Association ECMA, que a
pesar de su nombre no es europeo sino internacional, con sede en Ginebra. En
junio de 1997 fue adoptado como un estándar ECMA, con el nombre
de ECMAScript. Poco después también como un estándar ISO.

MySQL fue inicialmente desarrollado por MySQL AB (empresa fundada por David
Axmark, Allan Larsson y Michael Widenius). MySQL A.B. fue adquirida por s

MYSQL
MySQL fue inicialmente desarrollado por MySQL AB (empresa fundada por David
Axmark, Allan Larsson y Michael Widenius). MySQL A.B. fue adquirida por Sun
Microsystems en 2008, y ésta a su vez fue comprada por Oracle Corporation en
2010, la cual ya era dueña desde 2005 de Innobase Oy, empresa finlandesa
desarrolladora del motor InnoDB para MySQL

Al contrario de proyectos como Apache, donde el software es desarrollado por

una comunidad pública y los derechos de autordel código están en poder del
autor individual, MySQL es patrocinado por una empresa privada, que posee el

37
copyright de la mayor parte del código. Esto es lo que posibilita el esquema de
doble licenciamiento anteriormente mencionado.

La base de datos se distribuye en varias versiones, una Community, distribuida

bajo la Licencia pública general de GNU, versión 2, y varias versiones Enterprise,
para aquellas empresas que quieran incorporarlo en productos privativos. Las
versiones Enterpriseincluyen productos o servicios addicionales tales como
herramientas de monitorización y soporte oficial. En 2009 se creó
un forkdenominado MariaDB por algunos desarrolladores (incluido algunos
desarolladores originales de MySQL) descontentos con el modelo de desarrollo y
el hecho de que una misma empresa controle a la vez los productos MySQL y
Oracle Database.

Está desarrollado en su mayor parte en ANSI C y C++. Tradicionalmente se

considera uno de los cuatro componentes de la pila de desarrollo LAMP y WAMP.

38
CAPITULO II

41

39
2.1 MISION
Promover la formación integral del ser humano no importando su edad; poniendo
a su alcance una educación y capacitación de alta calidad basada en valores para
que llegue a ser y permanezca como un profesional líder, competitivo y
socialmente responsable.

2.2 VISION
Ser una institución reconocida por su compromiso humano, social y profesional
permanente con la excelencia, la competitividad y la empleabilidad de los niños,
jóvenes y adultos del país, a través de su oferta de servicios educativos,
asistenciales y de esparcimiento, mediante programas de capacitación y
desarrollo de alta calidad, pertinentes y actualizados.

2.3 FILOSOFIA
La dedicación, constancia, trabajo en equipo, disciplina, lealtad y cabalidad son la
clave del éxito de nuestra empresa. Somos una empresa que día con día se
esfuerza con su mejora continua apoyándose de la retroalimentación para poder
así brindar un servicio de calidez, calidad y excelencia en todos los aspectos. Así
mismo estamos dispuestos a emplear todo nuestro potencial, conocimiento y
calidad humana para cumplir nuestros objetivos.

2.4 UBICACIÓN
Grupo Educativo Integración Social México AC está ubicado en la Calle Agua
Manzana 49, lote 49, casa “C”, Unidad Habitacional Ara Cuatro Vientos,
Ixtapaluca, Estado de México. C.P: 56589.

42

40
 Fig.5 Ubicación de la institución

2.5 POLITICAS DE CALIDAD

Son un grupo de trabajo cuyas acciones diarias las ejecutamos con una elevada
vocación de servicio, basadas en los siguientes principios:

1) INTEGRIDAD PERSONAL como expresión de disciplina, orden,

respeto, honestidad y entusiasmo.

2) CREATIVIDAD E INNOVACIÓN como parte de nuestro reto diario

para el mejoramiento continúo.

3) PRODUCTIVIDAD en nuestro trabajo y en el empleo de los recursos

que se nos encomiendan.

43

41
4) CONSCIENCIA en la práctica de un trabajo libre de errores y en el

compromiso leal con la institución y con las realizaciones de nuestros

deberes.

5) CABALIDAD hacemos todo con exactitud y terminamos con precisión

aquello a lo que nos comprometemos, cuidando los detalles.

6) COMUNICACION INTERNA Y EXTERNA. Comunicamos todo de

manera sincera, sencilla, precisa, oportuna y personalizada.

2.6 PROPOSITOS DEL PROYECTO

El Grupo Educativo Integración Social México AC se realizará un sistema web
institucional, ya que actualmente no existe ninguna página oficial de la institución,
en la institución no cuenta con suficiente matricula. Grupo Educativo Integración
Social México AC contará con varias secciones tales como oferta educativa, en el
cual se utilizará y/o mostrará el plan de estudios de todas las asignaturas que se
llevan a cabo durante el aprendizaje. Esto aplica a la modalidad semanal así
como el sabatino. En la sección de modelo educativo, se va a basar como se lleva
a cabo las modalidades que cursa en la institución, tanto la modalidad semanal
como sabatina se aplica el modelo cognoscitivo y por competencias. La finalidad
de este proyecto es implementar una página web que sea eficaz y fiable para el
usuario, de tal forma que se obtenga cierta información así como los avisos. En la
sección de actividades cocurriculares se mostrarán diversas actividades tanto
deportivas como culturales, en las actividades deportivas Y en las actividades
culturales, por ejemplo el fomento a la lectura hacia los adolescentes. Además
también cuenta con instalaciones acorde a sus necesidades y docentes
capacitados para la formación de estudiantes competentes. En esta institución
tiene como objetivo formar técnicos para fomentar el aprendizaje y utilizar los
recursos que se les proporciona para poder aplicarlo en el ámbito tanto laboral
como social. En la sección de biblioteca, solamente está disponible para alumnos
y docentes inscritos en la institución, esto permite la descarga de materiales así
como libros de las asignaturas en formato PDF. En la sección de ubicación se

42
mostrará donde está ubicada la institución y la forma de contactarse con la
escuela. En la sección de requisitos permite mostrar todos los documentos que
requieren para poder estudiar en esta institución, esto aplica para los 3 niveles de
escolaridad desde la primaria hasta bachillerato. En primaria y secundaria, la
inscripción es gratuita y cuenta con 12 módulos para estudiar, En bachillerato, se
muestran los costos de cada elemento, así como la inscripción cuatrimestral,
colegiatura, extraordinarios, etc. En la sección de personal, consiste en poner a
disposición de distintos servicios y trámites que podrá realizar en su casa, oficina
o desde cualquier lugar donde tenga acceso a internet. A través de ellos será
posible solicitar el pre-registro al INEA. Permite consultar sus avances
académicos, si es que ya pertenece a la institución y busca los materiales en
apoyo a las tareas, así como los cursos de MEVYT. Así mismo, el técnico docente
puede consultar sus avances y logros obtenidos.

43
CAPITULO III

44
46
3.1 CONEXIÓN A LA BASE DE DATOS
Para realizar la conexión a la base de datos, es necesario colocar el servidor en el
que se ocupa, el usuario y la base de datos en el que se va a conectar mediante
el servidor localhost. Se ocupó Wampserver, para ello no se requiere colocar la
contraseña.

Fig.6 Conexión a la base de datos

3.2 INTERFAZ GRÁFICA DEL SISTEMA WEB GEISMAC

En esta sección se guarda el documento “index.html", en esta interfaz se ajusta el
tamaño, tipo y la alineación del encabezado dentro del slider con su respectivo
logo.
Tal como se muestra la siguiente figura.

Fig. 7 interfaz gráfica de GEISMAC.

45
3.2.1 SCRIPT DEL MENU PRINCIPAL GEISMAC
Este es el código del menú principal GEISMAC, en ella se muestra
específicamente la implementación del slider con el logo, el nombre de la
institución y su eslogan. Además cuenta con 3 secciones adicionales, incluye la
sección de requisitos, actividades cocurriculares y personal. Además se
implementó un footer, se muestra el objetivo, la información y contactos

48

46
Fig. 8 script del menú principal GEISMAC

47
3.3 SECCION QUIENES SOMOS
Para crear esta sección se guarda un nuevo documento HTML con el nombre
“acerca.html”, se agrega el slider con el nombre de la institución y su imagen
correspondiente, se inserta el tipo de letra, el tamaño y se coloca 3 columnas, las
cuales se insertará la misión, visión y filosofía de la institución. Como se muestra
la figura siguiente.

Fig.9 Creación de la sección quienes somos

3.3.1 SCRIPT DE LA SECCION QUIENES SOMOS

A continuación se muestra el código de la sección de quienes somos, su principal
funcionamiento de la página

48
 Fig. 10 script de la sección de quienes somos

3.4 SECCION MODELO EDUCATIVO

Para crear esta sección se guarda un nuevo documento HTML con el nombre
“modelo.html” se anexa el tipo, tamaño y el ajuste de la letra para insertar la
información correspondiente de la pagina, va incluida los modelos en el que se
basa por competencias y por enfoque cognoscitivo. Tal como se muestra la
siguiente figura.

Fig.11 Creación de la sección modelo educativo

49
3.4.1 SCRIPT DE LA SECCION MODELO EDUCATIVO
Este es el código de la sección del modelo educativo, se modificó el tipo de letra y
la alineación de la imagen, a continuación se muestra el código del modelo
educativo.

Fig. 12 script de la sección del modelo educativo

3.5 SECCION OFERTA EDUCATIVA

Para la creación de esta sección se guarda el documento “oferta.html”, se lleva a
cabo el plan curricular de las materias que se cursarán, cuenta con 6
cuatrimestres, en la siguiente figura se muestra la explicación de la oferta
educativa y su plan curricular de GEISMAC. A continuación se mostrará la
siguiente interfaz.

52

50
 Fig.13 Creación de la sección oferta educativa

3.5.1 SCRIPT DE LA SECCION OFERTA EDUCATIVA

En la sección de oferta educativa se muestra el código en que se explica los
procesos más importantes, se muestra la descripción del plan curricular y sus
materias que se llevan a cabo la impartición dentro de bachillerato tecnológico.

Fig. 14 script de la sección de oferta educativa

51
3.6 SECCION INSTALACIONES
Para la creación de esta sección se guarda el documento “instalaciones.html”
consiste en mostrar las instalaciones que cuenta la institución con su respectiva
explicación. Tal como se muestra la siguiente figura.

Fig.15 Creación de la sección instalaciones

3.6.1 SCRIPT DE LA SECCION INSTALACIONES

Este es el código de la sección del modelo educativo, se modificó el tipo de letra y
la alineación de la imagen, a continuación se muestra el código del modelo
educativo.

54

52
 Fig. 16 script de la sección de instalaciones

3.7 SECCION UBICACIÓN

Para la creación de esta sección se guarda el documento “ubicación.html”, se
inserta el frame del mapa de la institución en el que está ubicada. Con el fin de
mostrar al usuario donde está localizada GEISMAC. A continuación se mostrará la
siguiente figura.

55

53
 Fig.17 Creación de la sección ubicación

3.7.1 SCRIPT DE LA SECCION UBICACIÓN

A continuación se muestra específicamente donde está ubicada la institución, se
insertó un frame importado de google maps. Este es el script de la sección de
ubicación

Fig. 18 script de la sección de ubicación

56

54
3.8 SECCION ACTIVIDADES COCURRICULARES
Para la creación de esta sección se guarda el documento “actividades.html” se
muestra una breve explicación de las actividades que se llevan a cabo dentro y
fuera de la institución, así como actividades deportivas y culturales. Tal como se
muestra la siguiente figura.

Fig.19 Creación de la sección actividades cocurriculares

3.8.1 SCRIPT DE LA SECCION ACTIVIDADES COCURRICULARES

En esta sección se muestra las actividades que se llevan a cabo tanto culturales
como deportivas, se insertó un slider automático de imágenes sobre las
actividades que se llevan a cabo dentro de la institución. A continuación se
muestra el código de la sección de actividades cocurriculares.

55
 Fig. 20 script de la sección de actividades cocurriculares

3.9 SECCION REQUISITOS

Para la creación de esta sección se guarda el documento “requisitos.html”, se
insertó un grupo de 3 columnas, se muestra los requisitos de primaria, secundaria
y bachillerato con su respectiva imagen. A continuación se muestra la siguiente
figura.

Fig.21 Creación de la sección requisitos

56
3.9.1 SCRIPT DE LA SECCION REQUISITOS
Este es el código de la sección del requisitos, se anexó 3 columnas en esta
página así como primaria, secundaria y bachillerato. Cada una de estas secciones
contiene la lista de documentos que se tiene que presentar a la hora de inscribirse
a la institución. A continuación se muestra el script de la sección de requisitos.

Fig.22 Script de la sección requisitos

3.10 SECCION PERSONAL

Para la creación de esta sección se inserta la dirección URL de servicios INEA,
consiste en consultar los avances académicos, descargar materiales para impartir
clases a primaria y secundaria, entre otros. Tal como se muestra la siguiente
figura.

57
 Fig.23 Creación de la sección personal

3.10.1 SCRIPT DE LA SECCION PERSONAL

La siguiente figura se muestra el código de la sección de personal, prácticamente
se insertó un link en el que redireccionará a una página especial para docentes de
INEA.

Fig.24 Script de la sección de personal.

3.11 INTERFAZ GRÁFICA DEL LOGIN

Para la creación de esta sección se guarda el documento “index.php”, se inserta
dos campos que se validarán, para ello se ocupará el correo y la contraseña.
Dentro de la interfaz, hay dos tipos de sesiones: usuario y administrador. El
usuario tendrá acceso a la biblioteca GEISMAC y el administrador se encargará
de insertar, modificar y eliminar usuarios del sistema.

58
 Fig.25 Creación de la formulario del login GEISMAC

3.11.1 SCRIPT DEL LOGIN

La siguiente figura se muestra el script en el que se ocupó para la creación del
formulario del login de GEISMAC

Fig.26 Script de la creación de login

3.12 INTERFAZ GRÁFICA DE LA GESTION DE USUARIOS

En esta sección se muestra la interfaz gráfica de la gestión de usuarios
GEISMAC. En ello podremos insertar, modificar y eliminar datos de la biblioteca

59
GEISMAC. A continuación se muestra la interfaz de la gestión de usuarios
GEISMAC. El archivo está guardado como admin.php

Fig.27 Interfaz gráfica de la gestión de usuarios

3.12.1 SCRIPT DE LA GESTION DE USUARIOS

Este es el script del código de la gestión de usuarios, cabe mencionar que se
ocuparon distintas funciones para la inserción, modificación y eliminación de
usuarios GEISMAC. A continuación se muestra el script de la gestión de usuarios.

Fig.28 Script del gestionamiento de usuarios

3.13 INTERFAZ DEL REGISTRO DE USUARIOS

En esta sección se muestra la interfaz gráfica del registro de usuarios para
acceder a la biblioteca GEISMAC. Cabe mencionar que el registro se almacena
en la base de datos llamada “GEISMAC”.

60
 Fig.29 Interfaz gráfica del registro de usuarios GEISMAC

3.13.1 SCRIPT DEL REGISTRO DE USUARIOS

Este es el script del código del registro de usuarios para acceder a la biblioteca.
Cabe destacar que el código implementado va incluido con un archivo llamado
“connect_db.php”

Fig.30 Script del registro de usuarios GEISMAC

3.14 INTERFAZ GRÁFICA DE LA BIBLIOTECA GEISMAC

En esta sección se muestra la interfaz gráfica de los cuatrimestres que se cursan
en esta institución. Cuenta con 6 cuatrimestres a cursar y cada uno de los
cuatrimestres cuenta con asignaturas que se llevan a cabo. A continuación se
muestra la siguiente figura:

61
 Fig.31 Interfaz grafica de la biblioteca GEISMAC

3.14.1 SCRIPT DE LA BIBLIOTECA GEISMAC

A continuación se muestra el código en el que se implementó la interfaz gráfica de
la biblioteca del grupo educativo integración social México AC. Cuenta con 6
hipervínculos, uno para cada cuatrimestre. El archivo está guardado como
index2.php

Fig.32 Script de la biblioteca GEISMAC

3.15 INTERFAZ GRÁFICA DEL CUATRIMESTRE GEISMAC

En esta sección se muestra un ejemplo de la interfaz grafica del cuatrimestre
seleccionado, en este caso se muestra la pantalla de primer cuatrimestre con sus
asignaturas a cursar.

62
 Fig.33 Interfaz grafica de la sección primer cuatrimestre de la biblioteca GEISMAC

3.15.1 SCRIPT DEL CUATRIMESTRE DE LA BIBLIOTECA

GESIMAC
En este script se muestra como ejemplo, el cuatrimestre seleccionado para que el
alumno descargue uno o más libros. A continuación se muestra el código
implementado.

Fig.34 Script de la sección primer cuatrimestre de la biblioteca GEISMAC

3.16 INTERFAZ GRÁFICA DE LA DESCARGA DE LIBROS

GEISMAC
En esta sección se muestra específicamente la lista de libros para descargar y/o
consultar un tema de acuerdo a las necesidades del alumno y/o docente.

63
 Fig.35 Interfaz grafica de matemáticas en la biblioteca GEISMAC

Fig.36 Libro de matemáticas a descargar en formato PDF

3.16.1 SCRIPT DE LA DESCARGA DE LIBROS GEISMAC

El siguiente código se muestra la implementación de los libros que se
descargarán y/o visualizaran de forma electrónica. A continuación se visualizará el
código implementado.

64
 Fig.37 Script de la descarga de libros de GEISMAC

4.-CONCLUSIONES
Se ha implementado un sistema web para el grupo educativo integración social
México AC y el sistema bibliotecario para esta institución. Dentro del portal se
visualiza todo el contenido que ofrece el bachillerato tecnológico, cumpliendo con
los objetivos propuestos al inicio del proyecto. El administrador cuenta con un
portal del gestionamiento de usuarios GEISMAC, permite insertar, modificar y
eliminar a los usuarios. Se ha llegado al final del proyecto, se han adquirido
conocimientos nuevos e importantes acerca de la programación web.

Cabe mencionar que los objetivos propuestos para este proyecto se han cumplido
todos, ya que el sistema que se ha generado es útil para la institución.
Solamente queda decir que todos los usos de los programas son dedicados única
y exclusivamente a la programación web, es decir, se utilizó brackets y
wampserver para el funcionamiento del sistema web GEISMAC. Sin embargo, el
potencial de este programa que se lleva a cabo es flexible y útil para el manejo de
este sistema web. Además, el usuario ha adquirido los conocimientos básicos de
la programación avanzada de hojas de estilo y Javascript.

65
 5.-ANEXOS
NOMBRE TIPO DE LONGITUD LLAVE VALORES DONDE SE USA
DEL DATO NULOS
CAMPO

ID INT 11 SI NO Sirve como identificador de cada usuario

USER VARCHAR 250 NO NO Almacena el nombre del usuario

PASSWORD VARCHAR 250 NO NO Se usa para dar acceso al sistema

Se usa para tener comunicación entre la

EMAIL VARCHAR 250 NO NO
institución y quien envía los datos al servidor

Es una clave especial para el administrador en el

PASADMIN VARCHAR 250 NO NO
que permite gestionar usuarios

Es un identificador en el que se categoriza por 2

grupos: 1 es para administrador y 2 es para el
ROL INT 3 NO NO
usuario. Por default, el registro se almacena
mediante el rol numero 2.
Tabla 2.- Diccionario de datos de la tabla login

6.-GLOSARIO
HTML: Es un lenguaje de marcado que se utiliza para el desarrollo de páginas de
Internet. Se trata de la siglas que corresponden a HyperText Markup Language,
es decir, Lenguaje de Marcas de Hipertexto”

PHP: Hypertext Preprocessor (preprocesador de hipertexto), es un lenguaje de

programación de propósito general de código del lado del servidor originalmente
diseñado para el desarrollo web de contenido dinámico.

JS: Es un lenguaje de programación interpretado, dialecto del

estándar ECMAScript. Se define como orientado a objetos, basado en
prototipos, imperativo, débilmente tipado y dinámico.

CSS: En español "Hojas de estilo en cascada", es un lenguaje de diseño

gráfico para definir y crear la presentación de un documento estructurado escrito
en un lenguaje de marcado.

66
MYSQL: Es un sistema de gestión de bases de datos relacional desarrollado bajo
licencia dual: Licencia pública general/Licencia comercial por Oracle Corporation y
está considerada como la base datos de código abierto más popular del mundo, y
una de las más populares en general junto a Oracle y Microsoft SQL Server,
sobre todo para entornos de desarrollo web.

JQUERY: es una biblioteca multiplataforma de JavaScript, creada inicialmente

por John Resig, que permite simplificar la manera de interactuar con los
documentos HTML, manipular el árbol DOM, manejar eventos, desarrollar
animaciones y agregar interacción con la técnica AJAX a páginas web.1 Fue
presentada el 14 de enero de 2006 en el BarCamp NYC. De acuerdo a un análisis
de la Web(realizado en 2017) JQuery es la biblioteca de JavaScript más utilizada,
por un amplio margen.

W3C: En inglés: World Wide Web Consortium (W3C), es

un consorcio internacional que genera recomendaciones y estándares que
aseguran el crecimiento de la World Wide Web a largo plazo.

67
 7.-BIBLIOGRAFIA
 (Gutiérrez G. Ángel, Desarrollo y programación en entornos web, Alfaomega,
Enero del 2017)
(Torres R. Manuel, Desarrollo de aplicaciones web con PHP, Editorial Macro,
diciembre del 2014)
 (Spona Helma, Programación de bases de datos con MySQL y PHP, Alfaomega,
Junio 2010)
 (Condor T. Enrique E., Programación Web con CSS, JavaScript, PHP y AJAX,
Alfaomega, Enero del 2017)
(Eslava M. Vicente J., HTML presente y futuro de la web, Bubok editorial, Junio
del 2017)
 (Cobo Ángel, PHP y MySQL tecnologías para el desarrollo de aplicaciones web,
Editorial Díaz de Santos, 2015)

71

68