MANUAL DE USUARIO SISTEMA DE MATRICULAS

Introduccin
El propsito de este documento es describir en forma general las necesidades y
caractersticas ms importantes del Sistema de matrculas, enfocndose en como
los usuarios pueden ejecutar la diferentes funcionalidades que realiza el sistema.
Este manual ir guiado al usuario en el proceso de registro de alumnos y
calificaciones, as como las diferentes opciones que estarn disponibles para los
alumnos de una manera clara y ordenada.
Descripcin del sistema
El sistema de matrculas forma parte del instituto tecnolgico superior de Uruapan,
es una herramienta de apoyo acadmico a las funciones de jefes de carrera, se
conceptualizo

para administrar las calificaciones de los alumnos as como

materias en reprobacin.
Requisitos del sistema
Informacin general
El sistema de matrculas es una aplicacin web que puede ejecutarse en
plataformas Windows de 32 o 64 (Windows XP, 7, 8, 8.1 y 10), Linux y Mac.
Utilizando navegadores como google Chrome o Firefox.

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Ingreso al sistema como administrador

Para ingresar al sistema los alumnos deben contar con una cuenta de acceso,
previamente creada por el Administrador del Sistema. Cada cuenta de acceso
tiene un Rol asignado.
Roles
Un Rol es la funcin o las funciones que un usuario cumple en el sistema.
El sistema tiene diferentes roles que permiten trabajar integralmente para realizar
todos los procesos internos que se necesitan en el Sistema de matrculas para el
manejo de la informacin.
1. Administrador del sistema
2. Usuario / alumno

Administrador del Sistema.

Responsable de mantener actualizadas las calificaciones, crear y administrar los

usuarios del sistema.
Usuario / alumno
Visualizacin de calificaciones.

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Alta alumnos y registro de calificaciones en el sistema

Para dar de alta un alumno y sus calificaciones se debe abrir un navegador web y
escribir la siguiente direccin. (Figura 1): http://localhost/SII-Version1.1/admin/login.php
(cambiar localhost por url correspondiente).

Una vez accedido a dicha direccin (URL), se presentara la pgina principal del
administrador, la cual nos solicitara un nombre de usuario y contrasea (Figura 2).

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Introducir usuario y contrasea

El administrador para acceder al sistema deber de introducir sus claves de
acceso en los campos de Usuario y Contrasea (figura 3).

Una vez que se ha proporcionado un usuario y contrasea correctos el sistema

mostrara la pantalla de inicio con las opciones de men correspondientes al rol de
administrador (Figura 4).

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Registro de alumnos en el sistema

Para registrar un alumno solo basta dar clic en los apartados registr alumnos
dependiendo la carrera de destino.
A continuacin se mostrara las opciones de registro de alumnos (Figura 5).

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Se deber de llenar los datos requeridos como No: de control, nombre, apellidos,
usuario, carrera, semestre, plan y resultado.
En caso de pulsar el botn guardar registro y no haber introducido los datos
requeridos el sistema indicar el mensaje campo vaco y mostrar una mensaje
color rojo indicando el campo requerido faltante (Figura 6).

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Si los datos requeridos fueron introducidos correctamente, el sistema mostrara

una alerta Se registr nuevo Alumno (Figura 7).

Registrar calificaciones de alumnos

Ir al men llenar retculas y seleccionar la opcin correspondiente a cada alumno
(Figura 8).

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Una vez pulsado el botn de llenar retcula, el sistema presentara la pgina

principal para rellenar calificaciones, la cual nos solicitara la matricula del alumno.
(Figura 10).

Despus de haber introducido la matricula del alumno y pulsado en buscar, el

sistema activara la pestaa de registrar calificaciones y le mostrara al
administrador, la cantidad de materias y semestres correspondientes (Figura 11).

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Para rellenar las calificaciones es necesario llenar los campos en el semestre

correspondiente en este apartado no es necesario llenar todos los campos el
sistema le permitir llenar los campos posteriormente.
Cada que se realice un llenado de calificaciones, al pulsar el botn guardar, el
sistema le mostrara al administrador una alerta indicndole que la calificacin fue
actualizada, todo eso, con la finalidad de mostrar que la operacin fue exitosa
(Figura 12).

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Modificacin de alumnos
Para modificar los alumnos guardados se debe de pulsar el botn modificar
alumnos (Figura 13).

Una vez que el administrador haya dado clic en modificar alumnos se mostrara la
pantalla principal para realizar dicha accin (Figura 14).

MANUAL DE USUARIO SISTEMA DE MATRICULAS

El siguiente paso es seleccionar el alumno a modificar mediante la matrcula,

