Manual de Usuarios Modulo Denuncia

Manual de usuario
Modulo Denuncia
Versión 1.0
1
Revisión histórica
Fecha Versión Descripción Autor

21-09-21 1.0 Versión inicial Robinson Rincón
Mauris Ávila
2
Introducción
En la actualidad el desarrollo de software en Canal Capital, es in-house el cual

permite encontrar nuevas alternativas estratégicas basadas en el conocimiento que
se genera durante el proceso de desarrollo y nos permita realizar construcciones
sistemáticas para temas particulares de cada área.
En razón a la actual situación sanitaria, se ha iniciado a trabajar de forma virtual y

todos los procesos que venían funcionando de una forma física han dificultado el
trabajo y la fiabilidad de la información; por ende, los procesos deben continuar sin
depender de la forma física. Por lo tanto, se requiere el desarrollo in-house dentro
de la compañía nos ha permitido mejorar los procesos y facilitarlos de forma virtual.
3
Descripción general del proyecto
Propósito
El propósito de este desarrollo de software es definir las actividades, los términos y

la implementación de un sistema de registro integrados por módulos para Canal
Capital de forma virtual.
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
Modelo vista controlador (MVC)

Es un estilo de arquitectura de software que separa los datos de una aplicación, la
interfaz de usuario, y la lógica de control en tres componentes distintos.
Se trata de un modelo muy maduro y que ha demostrado su validez a lo largo de
los años en todo tipo de aplicaciones, y sobre multitud de lenguajes y plataformas
de desarrollo.
El Modelo que contiene una representación de los datos que maneja el sistema, su
lógica de negocio, y sus mecanismos de persistencia.
La Vista, o interfaz de usuario, que compone la información que se envía al cliente
y los mecanismos interacción con éste.
El Controlador, que actúa como intermediario entre el Modelo y la Vista, gestionando
el flujo de información entre ellos y las transformaciones para adaptar los datos a
las necesidades de cada uno.
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
Lenguajes de programación a utilizar
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.
Requerimientos de Desarrollo para Canal Capital
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
La intranet se encuentra en un servidor virtualizado el cual tiene copias de seguridad

en caso de siniestro; además se tiene instalado el servidor de internet Apache,
MySQL, PHPMYADMIN (Por medio del instalador XAMPP).
Ayudas del software
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:
Para a ingresar al modulo de denuncia es necesario seguir los siguientes pasos:
1. En el navegador de su preferencia digite el siguiente link:
http://intranet.canalcapital.gov.co/intranet/
2. Debe aparecer la siguiente visualización:
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):
4. Al momento de dar clic, le solicita que se logue e ingrese con el usuario y

contraseña ya asignada por el área de sistemas (solo para usuarios de la
ERP):
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:
6. Le mostrara la siguiente página:
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:
• Denuncia anónima: Puede seleccionarla como afirmativa o negativa.

• Nombres: Digite su nombre
• Apellidos: Digite sus apellidos
• N° Identificación: Digite su numero de identificación. (Ejemplo: Numero de
cedula de ciudadanía).
• N° Teléfono: Digite un número de teléfono ya sea fijo o celular, para que el
área encargada pueda ponerse en contacto con usted.
• Email: Digite su correo electrónico, para que el área encargada pueda
ponerse en contacto con usted.
• Tipo de denuncia: Escoja el tipo de denuncia correspondiente a su motivo;
Acoso Laboral, Ambiente no inclusivo, Código de integridad, Conflicto de
intereses, Corrupción, Discriminación, Maltrato, Otra.
Recuerde: En el momento en el que desee hacer una denuncia de Acoso
Laboral, esta no puede ser Anónima.
• Descripción de la denuncia: Escriba una descripción con sus propias
palabras dando a entender su denuncia de forma más textual.
• Archivo evidencias en *zip: Este campo es opcional y puede subirlos como
complemento de la denuncia (Ejemplo: fotos, video cortos. etc).
13
Final:
9. Al momento de terminar de digital los campos solicitados, obture en el botón

registrar para que este quede guardado en la base de datos y pueda ser
visualizado y generar seguimientos por el área encargada.
14

Manual de Usuarios Modulo Denuncia

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Manual de Usuarios Modulo Denuncia

Cargado por

Copyright:

Formatos disponibles

Manual de usuario

Fecha Versión Descripción Autor

En la actualidad el desarrollo de software en Canal Capital, es in-house el cual

En razón a la actual situación sanitaria, se ha iniciado a trabajar de forma virtual y

El propósito de este desarrollo de software es definir las actividades, los términos y

Modelo vista controlador (MVC)

Lenguajes de programación a utilizar

Requerimientos de Desarrollo para Canal Capital

La intranet se encuentra en un servidor virtualizado el cual tiene copias de seguridad

Ayudas del software

Para a ingresar al modulo de denuncia es necesario seguir los siguientes pasos:

1. En el navegador de su preferencia digite el siguiente link:

2. Debe aparecer la siguiente visualización:

4. Al momento de dar clic, le solicita que se logue e ingrese con el usuario y

6. Le mostrara la siguiente página:

• Denuncia anónima: Puede seleccionarla como afirmativa o negativa.

9. Al momento de terminar de digital los campos solicitados, obture en el botón

También podría gustarte