ejemplo de manual de usuario

Upload: victor-onchi

Post on 08-Jan-2016

245 views

Category:

Documents


0 download

DESCRIPTION

Una Guía de usuario, también conocida como Manual de usuario, es un documento de comunicación técnica destinado a dar asistencia a las personas que utilizan un sistema en particular.1 Por lo general, este documento está redactado por un escritor técnico, como por ejemplo los programadores del sistema o los directores de proyectos implicados en su desarrollo, o el personal técnico, especialmente en las empresas más pequeñas.Las Guías del usuario son más comúnmente asociadas con los productos electrónicos, como computadoras y programas.La mayoría de las guías de usuario contienen tanto una guía escrita como imágenes asociadas. En el caso de las aplicaciones informáticas, es habitual incluir capturas de pantalla de cómo el programa debería ser, y manuales que a menudo incluyen diagramas claramente detallados y sencillos que detallan los pasos a realizar por el usuario para llevar a cabo las distintas opciones disponibles. El lenguaje utilizado deberá ser sencillo, dirigido a una audiencia que podrá no entender un lenguaje demasiado técnico.

TRANSCRIPT

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

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 sistema2. Usuario / alumno

Administrador del Sistema.Responsable de mantener actualizadas las calificaciones, crear y administrar los usuarios del sistema.Usuario / alumnoVisualizacin de calificaciones.

Alta alumnos y registro de calificaciones en el sistemaPara 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).

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

Registro de alumnos en el sistemaPara 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).

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

Si los datos requeridos fueron introducidos correctamente, el sistema mostrara una alerta Se registr nuevo Alumno (Figura 7).

Registrar calificaciones de alumnosIr al men llenar retculas y seleccionar la opcin correspondiente a cada alumno (Figura 8).

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

Modificacin de alumnosPara 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).

El siguiente paso es seleccionar el alumno a modificar mediante la matrcula, posteriormente pulsar en cargar datos (Figura 15).

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

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

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

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

Introducir No. De control y contraseaEl 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).

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

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

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

Tecnologas utilizadas para desarrollar el sistema de matriculasTecnologa PHPPHP 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 quese 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.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 MysqlMySQL 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 HTML5HTML5es la ltima versin deHTML.El trmino representa dos conceptos diferentes: Se trata de una nueva versin deHTML, con nuevos elementos, atributos y comportamientos.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 llamaHTML5 y amigos, a menudo reducido aHTML5.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 conexiny almacenamiento: Permite a las pginas web almacenar datoslocalmenteen el lado del cliente y operar sin conexin de manera ms eficiente.Multimedia:Nos otorga un excelente soporte para utilizar contenido multimediacomo 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.

Tecnologa JavaScriptJavaScript 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, losnavegadoresson 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 CSS3CSS 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 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 WampserverWampServeres 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.DreamweaverDreamweaver 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. Dreamweaverpermite 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.