Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Informetecniconluissandon 9663195df28d94e

    Cargado por

    IBOMBERIV7
    7 vistas16 páginas

    Título original

    informetecniconluissandon___9663195df28d94e___

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    Descargar como docx, pdf o txt
    7 vistas16 páginas

    Informetecniconluissandon 9663195df28d94e

    Cargado por

    IBOMBERIV7

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    Descargar como docx, pdf o txt
    de 16

    Informe Técnico Del SISTEMA DE INFORMACION

    Luis Daniel Sandon Reyes

    Mauricio Fernández

    Servicio Nacional de Aprendizaje (Sena)

    Tecnólogo En Análisis y Desarrollo De Sistemas De Información

    Ficha: 2282486

    Septiembre de 2022
    Informe técnico de la aplicación
    Alcance
    En el presente informe técnico se tendrán en cuenta tres partes fundamentales para el
    sistema de información y son; descripción de la arquitectura del sistema en este
    podemos especificar cada herramienta que utilizamos para la realización del software,
    descripción del proceso de instalación y configuración del software en este se
    encontrarán los manuales de usuario en los cuales se explica detalladamente cada función
    del sistema, las partes que lo componen, etc. resultados de las pruebas de instalación del
    software en este se verifica que el sistema esté funcionando adecuadamente, que cada
    proceso se ejecute de la mejor forma sin tener problema alguno, es decir que el software
    este marchando con éxito.
    Descripción de la arquitectura del sistema
    El sistema de información está funcionando con una arquitectura de cliente-servidor, se
    trabaja del lado del servidor (back-end), el servidor que se está utilizando es SQL Server,
    el servidor de base de datos es MySQL, servidor web es Apache, el aplicativo se creó para
    que se pudiera operar o marchara en línea, se está utilizando código HTML, PHP y
    JavaScript , estos tres lenguajes de programación son de base importante para que el
    sistema funcione bien y para que se vea muy bien, para que sea cómodo y factible
    Descripción del proceso de instalación y configuración del software
    Alcance
    Este manual como su nombre lo indica describe los detalles técnicos del software Pura Vida
    Indigena que permitirá al personal técnico proporcionar el soporte técnico de primer nivel
    acerca del software.
    Descripción de procesos

    En este caso de uso el Administrador desempeña un papel importante ya que es quien tiene
    el control del sistema en absoluto, es quien realiza el CRUD (Crear, leer, Actualizar y
    Eliminar) un servicio, a su vez valida y genera reportes. Este también tiene acceso a mirar
    lo que son los productos, editar productos y verificar que toda la información sea cierta
    desde el nombre hasta cuantos productos se tienen en stocks.
    Diagramas UML
    1.1. Diagrama de clases
    A continuación se presenta el diagrama de clases con su respectiva información, (clases,
    atributos y métodos que lo conforman.

    1.2. Modelo relacional de la base de datos


    Descripción de la plataforma
    La interfaz gráfica está desarrollada con el lenguaje HTML5, Css, Php y JavaScript con
    algunos plugins y librerías al igual que framework como Bootstrap, JQuery y una plantilla
    de AdminLTE.
    Para instalar el servidor se debe tener en cuenta lo siguiente:
    1. Sistema Operativo Windows
    2. Servidor Apache
    3. PHP 7.1.2
    4. Sistema de gestión de base de datos MySQL
    Para poder utilizar y poner en marcha los lenguajes de programación e ir dando apertura a
    la creación del software debemos instalar un editor de código tal como Visual Studio Code
    o Sublime text.
    Para el mantenimiento del software se requiere el siguiente ambiente:
    Documentación del código fuente
    A continuación, se presentará una vista de todo el código y módulos que hacen parte
    fundamental de la creación del software.
    Estructura de directorios

    Directorio Descripción

    Ajax Abarca parte de JavaScript junto con lenguaje Php

    controllers Contiene la clase controlador, gestiona las solicitudes


    del usuario, las procesa, invocando al modelo y
    finalmente las muestra al usuario final por medio de las
    vistas

    Css Comprende la definición de la hoja de estilo en


    cascadas, es decir es la que interpreta el código y le da
    colores llamativos y forma a el software

    DB En este documento encontramos la base de datos


    desarrollada en Mysql

    extensions

    Models Se encarga de la lógica del software y contiene las


    clases que están asociadas con la base de datos

    views Contienen los directorios que implementan la vista del


    software, estas expresan al usuario el resultado
    generado del modelo por medio del controlador

    views/bower_components Desempeña un papel importante ya que cuenta con el


    framework de Bootstrap, JQuery también se puede
    encontrar librerías y plugins y documentos para
    agregar iconos como Font Awesome de Google y
    ionicons entre otras partes

    views/dist Encierra varias partes importantes para el software


    tales como documentos de JavaScript, css e imágenes
    predeterminadas de AdminLTE

    views/img Incluyen las imágenes ya sea jpg o png que requiere el


    sistema

    views/js Abarca los archivos de JavaScript los cuales les dan


    interactividad a el software

    views/mudulos Está estructurado por módulos que comprende el


    software tales como inicio, usuarios, categorías,
    productos, clientes y reservas

    views/plugins Está compuesto por diferentes elementos como inputs,


    interfaz de usuario de JQuery, Bootstrap, icheck entre
    otros componentes.
    views/plantilla.php En esta plantilla se incluye absolutamente todos los
    links para que el sistema funcione correctamente tales
    como librerías sweetalert2, framework css de
    Bootstrap, herramienta de iconos como Font Awesome
    e ionicons, framework JavaScript de JQuery, también
    se implementa allí rutas para acceder a los diferentes
    módulos utilizando lenguaje Php y otras rutas de
    documentos JavaScript.

    .htaccess Este archivo se emplea para la configuración de


    directorios en un servidor Apache, podemos definir
    parámetros a nuestra medida, crea Urls amigables y
    bloquea direcciones IP

    Index.php En esta se incluyó cada uno de los módulos en cuanto a


    modelo y controlador utilizando la función
    require_once ya que este permite evaluar e incluir el
    archivo especificado durante la ejecución del script y
    evita que el código se repita

    Resultados de las pruebas de instalación del software


    login
    Para poder ingresar al sistema se requiere que tenga un usuario otorgado. Sino lo tiene,
    debe solicitarlo en este caso al administrador de dicho sistema. Luego de que lo tenga, lo
    que debe hacer es ir o dirigirse a la URL: http://localhost/pura_vida_ind
    Después de que haya realizado el paso anterior le mostrará una pantalla como la siguiente:

    Digite su nombre de usuario y la contraseña otorgada y proceda a oprimir el botón


    “Ingresar”.
    A continuación, le presentará el menú principal del software de la siguiente manera:

    Módulo de usuarios
    Al oprimir en el botón “Agregar usuario” nos genera una ventana como la siguiente
    Si no completas un campo, aparecerá un mensaje donde indica que se debe llenar

    Si se ingresa un nombre de usuario ya existente aparecerá un mensaje de la siguiente forma


    Los campos no aceptan caracteres especiales, es por eso que si haces caso omiso te
    aparecerá una alerta de esta manera

    Para subir una foto se oprime seleccionar archivo y se escoge la imagen que desea subir
    Al subir la imagen debe verse como se muestra en la pantalla
    Al completar los campos se oprime en el botón guardar usuario e inmediatamente nos debe
    aparecer una alerta que informe que el usuario fue creado como lo muestra en la pantalla

    Para modificar un usuario aparecerá una vista con los datos de ese usuario en donde en el
    campo del nombre del usuario aparecerá congelado, es decir que no se puede cambiar dicho
    usuario
    Al oprimir en el botón modificar usuario debe arrojar una alerta indicando que el usuario
    fue modificado

    Para eliminar un usuario aparecerá una alerta como la siguiente


    Si oprimimos en el botón “eliminar” nos presentará una alerta donde nos informa que el
    usuario se elimino correctamente.

    Si oprimimos en el botón activado directamente se desactivará dicho usuario y no podrá


    acceder al sistema.

    Como se puede observar el usuario no puede ingresar al sistema porque ha sido


    desactivado, en este caso aparecerá en el login un mensaje como el siguiente
    Para poder ingresar al sistema se debe activar dicho usuario y debe verse de la siguiente
    manera

    También podría gustarte