Documentos de Académico
Documentos de Profesional
Documentos de Cultura
PRESENTA:
RESIDENCIA PROFESIONAL
REPORTE FINAL
ASESOR:
18 páginas
Carretera México-Pachuca Km. 87.5, Col. Venta Prieta, Pachuca, Hidalgo. C.P.
42080, A. P. 276.
Tels. : (01 771) 710 52 51, 170 03 45, 170 03 01, 170 06 87
www.tecnm.mx | www.itpachuca.edu.mx
ÍNDICE GENERAL
ÍNDICE GENERAL ................................................................................................................ i
CAPÍTULO I ANÁLISIS DEL PROYECTO............................................................................ 1
1.1 INTRODUCCIÓN ........................................................................................................ 1
3.2.4 Edición................................................................................................................ 12
i
3.2.7 Reportes ............................................................................................................. 13
CONCLUSIONES ............................................................................................................... 17
REFERENCIAS .................................................................................................................. 18
ii
CAPÍTULO I
ANÁLISIS DEL PROYECTO
1.1 INTRODUCCIÓN
1
1.2 CARACTERIZACIÓN DEL ÁREA EN LA QUE PARTICIPÓ
Este departamento se encarga de gestionar los sistemas operativos y de dar soporte a los
usuarios e infraestructura de la organización, con el objetivo de garantizar el buen
funcionamiento del hardware y contar con el software adecuado a las necesidades
emergentes que se viven cotidianamente.
2
1.3 OBJETIVOS
3
Para la realización correcta de la base de datos se utilizó el programa StarUML 2020 para
diseñar el diagrama entidad-relación (ER) el cual se estableció las tablas con sus atributos
respectivos. De igual forma, fue de suma importancia diseñar un diagrama de caso de uso
general del proyecto, el cual, ayudaría a observar el comportamiento y funcionalidad que
tendría un cliente al interactuar con este sistema integral.
Por medio del programa Microsoft SQL Server Managment Studio 2019 se creó un servidor
local en donde se almacenará la base de datos, este servidor se configuró con autenticación
Microsoft Windows y SQL Server con la finalidad de implementar sentencias de conexión
seguras en cada función que desempeñará el proyecto. Consecutivamente se creó la base
de datos (BD) autenticándola a través de un usuario con privilegios de administrador, se
insertó manualmente un usuario en la BD y para el desarrollo del sitio web se utilizó el
entorno del programa Visual Studio Enterprise 2019 con ayuda auxiliar de la herramienta
IIS para gestionar las ejecuciones del sistema integral de manera local.
1.5 LIMITACIONES
En este apartado se explican las limitantes que se generaron durante la implementación del
sitio web:
4
CAPÍTULO II
PLANIFICACIÓN
2.1 DELIMITANTES
• Se llevó un análisis estructural del proyecto para delimitar las funcionalidades que se
pretenden llevar a cabo. Se pretende que a inicios del mes de octubre se tenga una
revisión dada por el asesor externo para continuar con otras actividades.
• Por medio de una revisión exhaustiva otorgada por el asesor externo a principios del
mes actual, se realizaron modificaciones estructurales en las actividades realizadas
en el mes de septiembre. Todavía no he tenido retroalimentación de las
modificaciones por parte del asesor externo.
• Es necesario hacer instalaciones de las extensiones que tiene Visual Studio
Enterprise como el Diseñador de informes RDLC de Microsoft para Visual Studio,
esta herramienta incluye plantillas de proyecto Windows Forms y ASP.Net para
Microsoft Reporting Services y Microsoft Library Manager.
• El usuario no podrá disponer la actualización de un alta registrada si inicialmente se
dio guardó como robado, por lo que, se tendrá que comunicarse vía digital con un
administrador para dar solución a ese problema.
5
2.2 PLANIFICACIÓN ESTRUCTURAL DEL SISTEMA INTEGRAL
Se analizaron todos los parámetros y recursos enfocados al diseño de las interfaces, a cargo
del asesor externo utilizando una Master Page (plantilla general de diseño). Además, se
implementó un sistema de navegación jerárquico, es decir; cada pestaña del sitio web está
subordinada en secciones para disponer de sus diferentes funciones, permitiendo que la
navegación sea intuitiva y flexible ante los usuarios.
• Inicio.- Es la pestaña principal del sitio web y consiste en plasmar todos los registros
dados de alta por el usuario conceptualizados en una tabla (gridview) describiendo el
número de serie/IMEI del dispositivo, el estado del objeto (este puede ser inicialmente
como registro, extraviado o robado), la categoría del objeto (se refiere si el dispositivo
electrónico es un celular, una cámara, televisión, etc..), la marca y un comentario
distintivo que tenga o describa al objeto.
• Altas.- Esta pestaña está dividida en dos subsecciones, cuales son:
o Registro.- Consiste en el llenado fundamental de datos del dispositivo en
cuestión.
o Edición.- Se desempeñará esta subsección en editar los campos llenados
anteriormente en el registro exceptuando que el objeto sea robado, por lo que,
en este caso, será necesario contactar el administrador de la dependencia C5i
para efectuar los cambios respectivos.
• Bajas.- Esta pestaña tiene como finalidad dar de baja cualquier bien electrónico del
usuario en la base de datos, siempre y cuando se verifique su existencia y se dé un
motiva de baja.
• Búsquedas.- Consistirá esta pestaña en realizar una consulta a cualquier registro a
través del ingreso del número de serie/IMEI, usuario (en caso de ser administrador)
o marca del objeto.
• Reportes.- Esta pestaña se encargará de generar un reporte eventual de los registros
que estén acotados en una fecha inicial y una fecha final.
• Usuario.- Finalmente, este apartado desempeñará la utilidad de cerrar sesión en el
sitio web.
6
2.3 DISEÑO DEL SITIO WEB
CSS se utiliza para definir estilos para las páginas web, incluso en el diseño y variaciones
de visualización para diferentes dispositivos y resoluciones de pantalla. La idea que se
encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su
presentación y se define en un documento separado como un bloc de notas, de tal forma
que, las definiciones de estilo normalmente se guardan en archivos .css externos, cuyo
objetivo facilita cambiar el aspecto de cualquier elemento web cambiando solo un archivo
.css. (W3Schools, s.f.)
Esta parte se encarga de la experiencia del usuario, es decir, en el momento que el usuario
entra a la página web, debe ser capaz de navegar por ella, por lo que el usuario verá una
interface sencilla de usar, atractiva y funcional. Este tipo de tecnología generalmente se
desarrolla en tres lenguajes, cuales son, HTML, CSS Y JavaScript (JS). Un desarrollador
FullStack (programador competente, capaz de manejar cada uno de los aspectos
relacionados con la creación y el mantenimiento de una aplicación web) se encarga de
estilizar la página para la comodidad del usuario. (USERS Staff, 2017)
Por otra parte, se utilizaron efectos para acentuar el carácter dinámico de las pestañas y
cabe mencionar que, es de carácter obligatorio que el sitio web tenga implementado el
concepto de responsividad. A continuación, se describirán en esencia las características
que se abordaron en la aplicación del método responsivo.
7
2.4 NORMALIZACIÓN DE LA BASE DE DATOS
o Cámara o Playstation
o Celular o Tableta
o Computadora o Televisión
o iPad o Xbox
8
CAPÍTULO III
PROCEDIMIENTO
Este capítulo comprende la parte operacional del sitio web con el diseño de estrategias
esquematizadas con fin de satisfacer los protocolos de la residencia profesional previstos
de la dependencia C5i. La parte operacional consiste en la creación, diseño y configuración
de las interfaces (pestañas) que tiene el sistema y para un desarrollo adecuado se tuvo que
realizar diagramas de diferentes ramas para la correcta comprensión del sitio web.
Los diagramas son importantes porque facilita la manera de representar visualmente el flujo
de información por medio de un sistema, en ellos se realizan un análisis de procesos o
procedimientos que requerimos para establecer un programa u objetivo. Además, la
representación visual simplifica la comunicación y el entendimiento de los procesos, es por
ello que se realizaron algunos diagramas esenciales en la gestión y análisis del proyecto.
Por eso, se realizó Caso de Uso, un prototipo de baja Fidelidad, un mapa de Navegación
del sistema y un diagrama Flujo de recorrido del usuario. Cabe mencionar que en el prototipo
de baja fidelidad no se contempló inicialmente un proceso de depuración de registros sin
averiguación después de 5 meses de ser dados de alta. Posteriormente se dará a conocer
una breve descripción de los diagramas para alimentar y complementar el panorama de
implementar estrategias esquematizadas en la gestión de un proyecto.
Un diagrama Caso de Uso es una descripción de las actividades que deberá realizar el
usuario para llevar a cabo un proceso. Los personajes o entidades que participarán en el
diagrama se denominan actores y ayudan a especificar la comunicación junto con el
comportamiento del sistema mediante interacciones con los usuarios y/u otros sistemas. Se
utilizan a menudo para ilustrar los requisitos del sistema en la captura de requisitos
funcionales, especialmente en la programación orientada a objetos. (Universidad de
Valladolid, 2016)
9
3.1.2 Prototipo de baja Fidelidad
Para el desarrollo de un prototipo de baja Fidelidad se debe realizar de una forma sencilla y
ordenada, se puede decir que es una manera barata de proporcionar prototipos para uso en
test y sesiones de diseño participativo. Asimismo, el prototipo del sitio web no tiene el
aspecto real de la interfaz, aun cuando operan de la misma forma.
De forma general, se intenta que la web tenga consistencia entre todas las páginas de las
que dispone, es decir, la agrupación de los menús, iconos, cuadros con información, etc.
Con esto se permite que el usuario tenga un mayor grado de asimilación de la web. (Joyanes
Aguilar, 2008)
Estas formas se definieron y conectaron entre sí a través de flechas y líneas que marcan la
dirección del flujo determinando el recorrido. Una vez localizados los procesos, es necesario
tomar en cuenta decisiones del usuario de la manera más general posible y como todo
diagrama de flujo se lee de izquierda a derecha y de arriba a abajo. Es importante evitar el
cruce de líneas en su estructura para facilitar la comprensión global. (Cairó, 2007)
10
3.2 PROGRAMACIÓN DE PÁGINAS
La decisión imperativa de manejar dos tipos de usuarios con privilegios y roles particulares
fue de suma importancia para el sistema.
El sistema integral en general está conformado por diferentes funciones adjuntas en cada
pestaña desplegable en secciones, las cuales son:
Para poder acceder a las funciones del sistema es indispensable iniciar sesión con “Usuario”
y “Contraseña”, recordando que el administrador del sitio web es el que da de alta los
usuarios directamente en la base de datos. El diseño de esta interfaz es muy simple,
contiene un título general del nombre del proyecto, un formulario de los 2 campos descritos
anteriormente, un botón para validar los datos escritos en el formulario, una imagen alusiva
al bien electrónico más comprado por la ciudadanía y un pie de página donde lleva la
información de la empresa.
11
3.2.2 Página de Inicio
Una vez ingresadas las credenciales correctas en el inicio de sesión, inmediatamente llevará
al usuario a la página de inicio del sistema, donde se muestran todos los datos que han sido
dados de alta con anterioridad, en caso de ser un nuevo usuario, no se mostrará ningún
registro en la tabla. Para esto, fue necesario designar un color específico representado en
el GridView indicado el estado actual que se encuentre el objeto, en otras palabras, con
ayuda del color será más factible tener un seguimiento del flujo de sucesos obtenidos de los
registros.
Los datos son identificados por colores, estos colores se escogieron de acuerdo al
entendimiento de la psicología visual inmersa en el ser humano indicando los siguientes
estados:
3.2.3 Registros
En esta página, se diseñó para que sea capaz registrar la información del bien electrónico
por medio de formularios y a su vez se almacenarán en la BD cuando se ejecute el botón
ubicado en la parte inferior de la interfaz, para eso, el usuario debe conocer perfectamente
el número de serie o IMEI, la fecha del evento o suceso, un comentario descriptivo del
objeto, la categoría en la que destaca el dispositivo, la marca y el estado en el que se
encuentra, es decir, si el objeto ha sido “Robado”, “Extraviado” o “Registrado”.
3.2.4 Edición
Se desarrolló esta interfaz con el fin de modificar en cualquier momento los datos dados de
alta anteriormente. Uno de los principales problemas a considerar en el sitio web fue el factor
humano, frecuentemente se registra información errónea por parte del usuario o porque
simplemente es necesario cambiar el status del bien electrónico. Para esto es preciso
conocer el número de serie o IMEI del dato que se requiere modificar y solo el administrador
puede corregir un registro que se encuentre “Robado” por cuestiones de seguridad.
12
3.2.5 Bajas
La programación de la página “Bajas” fue sumamente sencilla, el usuario puede dar de baja
o “eliminar” un dato de la base de datos del sistema, la razón puede ser porque el registro
ya no es requerido o simplemente porque el dato ingresado fue erróneo.
3.2.6 Búsquedas
Dentro de esta pestaña, se realizó de tal manera que el usuario tenga la posibilidad de hacer
consultas empleando por lo menos un dato como requisito, bastará con escribir
correctamente algún dato reconocido de las opciones de búsqueda, cuales son, el número
de serie o IMEI, el usuario con el que se dan de alta datos, o bien, la marca del dispositivo.
3.2.7 Reportes
La última función que el sistema integral ofrece es la de generación de reportes para dar
continuidad a un protocolo de investigación, donde se puede consultar y descargar un
reporte en un determinado rango de fechas especificado por el administrador y además, el
reporte puede ser generado en diferentes formatos de lectura como PDF, WORD y EXCEL.
La creación del reporte se realizará siempre y cuando se estime un intervalo de fechas del
formulario.
3.2.8 Usuario
Por último, pero no menos importante, para que sea un sistema informático completo, se
tuvo que desarrollar una pestaña de usuario, en otras palabras, en ella se verá reflejado el
nombre de usuario que esté activo en el sitio web en esa computadora y además, podrá
cerrar sesión cuando haya satisfecho sus necesidades en el sistema. Es primordial cerrar
sesión cada vez que se esté por finalizar su funcionamiento, ya que cualquier otro individuo
podrá visualizar los bienes electrónicos que tiene registrados, modificarlos o incluso
eliminarlos de la base de datos.
13
CAPÍTULO IV
RESULTADO
Con el fin de lograr los objetivos descritos en la residencia profesional, se plasmará en este
capítulo de groso modo las modificaciones pertinentes para la culminación exitoso del sitio
web, la política de la empresa que se llevó a cabo ante la asistencia presencial que tuve en
la dependencia y las sugerencias que se me hicieron notar durante la residencia, las cuales
se tomaron en cuenta y apreciaron significativamente.
Una vez que se programó la interfaz de “Reportes”, se tuvo que instalar en el entorno de
programación Visual Studio Enterprise 2019 algunas herramientas y plugins de generar
informes a través de formularios. Para ello, emplear archivos RDLC es crucial para
desarrollar esa función, el cual es un formato de archivo de documento tamaño carta donde
se almacenará la definición del informe.
• PDF (.pdf)
• Word (.doc)
• Excel (.xls)
Se agregó una nueva conexión con el objetivo de extraer cada columna de la tabla “Estado”
donde se almacenan las altas de los bienes electrónicos, se le dio un diseño gubernamental
de acuerdo a las especificaciones y requisitos establecidos al principio del proyecto. La
designación de rango en la búsqueda de los registros a imprimir fue llevada a cabo por dos
campos de tipo fecha para acotar un intervalo de días y así, seleccionar únicamente las
altas ubicadas en ese intervalo. Posteriormente, se modificaron elementos y recursos del
sitio web en cuestión de diseño, se verificó que el modelo de navegación sea completamente
intuitivo y de arquitectura dinámica jerarquizada y se hicieron pruebas con diferentes
usuarios autorizados en la base de datos.
14
4.2 POLÍTICAS DE LA EMPRESA
Se tomaron medidas preventivas de mayor nivel de prioridad, debido a que han surgido
contagios por parte de la fuerza policial de la empresa. Asimismo, se implementó una
cámara desinfectante de alta gama, capaz de alojar y desinfectar hasta 10 personas de
manera eficiente.
Cabe mencionar que, se logró realizar una conferencia llamada “Seguridad Informática y
Conexión de Redes Seguras” a través de la aplicación Zoom, donde se explicaron algunas
técnicas más importantes para prever los ataques de ciberseguridad y robo de información
digital.
• Las actividades recreativas y ajenas al contexto laboral pueden ser ideales para
motivar el trabajo en equipo y las relaciones entre sus miembros, siempre y cuando
exista una excelente comunicación.
• Debo conocer el lenguaje léxico y semántico que emplea Microsoft SQL Server
Managment Studio 2019, puesto que mis conocimientos sólidos son de MySQL
Worbench y los comandos son diferentes a lo entendido.
• Tener mejor entendimiento del formato más popular de archivo con la extensión .rdlc
perteneciente a la categoría “Archivos de desarrollo” para asignar atributos de
variable de sesión a mis tablas.
• Sería más eficiente dar diseño a los recursos que se manejan y trabajan en cada
interfaz cuando se terminen de programar, lo cual, ayudará optimizar tiempo en el
desarrollo del producto final.
16
CONCLUSIONES
En conclusión, por la falta de experiencia en el desarrollo de este tipo de aplicaciones web
usando una metodología ágil, hizo que el proyecto se finalizara en tiempo y forma en la
Residencia Profesional. Conforme se fue desarrollando la codificación del sistema acorde a
los objetivos y las observaciones otorgados del jefe de proyecto, se fueron presentando
nuevos requerimientos, lo que claramente muestra que es necesario una comunicación y
retroalimentación constante con el equipo de proyecto.
Con este sistema, será posible acceder y gestionar personalmente los bienes electrónicos
sin necesidad de que haya un intermediario, siempre y cuando exista una conexión de
internet adecuada. En cuestión de la programación de este sistema integral, se puede decir
que la utilización de herramientas de software libre y con equipo computacional actualizado,
proporcionó una gran ventaja para el desarrollo del mismo.
El nivel de aceptación por parte de la empresa luego de estar sometido a pruebas muy
exhaustivas fue del 100%, este resultado se otorgó analizando el objetivo general y los
objetivos específicos que se plantearon en un principio. Se reconoce que el sistema integral
puede seguir mejorando mediante las necesidades que el gobierno estatal las requiera. Sin
duda, la aplicación de conocimientos previos adquiridos en el Instituto Tecnológico de
Pachuca y las asesorías otorgadas por los funcionarios del departamento de Ciencias y
Sistemas Computacionales fuero de gran ayuda para culminar el producto.
Finalmente, el valor agregado en experiencia que me generó durante estos cuatro meses
de Residencia Profesional, fueron básicamente suficiente para darme un panorama más
completo de como se debe realizar un proyecto de programación con carácter profesional,
la comunicación Inter laboral es una clave para prever errores funcionales y facilita la
incorporación de nuevas funcionalidades precisas.
No tengo dudas de que al haber hecho mi residencia en esta empresa, me generó una
estricta disciplina en horarios de trabajo, conocimiento de un nuevo lenguaje de
programación, me pude desarrollar integralmente en ambientes de comunicación laboral y
tener iniciativa en ser más proactivo en el sistema integral.
17
REFERENCIAS
Cairó, O. (2007). Metodología de la programación Algoritmos, diagramas de flujo y
programas. Alfaomega.
USERS Staff (2017). Programación Web Full Stack - Desarrollo Frontend y Backend.
Creative Andina Corp.
18