Manual técnico de la Aplicación:

1.- Directorio de la Misma:

El código fuente de la aplicación se encuentra en: Documentos/Visual Studio
2019/Projects/Clients_And_Tickets, ahí se encuentran tanto la aplicación en
Angular como el Servidor Web, siendo este ubicado en “ConnectSQL” y la aplicación
en “tickets-clone”.
La aplicación en el servidor principal se encuentra en C:/inetpub/wwwroot/, siendo
de igual forma separada en dos carpetas, el servidor y la propia aplicación, esta se
ejecuta por el puerto 80, por lo que se pide que no se cierre este puerto en la
consola de AWS.

2.- Estructura básica de la aplicación:

La aplicación está construida en varios componentes, todos se encuentran en la
carpeta src/componentes/x donde x es el componente.
A continuación, se describe que hace cada componente:
1. Header: Básicamente es el menú de opciones en la parte superior de la
aplicación.
2. Usuarios: (Solo visto por los usuarios del grupo Admin en Comercial Pro), se
encarga de adaptar a los usuarios para que puedan utilizar la aplicación,
asignándoles su contraseña a la misma o agregando sus correos y
contraseña de aplicación de Gmail para el envío/recibimiento de correos.
3. Clientes: Se puede decir el componente más importante de la aplicación ya
que en el se pueden realizar los tickets a los clientes que se vayan
presentando, además de la generación de pedidos si estos no poseen horas
en sus respectivas contrapartes simples (si estos tenían paquete).
4. Órdenes de Servicio: Mostrar todos los tickets realizados y poder enviarlos
por correo electrónico a los respectivos clientes atendidos y poder exportar
esta información a Excel si así se requiere.
5. Pedidos: Mostrar todos los pedidos realizados en el sistema.
6. Home: Como su nombre lo indica es el inicio de la aplicación, además de
mostrar tres gráficas con información relacionada a los tickets hechos en el
sistema.
Para modificar la funcionalidad de estos, basta con solo modificar el código en cada.
component.ts de cada componente.
A su vez, para que estos componentes posean información de la Base de datos, se
utilizan distintos servicios, estos están ubicados en src/app/services
La labor de cada servicio se resume a lo siguiente:
HomeService: Se encarga de recopilar información de la base de datos para las
estadísticas sobre tickets
AuthService: Se encarga de autenticar a los usuarios con la información presente
en dbo.engUser.
ClientsService: Se encarga de operaciones con clientes y su generación de Tickets,
siendo el obtener información para la correcta generación de estos y la generación
correcta de pedidos.
OrdenesService: Se encarga de mostrar todas las órdenes de servicio que se han
realizado.
PedidosService: Similar al anterior, solo que enfocado a los pedidos.
UserService: Encargado de operaciones en actualización de usuarios para
acceder/enviar/recibir correos en la aplicación.
MailService: Encargado de enviar correos a los destinatarios correspondientes.

3.- ¿Cómo modificar la aplicación y subir los cambios al servidor?

Esto aplica principalmente en el punto de cambiar la cuenta de Gmail que envía los
correos de alerta de horas a las vendedoras cuando el cliente tiene menos de 2
horas restantes en sus paquetes.
La sentencia a cambiar se encuentra en el archivo de clients.component.ts, ubicado
en src/app/components/clients, las líneas de código a cambiar son las mostradas
en la siguiente imagen:
Cambiar el Email por el nuevo correo encargado de enviar el correo y el campo Pass
por la contraseña de la aplicación generada en Gmail.
Cuando se realice cualquier cambio, en una terminal escribir “ng serve” para
asegurarse de guardar los cambios, tras ello pulsar Ctrl+C para cerrar el proceso,
Ahora, cuando se desee subir el cambio al servidor debemos escribir en una
terminal el comando “ng build”, cuando este finalice, los archivos a copiar estarán
en el directorio raíz de la aplicación, siendo más específicamente en la carpeta
“dist”, solo copiar estos archivos a la carpeta de Tickets-clone dentro del servidor y
eliminar todos los archivos anteriores con excepción del archivo web.config.

Ahora, si se realizan cambios en el servidor (Connect SQL), de preferencia hacerlo

con los archivos dentro de esa carpeta en el servidor (estarán ubicados fuera de la
carpeta dist), tras adecuar lo necesario, en el directorio raíz, abrir una terminal y
escribir “npm run build” y finalmente reiniciar el servicio de Windows
“StartTicketCloneServer”.