posteriormente pulsar en cargar datos (Figura 15).

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Despus de haber hecho las modificaciones se deber pulsar en actualizar
registro (Figura 16, 17).

Eliminar alumno
Para borrar un alumno capturado se debe seleccionar el men eliminar alumnos
(Figura 18).

El siguiente paso es seleccionar el alumno a borrar mediante la matrcula,

posteriormente pulsar en mostrar datos (Figura 19).

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Despus de haber seleccionado el alumno a eliminar se deber pulsar en eliminar

alumnos se debe tomar en cuenta que al borrar este registro no se podr
recuperar despus (Figura 20).

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Ingreso al sistema como alumno.

Para ingresar al sistema los alumnos deben contar con una cuenta de acceso
previamente creada por el administrador del sistema.
Para ingresar al sistema se debe de abrir un navegador web y escribir la siguiente
direccin (Figura 21). http://localhost/SII-Version1.1/index.php (cambiar localhost por url
correspondiente).

Una vez accedido a dicha direccin (URL), se presentara la pgina principal del
alumno, la cual nos solicitara No. De control y contrasea (Figura 22).

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Introducir No. De control y contrasea
El alumno para acceder al sistema deber de introducir sus claves de acceso en
los campos de No. De control y contrasea deben de estar previamente dados de
alta en el sistema (Figura 23).

Si el No. De control o la contrasea son incorrectos el sistema mostrara un

mensaje indicando que el No. De control o la contrasea son incorrectos (Figura
24).

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Una vez que se ha proporcionado un usuario y contrasea correctos el sistema
mostrar la pantalla de inicio con las opciones de men correspondientes al rol del
alumno (Figura 25).

A continuacin el alumno deber seleccionar la carrera correspondiente (Figura

26).

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Despus de haber pulsado en la carrera correspondiente el sistema desplegara la

retcula completa con sus respectivas materias. Por ltimo el alumno debe
introducir su matrcula para conocer sus calificaciones (Figura 27).

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Boleta de acreditacin de actividades culturales, deportivas y recreativas.

Para consultar la boleta de acreditacin se debe pulsar en el menu personal
(Figura 28).

Una vez pulsado el botn el alumno debe introducir su matrcula el sistema

desplegara su boleta con sus respectivos datos (Figura 29).

MANUAL DE USUARIO SISTEMA DE MATRICULAS

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Tecnologas utilizadas para desarrollar el sistema de matriculas
Tecnologa PHP
PHP es el acrnimo de Hipertext Preprocesor. Es un lenguaje de programacin del
lado del servidor gratuito e independiente de plataforma, rpido, con una gran
librera de funciones y mucha documentacin.
Un lenguaje del lado del servidor es aquel que se ejecuta en el servidor web, justo
antes de que se enve la pgina a travs de Internet al cliente. Las pginas que se
ejecutan en el servidor pueden realizar accesos a bases de datos, conexiones en
red, y otras tareas para crear la pgina final que ver el cliente. El cliente
solamente recibe una pgina con el cdigo HTML resultante de la ejecucin de la
PHP. Como la pgina resultante contiene nicamente cdigo HTML, es compatible
con todos los navegadores.

Esquema del funcionamiento de las pginas PHP.

MANUAL DE USUARIO SISTEMA DE MATRICULAS

PHP se utiliza para generar pginas web dinmicas. Recordar que llamamos
pgina esttica a aquella cuyos contenidos permanecen siempre igual, mientras
que llamamos pginas dinmicas a aquellas cuyo contenido no es el mismo
siempre. Por ejemplo, los contenidos pueden cambiar en base a los cambios que
haya en una base de datos, de bsquedas o aportaciones de los usuarios, etc.
Gestor de base de datos Mysql
MySQL es un sistema de administracin de bases de datos Una base de datos es
una coleccin estructurada de datos. Los informacin que puede almacenar una
base de datos puede ser tan simple como la de una agenda, un contador, o un
libro de visitas, tan vasta como la de una tienda en lnea, un sistema de noticias,
un portal, o la informacin generada en una red corporativa. Para agregar,
accesar, y procesar los datos almacenados en una base de datos, se necesita un
sistema

de

administracin

de

bases

de

datos,

tal

como

MySQL.

MySQL es un sistema de administracin de bases de datos relacionales Una base

