Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Manual de Usuarios Modulo Denuncia
Manual de Usuarios Modulo Denuncia
Modulo Denuncia
Versión 1.0
1
Revisión histórica
2
Introducción
3
Descripción general del proyecto
Propósito
Objetivo General
Explicar paso a paso como se debe interactuar en los diferentes módulos con el
manual de usuario.
Objetivos Específicos
1. Parametrizar cada uno de los módulos de tal forma que permita al área
encargada administrar los diferentes procesos.
2. Digitar en cada uno de los módulos descritos dependiendo de la solicitud.
3. Garantizar el correcto funcionamiento y confiabilidad del software.
4. Crear, visualizar y hacer seguimiento a cada uno de los procesos, registros
y solicitudes.
Supuestos y restricciones
El sistema está destinado a ser el medio principal de registro para cada una de las
áreas y procesos de Canal Capital para el 2021.
4
Arquitectura y componentes de software
5
Flujo MVC
El usuario interactúa con la interfaz de usuario de alguna forma.
El controlador recibe la notificación de la acción solicitada por el usuario. El
controlador gestiona el evento que llega, frecuentemente a través de un gestor de
eventos (handler) o callback.
El controlador accede al modelo, actualizándolo, posiblemente modificándolo de
forma adecuada a la acción solicitada por el usuario. Los controladores complejos
están a menudo estructurados usando un patrón de comando que encapsula las
acciones y simplifica su extensión.
El controlador delega a los objetos de la vista la tarea de desplegar la interfaz de
usuario.
La vista obtiene sus datos del modelo para generar la interfaz apropiada para el
usuario donde se refleja los cambios en el modelo.
La interfaz de usuario espera nuevas interacciones del usuario, comenzando el ciclo
nuevamente.
Se utiliza todo de forma modular para facilitar la adición de nuevos procesos, facilita
las pruebas y permite encontrar y manejar los errores de una mejora manera.
Dentro del canal se organiza la carpeta de la siguiente manera:
6
Dentro de la ruta c:\xampp\htdocs\intranet\ se coloca el nombre de la carpeta del
proceso o producto a desarrollar, allí encontraremos las siguientes carpetas:
• Modelo: Se encuentran todas las clases que permiten la conexión a base de
datos y consultas.
• Controlador: Se encuentran todas las variables, funciones y lógica de cada
uno de los procesos necesarios.
• Vista: En esta carpeta se almacenan los llamados al controlador y a las
funciones que muestran la información solicitada por el usuario.
• BD: Script de la base de datos y procedimientos almacenados para el
funcionamiento de la base de datos en MySQL.
• Css: Páginas de estilo para el diseño del sitio, incluyendo el framework de
diseño Bootstrap
• Js: Archivos JavaScript para el funcionamiento de validaciones y diferentes
funcionalidades del lado del cliente.
• Font: Se almacenan los tipos de letras necesarios para el desarrollo.
• Image: Se encuentran todas las imágenes que se utilizan en el software
incluyendo iconos, banner, logos, entre otros.
• Otras carpetas: Se crean de acuerdo al proyecto o necesidades del
software
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.
CSS
CSS (siglas en inglés de Cascading Style Sheets), en español "Hojas de estilo en
cascada", es un lenguaje de diseño gráfico para definir y crear la presentación de
7
un documento estructurado escrito en un lenguaje de marcado. Es muy usado para
establecer el diseño visual de los documentos web, e interfaces de usuario escritas
en HTML.
JS
JavaScript (abreviado comúnmente 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. Se utiliza
principalmente en su forma del lado del cliente (client-side), implementado como
parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas
web dinámicas.
Bootstrap
Es una biblioteca multiplataforma o conjunto de herramientas de código abierto para
diseño de sitios y aplicaciones web. Contiene plantillas de diseño con tipografía,
formularios, botones, cuadros, menús de navegación y otros elementos de diseño
basado en HTML y CSS, así como extensiones de JavaScript adicionales. A
diferencia de muchos frameworks web, solo se ocupa del desarrollo front-end.
En los desarrollos actuales para Canal Capital se está desarrollado en lenguaje PHP
con MYSQL, bajo una plataforma CMS WORDPRESS (Sistema administrador de
contenidos, sobre la cual se encuentra la intranet desde este se realiza el llamado
y acceso al software) y arquitectura MVC (Modelo, Vista, Controlador), con base de
datos diseñada a la medida.
Intranet
Se realiza un manual de usuario que muestre cada uno de los formularios o vistas
que se encuentran desarrollados, aparte de ello, el área de sistema da soporte a los
módulos desarrollados.
8
Modulo Denuncia
Ingreso:
http://intranet.canalcapital.gov.co/intranet/
9
3. En la parte superior de la pagina encontrara diferentes accesos, diríjase al
botón ERP (si es usuario de la ERP) o al botón denuncia (si es personal
externo de canal capital):
10
5. Ingrese a la intranet, y al momento, él le mostrara los diferentes módulos
donde usted dará clic en el módulo de denuncia (solo para usuarios de la
ERP):
11
Proceso:
7. Para generar una nueva denuncia por favor dar clic en el botón Nueva
Denuncia:
12
8. Al dar clic, le aparecerá los siguientes campos a completar:
13
Final:
14