SOFTWARE Y HERRAMIENTAS UTILIZADOS PARA LA CREACION DE REGISTRO Y CONSULTA DEL

SISTEMA DE RECORD DE NOTAS:

 SUBLIME TEXT
 XAMPP
 APACHE
 MYSQL
 PHP
 HTML
 BOOSTSTRAP
 MATERIALIZE

SUBLIME TEXT:

Sublime Text es un editor de código multiplataforma, ligero y con pocas concesiones a

las florituras. Es una herramienta concebida para programar sin distracciones. Su
interfaz de color oscuro y la riqueza de coloreado de la sintaxis, centra nuestra
atención completamente.

Sublime Text permite tener varios documentos abiertos mediante pestañas, e incluso
emplear varios paneles para aquellos que utilicen más de un monitor. Dispone de
modo de pantalla completa, para aprovechar al máximo el espacio visual disponible de
la pantalla.

El programa cuenta “de serie” con 22 combinaciones de color posibles, aunque se

pueden conseguir más. Para navegar por el código cuenta con Minimap, un panel que
permite moverse por el código de forma rápida.
XAMPP:
XAMPP es un servidor independiente de plataforma de código libre. Te permite
instalar de forma sencilla Apache en tu propio ordenador, sin importar tu sistema
operativo (Linux, Windows, MAC o Solaris). Y lo mejor de todo es que su uso es
gratuito.

XAMPP incluye además servidores de bases de datos como MySQL ySQLite con sus
respectivos gestores phpMyAdmin y phpSQLiteAdmin. Incorpora también el intérprete
de PHP, el intérprete de Perl, servidores de FTP como ProFTPD ó FileZilla FTP Serve,
etc. entre muchas cosas más.
XAMPP es una herramienta de desarrollo que te permite probar tu trabajo (páginas
web o programación por ejemplo) en tu propio ordenador sin necesidad de tener que
accesar a internet.

Si eres un desarrollador que recien está comenzando, tampoco debes preocuparte

sobre las configuraciones ya que XAMPP te provee de una configuración totalmente
funcional desde el momento que lo instalas (basicamente lo extraes). Sin embargo, es
bueno acotar que la seguridad de datos no es su punto fuerte, por lo cual no es
suficientemente seguro para ambientes grandes o de producción.

APACHE:
Apache es una popular y eficiente alternativa, que ofrece servicios web. Este web
server es uno de los logros más grandes del software libre y la punta de lanza del
mundo de las páginas web.
Para entender lo que es Apache, primeramente definiremos lo que es un servidor web.
La definición más sencilla de servidor web, que es un programa especialmente
diseñado para transferir datos de hipertexto, es decir, páginas web con todos sus
elementos (textos, widgets, baners, etc). Estos servidores web utilizan el protocolo
http.

Los servidores web están alojados en un ordenador que cuenta con conexión a
Internet. El web server, se encuentra a la espera de que algún navegador le haga
alguna petición, como por ejemplo, acceder a una página web y responde a la petición,
enviando código HTML mediante una transferencia de datos en red.

Apache es un poderoso servidor web, cuyo nombre proviene de la frase inglesa “a

patchy server” y es completamente libre, ya que es un software Open Source y con
licencia GPL. Una de las ventajas más grandes de Apache, es que es un servidor web
multiplataforma, es decir, puede trabajar con diferentes sistemas operativos y
mantener su excelente rendimiento.

Desde el año 1996, es el servidor web más popular del mundo, debido a su estabilidad
y seguridad. Apache sigue siendo desarrollado por la comunidad de usuarios
desarrolladores que trabaja bajo la tutela de Apache Software Foundation.
Principales características de Apache

Entre las principales características de Apache, se encuentran las siguientes:

Soporte de seguridad SSL y TLS.

Puede realizar autentificación de datos utilizando SGDB.
Puede dar soporte a diferentes lenguajes, como Perl, PHP, Python y tcl.
Usos de Apache

Apache es utilizado principalmente, para realizar servicio a páginas web, ya sean