de datos relacional almacena los datos en tablas separadas en lugar de poner
todos los datos en un solo lugar. Esto agrega velocidad y flexibilidad. Las tablas
son enlazadas al definir relaciones que hacen posible combinar datos de varias
tablas cuando se necesitan consultar datos. La parte SQL de "MySQL" significa
"Lenguaje Estructurado de Consulta", y es el lenguaje ms usado y
estandardizado para accesar a bases de datos relacionales.
Tecnologa HTML5
HTML5 es la ltima versin de HTML. El trmino representa dos conceptos
diferentes: Se trata de una nueva versin de HTML, con nuevos elementos,
atributos y comportamientos.

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Contiene un conjunto ms amplio de tecnologas que permite a los sitios Web y a
las aplicaciones ser ms diversas y de gran alcance. A este conjunto se le
llama HTML5 y amigos, a menudo reducido a HTML5 .
Diseado para ser utilizable por todos los desarrolladores de Open Web, esta
pgina referenca a numerosos recursos sobre las tecnologas de HTML5, que se
clasifican en varios grupos segn su funcin.
Semntica: Permite describir con mayor precisin cual es su contenido.
Conectividad: Permite comunicarse con el servidor de formas nuevas e
innovadoras.
Sin conexin y almacenamiento: Permite a las pginas web almacenar
datos localmente en el lado del cliente y operar sin conexin de manera ms
eficiente.
Multimedia: Nos

otorga

un

excelente

soporte

para

utilizar

contenido

multimedia como lo son audio y video nativamente.

Grficos y efectos 2D/3D: Proporciona una amplia gama de nuevas caractersticas
que se ocupan de los grficos en la web como lo son canvas 2D, WebGL, SVG,
etc.
Rendimiento e Integracin: Proporciona una mayor optimizacin de la velocidad y
un mejor uso del hardware.
Acceso al dispositivo: Proporciona APIs para el uso de varios compomentes
internos de entrada y salida de nuestro dispositivo.
CSS3: Nos ofrece una nueva gran variedad de opciones para hacer diseos ms
sofisticados.

MANUAL DE USUARIO SISTEMA DE MATRICULAS

Tecnologa JavaScript
JavaScript es un lenguaje que puede ser utilizado por profesionales y para
quienes se inician en el desarrollo y diseo de sitios web. No requiere de
compilacin ya que el lenguaje funciona del lado del cliente, los navegadores son
los encargados de interpretar estos cdigos.
Muchos confunden el Javascript con el Java pero ambos lenguajes son diferentes
y tienes sus caractersticas singulares. Javascript tiene la ventaja de ser
incorporado en cualquier pgina web, puede ser ejecutado sin la necesidad de
instalar otro programa para ser visualizado.
Java por su parte tiene como principal caracterstica ser un lenguaje independiente
de la plataforma. Se puede crear todo tipo de programa que puede ser ejecutado
en cualquier ordenador del mercado: Linux, Windows, Apple, etc. Debido a sus
caractersticas tambin es muy utilizado para internet.
Tecnologa CSS3
CSS son las siglas del ingls Cascading Style Sheets (Hojas de Estilo en
Cascada) y bsicamente consiste en la informacin que define como va a ser la
presentacin de una web.
Cuando me refiero a presentacin, me refiero a negritas, colores, efectos, tipos de
letra que escogemos, de tal manera que se independiza del HTML que es el
lenguaje donde se estructura toda la informacin que se manda a nuestro
ordenador para que el navegador nos presente esa bonita pgina web. Y CSS3 es
la versin 3, donde se definen las caractersticas de este lenguje, digamos que en
esta versin le han aadido muchas cosas y mejorado otras.
Siendo un poco ms tcnicos se refiere a la tecnologa desarrollada para separar
la presentacin de la estructura HTML. Esta tecnologa aplica reglas de estilo a los

MANUAL DE USUARIO SISTEMA DE MATRICULAS

elementos HTML, quedando de esta manera separada de la estructura HTML.
Poco a poco este lenguaje se ha ido haciendo ms importante entre los
diseadores gracias a toda la facilidad de uso, y los resultados que son muy
flexibles.
Servidor local Wampserver
WampServer es un entorno de desarrollo web para Windows con el que podrs
crear aplicaciones web con Apache, PHP y bases de datos MySQL database.
Tambin incluye PHPMyAdmin y SQLiteManager para manejar bases de datos.
Dreamweaver
Dreamweaver es una aplicacin en forma de estudio enfocada a la construccin y
edicin de sitios y aplicaciones Web basados en estndares. Creado inicialmente
por Macromedia (actualmente producido por Adobe Systems). Es el programa de
este tipo ms utilizado en el sector del diseo y la programacin web, por sus
funcionalidades, su integracin con otras herramientas como Adobe Flash y,
recientemente, por su soporte de los estndares del World Wide Web Consortium.
Dreamweaver permite crear sitios de forma totalmente grfica, y dispone de
funciones para acceder al cdigo HTML generado. Permite la conexin a un
servidor, a base de datos, soporte para programacin en ASP, PHP, Javascript,
cliente FTP integrado, etc.