estáticas o dinámicas. Este estupendo servidor se integra a la perfección con otras
aplicaciones, creando el famoso paquete XAMP con Perl, Python, MySQL y PHP, junto
a cualquier sistema operativo, que por lo general es Linux, Windows o Mac OS.

MYSQL:
MySQL, es un sistema de gestión de base de datos relacional o SGBD. Este gestor de
base de datos en multihilo y multiusuario, lo que le permite ser utilizado por varias
personas al mismo tiempo, e incluso, realizar varias consultas a la vez, lo que lo hace
sumamente versátil.

Nació como una iniciativa de Software Libre y aún sigue ofreciéndose como tal, para
usuarios particulares. Pero si se desea utilizarlo para promover datos en una empresa,
se puede comprar una licencia, como un software propietario, que es autoría de la
empresa patrocinante (Actualmente Oracle Corporation).

La mayor parte del código se encuentra escrito en lenguaje C/C++ y la sintaxis de su

uso es bastante simple, lo que permite crear bases de datos simples o complejas con
mucha facilidad. Además, es compatible con múltiples plataformas informáticas y
ofrece una infinidad de aplicaciones que permiten acceder rápidamente a las
sentencias del gestor de base de datos.

Utilidad de MySQL
Como comentábamos anteriormente este gestor de base de datos es muy utilizado en
desarrollo web, ya que permite a los desarrolladores y diseñadores, realizar cambios
en sus sitios de manera simple, con tan sólo cambiar un archivo, evitando tener que
modificar todo el código web. Esto se debe a que MySQL, trabaja con un sistema
centralizado de gestión de datos, que permite realizar cambios en un solo archivo y
que se ejecuta en toda la estructura de datos que se comparte en la red. Además,
permite incluir noticias e información rápidamente en un sitio web, utilizando un
simple formulario, sin tener que tocar el código del website.

Cuando se combina con PHP, se convierte en una mezcla poderosa, que siempre es
tomada en cuenta para realizar aplicaciones cliente/servidor, que requieran el uso de
una base de datos rápida, segura y potente.
PHP:
PHP, acrónimo recursivo en inglés de 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.
Fue uno de los primeros lenguajes de programación del lado del servidor que se
podían incorporar directamente en un documento HTML en lugar de llamar a un
archivo externo que procese los datos. El código es interpretado por un servidor web
con un módulo de procesador de PHP que genera el HTML resultante.

PHP ha evolucionado por lo que ahora incluye también una interfaz de línea de
comandos que puede ser usada en aplicaciones gráficas independientes. Puede ser
usado en la mayoría de los servidores web al igual que en muchos sistemas operativos
y plataformas sin ningún costo.

Fue creado originalmente por Rasmus Lerdorf en el año 1995. Actualmente el lenguaje
sigue siendo desarrollado con nuevas funciones por el grupo PHP.3 Este lenguaje
forma parte del software libre publicado bajo la licencia PHPv3_01, es una licencia
Open Source validada por Open Source Initiative. La licencia de PHP es del estilo de
licencias BSD, esta licencia no tiene restricciones de copyleft" asociadas con GPL.

HTML:

HTML significa "Lenguaje de Marcado de Hypertexto" por sus siglas en ingles

"HyperText Markup Language", es un lenguaje que pertenece a la familia de los
"lenguajes de marcado" y es utilizado para la elaboración de páginas web. El estándar
HTML lo define la W3C (World Wide Web Consortium) y actualmente HTML se
encuentra en su versión HTML5.

Cabe destacar que HTML no es un lenguaje de programación ya que no cuenta con

funciones aritméticas, variables o estructuras de control propias de los lenguajes de
programación, por lo que HTML genera únicamente páginas web estáticas, sin
embargo, HTML se puede usar en conjunto con diversos lenguajes de programación
para la creación de páginas web dinámicas.

Básicamente el lenguaje HTML sirve para describir la estructura básica de una página y
organizar la forma en que se mostrará su contenido, además de que HTML permite
incluir enlaces (links) hacia otras páginas o documentos.

HTML es un lenguaje de marcado descriptivo que se escribe en forma de etiquetas

para definir la estructura de una página web y su contenido como texto, imágenes,
entre otros, de modo que HTML es el encargado de describir (hasta cierto punto) la
apariencia que tendrá la página web.

BOOSTSTRAP:

Bootstrap, es un framework originalmente creado por Twitter, que permite crear

interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del
sitio web al tamaño del dispositivo en que se visualice. Es decir, el sitio web se adapta
automáticamente al tamaño de una PC, una Tablet u otro dispositivo. Esta técnica de
diseño y desarrollo se conoce como “responsive design” o diseño adaptativo.

El beneficio de usar responsive design en un sitio web, es principalmente que el sitio

web se adapta automáticamente al dispositivo desde donde se acceda. Lo que se usa
con más frecuencia, y que a mi opinión personal me gusta más, es el uso de media
queries, que es un módulo de CSS3 que permite la representación de contenido para
adaptarse a condiciones como la resolución de la pantalla y si trabajás las dimensiones
de tu contenido en porcentajes, puedes tener una web muy fluida capaz de adaptarse
a casi cualquier tamaño de forma automática.

Pero si no quieres nada que ver con los media queries, otra muy buena opción es el
uso del framework de Bootstrap, que como te dije te ayudará a desarrollar tus sitios
adaptativos.

Aun ofreciendo todas las posibilidades que ofrece Bootstrap a la hora de crear
interfaces web, los diseños creados con Bootstrap son simples, limpios e intuitivos,
esto les da agilidad a la hora de cargar y al adaptarse a otros dispositivos. El
Framework trae varios elementos con estilos predefinidos fáciles de configurar:
Botones, Menús desplegables, Formularios incluyendo todos sus elementos e
integración jQuery para ofrecer ventanas y tooltips dinámicos.

Bootstrap tiene un soporte relativamente incompleto para HTML5 y CSS 3, pero es

compatible con la mayoría de los navegadores web. La información básica de
compatibilidad de sitios web o aplicaciones esta disponible para todos los dispositivos
y navegadores. Existe un concepto de compatibilidad parcial que hace disponible la
información básica de un sitio web para todos los dispositivos y navegadores. Por
ejemplo, las propiedades introducidas en CSS3 para las esquinas redondeadas,
gradientes y sombras son usadas por Bootstrap a pesar de la falta de soporte de
navegadores antiguos. Esto extiende la funcionalidad de la herramienta, pero no es
requerida para su uso.

Desde la versión 2.0 también soporta diseños sensibles. Esto significa que el diseño
gráfico de la página se ajusta dinámicamente, tomando en cuenta las características
del dispositivo usado (Computadoras, tabletas, teléfonos móviles).

MATERIALIZE:
Materialize CSS es un framework que hace más fácil el proceso de creación de diseño
web. Es un framework moderno y responsivo que se basa en Material Design. Tiene
muchos componentes y clases predefinidas, para hacer uso de ellas mucho
fácilmente.Aumenta el ritmo de desarrollo

Materialize cuenta con componenetes personalizados con unos estilos por defecto,
que se pueden manejar fácilmente para generar animaciones y ciertas transiciones, de
tal manera que para el desarrollador web es mucho más fácil hacer su tarea de diseño
web.
FUNCIONAMIENTO DEL SISTEMA DE CONSULTA DE RECORD ACADEMICO

1. REGISTRO DE ESTUDIANTES

2. DATOS RECIBIDOS DEL REGISTRO (DATOS DEL ESTUDIANTE)

 3. PAGINA DE CONSULTA DEL ESTUDIANTE

EL ESTUDIANTE SOLO TENDRA ACCESO A ESTE PORTAL DE CONSULTA

LA PESTAÑA DE REGISTRO ES SOLO USO PARA LOS DOCENTES Y
ADMINISTRADORES DEL PLANTEL.
4. INGRESE SU NUMERO DE CEDULA
 5. AL INGRESAR EL NUMERO DE CEDULA EL SISTEMA BUSCARA REGISTRO
MOSTRANDO LOS RESULTADOS.

6. TENIENDO LA OPCION DE IMPRIMIR LA CONSULTA DE SUS NOTAS.

7. MOSTRANDO LOS RESULTADOS EN UN DOCUMENTO PDF LISTO PARA IMPRIMIR