UNIVERSIDAD DE SONORA

DIVISIN DE INGENIERA
Departamento de Ingeniera Industrial

Desarrollo de un Sitio Web y Timesheet

para una Empresa dedicada a la
Automatizacin de Sistemas

Memoria de Prcticas
Profesionales
Que como requisito parcial para la
obtencin del ttulo de:
INGENIERO EN SISTEMAS DE INFORMACIN
PRESENTA:
JOS MIGUEL TAPIA RAMREZ
Director: Dr. Alonso Prez Soltero

HERMOSILLO, SONORA.

SEPTIEMBRE

2015

AGRADECIMIENTOS
En primer instancia, a mis padres, Guadalupe y Jos por haber tenido todo su
apoyo

durante

toda

mi

estancia

en

la

universidad.

Adems, a todos mis maestros los cuales siempre fueron los que me brindaron su
conocimiento, experiencias y sus consejos los cuales me han servido
innumerables veces. Al maestro Jos Luis Ochoa Hernndez, Mario Barcel,
Gerardo Snchez Schmitz, Alex Cota Rembau, Alonso Prez Soltero, entre
muchos otros que fueron de gran apoyo para m.
Al ingeniero Francisco Ernesto Snchez Fermn por haberme dado la oportunidad
de realizar mis prcticas profesionales en HESA. Innovation and control
systems S. de R.L. de C.V. Tambin de haber expandido mis conocimientos con
cosas nuevas.
Finalmente y sin duda alguna gracias a todos mis amigos, quienes tambin fueron
un gran apoyo durante toda mi carrera ya que siempre estaban ah cuando ms se
necesitaba.

NDICE GENERAL
1. INTRODUCCIN............................................................................................... 1
1.1 Breve explicacin del proyecto o actividad...................................................1
1.2 Objetivos....................................................................................................... 3
1.3 Lnea metodolgica....................................................................................... 4
2. DESCRIPCIN DEL CONTEXTO.........................................................................6
2.1 Equipamiento e instalaciones.......................................................................6
2.2 Descripcin de la normatividad de la unidad receptora................................7
2.3 Entorno donde se ubica la unidad receptora...............................................8
3. FUNDAMENTO TERICO DE LAS HERRAMIENTAS Y CONOCIMIENTOS
APLICADOS.......................................................................................................... 9
3.1 Breve descripcin de las herramientas de software utilizadas......................9
4. DESCRIPCIN DETALLADA DE LAS ACTIVIDADES REALIZADAS.....................14
5. ANLISIS DE LA EXPERIENCIA ADQUIRIDA....................................................29
5.1 Anlisis general del proyecto......................................................................30
5.2 Anlisis de los objetivos de las prcticas...................................................30
5.3 Anlisis de las actividades realizadas.........................................................31
5.4 Anlisis de la metodologa utilizada...........................................................32
6. CONCLUSIONES Y RECOMENDACIONES.........................................................34
7. REFERENCIAS BIBLIOGRFICAS Y VIRTUALES................................................35

1. INTRODUCCIN
A continuacin se hace una descripcin del proyecto, los objetivos generales y la
lnea metodolgica que se sigui para el desarrollo de mis prcticas profesionales
en la empresa donde las llev a cabo.

1.1 Breve explicacin del proyecto o actividad

En el presente documento, se har mencin y se presentarn 2 proyectos
realizados en HESA. Innovation and control systems S. de R.L. de C.V. Los
cuales fueron parte de su actualizacin a las TI en la empresa.
A lo largo de mi carrera en ingeniera en sistemas de informacin, me di cuenta de
lo importante que es la innovacin de procesos y creacin de nuevos proyectos
para la empresa, fueron mucho los casos laborales que escuch, de maestros e
incluso de amigos. Eso fu transformando mi mente para entender cmo
funcionan en s las empresas para tener altos estndares de calidad y servicio.
Estos proyectos fueron pensados en desarrollarse al abrir su rea de sistemas en
la empresa; yo como practicante fu el inicio de dicha rea, es ahi cuando
quisieron dar luz verde a proyectos que tenian pensados; estos se realizaron con
el propsito de optimizar uno de los procesos mas importantes dentro de la
empresa, y el otro para mejorar su imagen mediante el sitio web. Estos proyectos
se llevaron a cabo mediante el nombre de Sitio Web para la empresa, y
Aplicacin TimeSheet respectivamente.

Sitio Web
Como se sabe, una de las partes importantes del xito y reconocimiento de una
empresa, es el marketing. En este caso hablo de un sitio web para publicidad de la
empresa. Entre los beneficios que brinda tener un sitio web estn:

Promover la comunicacin entre clientes y proveedores: al ser un portal siempre

disponible, el cliente y la empresa pueden tener la comunicacin establecida
siempre, mediante el envo de correos electrnicos con los que el cliente puede
resolver sus dudas y/o problemas.
Generar una buena imagen moderna y tecnolgica de la empresa para sus
clientes: todos vivimos en la era del internet, y desde el punto de vista del cliente
aquella empresa que se renueva, innova y utiliza recursos tecnolgicos, ya sea
para su publicidad o mejora de procesos, tiende a pensar y saber que esa
empresa tiene una imagen moderna que provee satisfaccin al cliente y confianza
ante todo.
Disponibilidad de publicidad 24/7: al ser un portal web, la visita de un cliente, ya
sea nacional o internacionalmente, siempre tendr acceso a este sitio sin importar
horas ni calendarios.
Amplira su mercado a un nivel internacional, ya que este medio no posee
fronteras: Si la empresa est establecida en Mxico, hay clientes de los Estados
Unidos que estn en busca de estos servicios, pero por el simple hecho de no
tener contacto ni conocimiento de la empresa en Mxico, el contacto nunca se
hace. En cambio, al tener un sitio web que permite el desarrollo de la empresa a
un nivel internacional, clientes de los Estados Unidos pueden establecer
comunicacin a la empresa en Mxico, la cual ellos la tenan desconocida.
Atraer nuevos clientes: tocando el punto anterior, la extensin de la empresa a
nivel internacional y mundial, abre las puertas a nuevos clientes que busquen los
servicios que una empresa ofrece.
As que, viendo la necesidad y el por qu hacerlo, queda la motivacin a cualquier
empresa arrancar un proyecto como ste, sabiendo sus beneficios de un mejor
posicionamiento de su empresa.

Aplicacin TimeSheet
Todo surgi como una manera de optimizar el proceso para el control de
empleados, explicaban que necesitaban alguna manera de realizar esta actividad
mediante una simple serie de pasos, que sea solamente accin de unos cuantos
clics y el proceso se diera por terminado.
Es aqu donde naci la necesidad de este proyecto y por qu se deba de hacer.
Platicamos y me comentaron que estaban interesados en el lenguaje C# para
comenzar a utilizarlo en su empresa, entonces pens, qu mejor momento para
hacer la aplicacin de escritorio en este lenguaje.
Se comenz a trabajar en ello compartindome informacin sobre cmo se
desarrollara.

1.2 Objetivos
Desarrollar los proyectos del sitio Web para la empresa y la aplicacin TimeSheet
para que contribuyan al perfeccionamiento y desarrollo de los servicios que
proporciona la empresa, adems de dar al cliente una visin de calidad e
innovacin de la empresa, que refleje la labor HESA. Innovation and control
systems S. de R.L. de C.V.
Asimismo, establecer una nueva y mejor manera de control de empleados y sus
respectivas actividades, facilitando el manejo de esta informacin a travs de un
sistema que se controlar internamente.
Los objetivos de carcter especfico son ofrecer un espacio para desarrollar y
publicar informacin til, actualizada y variada, en correspondencia con los
servicios que se ofrecen. Adems, establecer una nueva y mejor manera de
control de empleados y sus respectivas actividades, facilitando el manejo de esta
informacin a travs de un sistema que se controlar internamente.

A continuacin, algunos puntos a considerar en ambos proyectos:

Mostrar de forma concreta los resultados y el impacto de los sistemas y/o

servicios que han aplicado a empresas.

Obtener sitios de exhibicin preferenciales y secundarios.
Sensibilizar al cliente sobre las ventajas que tiene un servicio de calidad.
Tener control por parte del gerente, de todos sus empleados.
Manejar los gastos de cada participante dentro de la empresa.
Establecer rigor en las horas de trabajo de cada trabajador.
Controlar la entrada y salida de proyectos que se reciben.

1.3 Lnea metodolgica

A grandes rasgos, despus de conocer los proyectos que la empresa necesitaba,
di paso a hacer un anlisis de ambos proyectos; ya con los requerimientos en
mano y el anlisis realizado comenc una pequea investigacin para saber qu
herramientas me seran de utilidad.
Por parte del sitio web, primero investigu qu diseo de pgina sera el apropiado
para que se reflejara bien el giro de la empresa, aun as, mi tutor de prcticas en la
empresa, me daba su opinin para realizar cambios de diseo y maquetacin.
Finalizando el diseo de cmo quedara el sitio web, entr al cdigo para
comenzarla a crear, simplemente para tener la estructura hecha, y simplemente
agregar la informacin e imgenes; dichas imgenes me fueron proporcionadas
por la empresa. Al paso de las semanas, se me fueron pidiendo ajustes para que
quedara de acuerdo a su gusto.
Ya por terminar, PHP fue mi ltima etapa; realizar el formulario de contacto. Ya
realizado, el sitio fue entregado a ellos, y en ese mismo momento fue subido a su
servidor, y qued en lnea y funcionando.
La aplicacin de escritorio (Timesheet) fue un reto un poco ms grande y de ms
requerimientos. Para comenzar, analic dichos requerimientos que se me dieron
para el timesheet, detalles de entradas, salidas, registros, etc.

Realizado lo anterior, el primer paso fue la creacin de la base de datos, para la

cual utilic SQL sever, ah cre un usuario para comenzar, terminado eso, me
adentr a C#, en visual studio, y la programacin comenz.
Fui realizando ventanas de pruebas a lo largo del proyecto, cambiando, quitando,
etc. La divisin de privilegios de usuario estaba lista, Administrador y NO
administrador. Cada privilegio tendra acceso a diferentes ventanas. Solamente el
Administrador tendra la posibilidad de la edicin de registros, tales como: crear
registro nuevo, eliminar registro. Finalmente se realizaron las pruebas para
mostrarles su funcin, y funcion correctamente.

2. DESCRIPCIN DEL CONTEXTO

Las prcticas profesionales se llevaron a cabo en HESA. Innovation and control
systems S. de R.L. de C.V. con intencin de abrir su rea de sistemas. Esta
mediana empresa se ubica en Hermosillo, Sonora.
Es una empresa situada en el sector de Nuevas Tecnologas y Sistemas
Automatizados. Nace con la firme idea de innovar la integracin de sistemas
Automatizados ofreciendo soluciones de llave en mano turn-key, satisfaciendo la
demanda de sus clientes trabajando conjuntamente con ingenieros altamente
calificados, comprometidos y especializados en tecnologa de vanguardia para
llevar a cabo cada proyecto.
Fue fundada en el ao 2012, cuando empresas norteamericanas llegan al Estado
de Sonora y buscaban el apoyo de empresas locales, razn por la cual los
fundadores vieron la necesidad de crear una empresa que cumpliera con los
estndares

internacionales,

que

brindara

los

servicios

de

Ingeniera

proporcionando altos estndares de calidad a empresas nacionales y del

extranjero.
Entre algunos de los servicios que ofrecen, estn:

Automatizacin y Control PLC & HMI.

Diseo Elctrico y Armado de Tableros
Sistemas de Visin, entre otros

2.1 Equipamiento e instalaciones

Como mencion anteriormente, no contaban con rea de sistemas, el equipo no
era muy extenso y complejo.
El equipo que se tiene, son aproximadamente 7 equipos de cmputo de escritorio,
4 laptops, impresora de oficina, y un servidor. La mayora del tiempo utilizan los 2
equipos, escritorio y porttil al mismo tiempo para facilitar el trabajo de realizar
diagramas grandes en una sola pantalla.

La empresa cuenta con aproximadamente 7 empleados, cada uno con su equipo

de cmputo, sin embargo, yo utilic mis medios para arrancar el proyecto ya que
por el momento no contaban con equipo extra.

2.2 Descripcin de la normatividad de la unidad receptora

A continuacin se describe la normatividad de la unidad receptora donde se
desarrollaron las prcticas.
Poltica de calidad
Ser una empresa consolidada como lder a nivel nacional e internacional,
mediante un equipo de trabajo estructurado para un mismo objetivo que es el
satisfacer al cliente proporcionando soluciones en sistemas de control y
automatizacin, con un programa de calidad total en todo el escalafn de la
empresa que nos permita la introduccin de productos y servicios en todos los
mercados potenciales.
En la empresa, cuentan con un equipo de trabajo con amplia experiencia y
eficiencia para proporcionar al cliente una gama de soluciones accesibles y con la
ms alta tecnologa para satisfacer sus necesidades, da con da se muestra el
esfuerzo para mejorar y aportar a la industria un mayor desarrollo.
Los valores de HESA. Innovation and control systems S. de R.L. de C.V. son:

Trabajo en Equipo
Compromiso
Innovacin Constante
Respeto y Honestidad
Eficiencia
Calidad en todos los procesos
Puntualidad en la entrega de proyectos

2.3 Entorno donde se ubica la unidad receptora

Fsico
La empresa no cuenta con expansin geogrfica, se encuentran al sur de

Hermosillo, Sonora.
Cultural
Los conocimientos que se deben tener para poder laboral aqu, son
extensos, ya que todo es ingeniera, desde elctrica, mecnica, industrial,

sistemas, mecatrnica entre otras.

Econmico
Para ellos, la economa gira entorno a los proyectos que realizan, depende

de cada proyecto, es las ganancias que ellos tienen.

Geogrfico
Ellos se encuentran solamente en Hermosillo, Sonora (ver figura 2.1).

Figura 2.1 Ubicacin de Hesa

3. FUNDAMENTO TERICO DE LAS HERRAMIENTAS Y CONOCIMIENTOS

APLICADOS
Los proyectos realizados en HESA. Innovation and control systems S. de R.L. de
C.V. requirieron de mis conocimientos de TI adquiridos en la Universidad para
llevarlos

a cabo, como conexiones de bases de datos, lenguajes de

programacin, diseo web, diseo de interfaces, servidores web, entre muchos

otros.
3.1 Breve descripcin de las herramientas de software utilizadas
Como todo proyecto que se realiza, es necesaria la utilizacin de herramientas,
prcticas o tericas. Hay herramientas que nunca haba utilizado en su totalidad,
pero en ciertas circunstancias siempre se llega a hacer eso de ellas.
Para la realizacin de estos 2 proyectos, utilic algunas herramientas que me
facilitaron y ayudaron para finalizar mis prcticas. A continuacin se presentan:
Internet
El Internet podemos decir que es de gran utilidad para la empresa, en lo personal
antes de asistir a la materia de economa de la globalizacin donde se ha tratado
mucho este tema, no me haba puesto a pensar realmente de la importancia del
Internet para una empresa, yo creo que al momento de preguntarte podras
contestarlo intuitivamente; ahora con la asistencia a clases te hacen pensar ms
en la importancia que tienen las nuevas tecnologas entre stas el Internet y el
desarrollo de la investigacin. Este medio puede servir de mucho a las empresas y
es necesario que las empresas que no estn integradas con las nuevas
tecnologas lo hagan porque de lo contrario y dejan pasar el tiempo se quedarn
rezagadas

perdern

mercado

contra

las

que

estn

continuamente

desarrollndose y siguiendo el ciclo de avance tecnolgico que el mercado exige

cada vez ms.
Cualquier empresa que desee entrar en Internet puede aplicar dos herramientas
bsicas y fundamentales para el funcionamiento de ella, una es el correo

electrnico y otra las pginas web. El primero sirve como forma de comunicacin
entre las empresas y dentro de la empresa entre empleados. De las pginas web
ya dije algunas cosas pero stas han logrado que el Internet haya sido notorio en
los ltimos aos aun siendo una tecnologa que fue desarrollada hace ms de 30
aos. El Internet sirve de gran utilidad para encontrar informacin que es de
inters potencial para la empresa, la empresa debe aprender a utilizar la
informacin de manera correcta para la toma de decisiones, en la resolucin de
problemas y en la planificacin estratgica ya que deben desarrollar una funcin o
un departamento que distinga la calidad de la informacin que circula, ya que la
red ofrece el beneficio de obtener suficiente informacin pero tambin puede
contener informacin errnea [1].
Bootstrap
Bootstrap, es un framework originalmente creado por Twitter, que permite crear
interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la
interfaz del sitio web al tamao del dispositivo en que se visualice. Es decir, el sitio
web se adapta automticamente al tamao de una PC, una Tablet u otro
dispositivo. Esta tcnica de diseo y desarrollo se conoce como responsive
design o diseo adaptativo.
El beneficio de usar responsive design en un sitio web, es principalmente que el
sitio web se adapta automticamente al dispositivo desde donde se acceda. Lo
que se usa con ms frecuencia, y que a mi opinin personal me gusta ms, es el
uso de media queries, que es un mdulo de CSS3 que permite la representacin
de contenido para adaptarse a condiciones como la resolucin de la pantalla y si
trabajas las dimensiones de tu contenido en porcentajes, puedes tener una web
muy fluida capaz de adaptarse a casi cualquier tamao de forma automtica [2].
PHP
Es un lenguaje de cdigo abierto muy popular, adecuado para desarrollo web y
que puede ser incrustado en HTML. Es popular porque un gran nmero de
pginas y portales web estn creadas con PHP. Cdigo abierto significa que es de

uso libre y gratuito para todos los programadores que quieran usarlo. Incrustado
en HTML significa que en un mismo archivo vamos a poder combinar cdigo PHP
con cdigo HTML, siguiendo unas reglas.
PHP se utiliza para generar pginas web dinmicas. Recordar que llamamos
pgina esttica a aquella cuyos contenidos permanecen siempre igual, mientras
que llamamos pginas dinmicas a aquellas cuyo contenido no es el mismo
siempre. Por ejemplo, los contenidos pueden cambiar en base a los cambios que
haya en una base de datos, de bsquedas o aportaciones de los usuarios, etc.
El lenguaje PHP se procesa en servidores, que son potentes ordenadores con un
software y hardware especial [3].
Photoshop
Adobe Photoshop CS5 es una de las ms famosas y utilizada herramientas para la
edicin de fotografas que puedes encontrar en la actualidad, esta te permite
retocar y transformar tus imgenes y fotografas e incluso de pintura, con una
enorme calidad visual que se encuentra optimizada en este programa.
Esta aplicacin se ha convertido para muchos profesionales, en su propio taller
fotogrfico virtual, puesto que esta te proporciona un lienzo sobre el cual puedes
trabajar tantas imgenes como desees, utilizando el bitmap (mapa de bits de
mltiples capas) en la cual cada pixel almacena una importante profundidad de
color debido a que contiene una gran cantidad de bits de color, de esta manera la
calidad de la imagen se ve enormemente potenciada y el resultado, es una nitidez
que resulta casi perfecta [4].
WampServer
Es un entorno de desarrollo web que nos va a permitir tener nuestro propio
servidor

host

local

(instalado

en

nuestro

ordenador).

Es usado (entre otros) por desarrolladores y/o programadores para realizar

prcticas de sus proyectos web antes de subirlos al servidor web en internet.

Caractersticas:
Manejo de Bases de datos con MySQL
Software para servidor web Apache
Software para poder programar script con PHP (generalmente)
Permite el manejo sencillo de Bases de Datos con PHPMyAdmin y
SQLiteManager
Es completamente gratuito [5].
Sublime Text
Sublime Text es un editor de cdigo multiplataforma, ligero y con pocas
concesiones a las florituras. Es una herramienta concebida para programar sin
distracciones. Su interfaz de color oscuro y la riqueza de coloreado de la sintaxis,
centra nuestra atencin completamente.
Sublime Text permite tener varios documentos abiertos mediante pestaas, e
incluso emplear varios paneles para aquellos que utilicen ms de un monitor.
Dispone de modo de pantalla completa, para aprovechar al mximo el espacio
visual disponible de la pantalla [6].
Servidor
En informtica, un servidor es un tipo de software que realiza ciertas tareas en
nombre de los usuarios. El trmino servidor ahora tambin se utiliza para referirse
al ordenador fsico en el cual funciona ese software, una mquina cuyo propsito
es proveer datos de modo que otras mquinas puedan utilizar esos datos.
Un servidor sirve informacin a los ordenadores que se conecten a l. Cuando los
usuarios se conectan a un servidor pueden acceder a programas, archivos y otra
informacin del servidor.
En la web, un servidor web es un ordenador que usa el protocolo http para enviar
pginas web al ordenador de un usuario cuando el usuario las solicita [7].
Visual Studio

Visual Studio es un conjunto completo de herramientas de desarrollo para la

generacin de aplicaciones web ASP.NET, Servicios Web XML, aplicaciones de
escritorio y aplicaciones mviles. Visual Basic, Visual C#y Visual C++ utilizan
todos el mismo entorno de desarrollo integrado (IDE), que habilita el uso
compartido de herramientas y hace ms sencilla la creacin de soluciones en
varios lenguajes. Asimismo, dichos lenguajes utilizan las funciones de .NET
Framework, las cuales ofrecen acceso a tecnologas clave para simplificar el
desarrollo de aplicaciones web ASP y Servicios Web XML [8].
Base de Datos
Una base de datos es una entidad en la cual se pueden almacenar datos de
manera estructurada, con la menor redundancia posible. Una base de datos
proporciona a los usuarios el acceso a datos, que pueden visualizar, ingresar o
actualizar, en concordancia con los derechos de acceso que se les hayan
otorgado. Se convierte ms til a medida que la cantidad de datos almacenados
crece.
Una base de datos puede ser local, es decir que puede utilizarla slo un usuario
en un equipo, o puede ser distribuida, es decir que la informacin se almacena en
equipos remotos y se puede acceder a ella a travs de una red. La principal
ventaja de utilizar bases de datos es que mltiples usuarios pueden acceder a
ellas al mismo tiempo [9].

4. DESCRIPCIN DETALLADA DE LAS ACTIVIDADES REALIZADAS

En mis prcticas profesionales, realic 2 proyectos, un sitio web, y una aplicacin
de escritorio en C# llamada Timesheet.
En el siguiente apartado, explicar las actividades que realic para llevarlos a
cabo, junto con sus respectivos procedimientos, Dicha explicacin ser general, ya
que no se entrarn en detalles especficos como lgica del cdigo.
Sitio Web para la empresa
En primer lugar, ya despus de ver las necesidades de la empresa, se comenz a
trabajar en el sitio web. Iniciando con bosquejos para diseos como se muestra en
la figura 4.1, con la herramienta Balsamiq, los cules fueron expuestos en
diapositivas como se observa en la figura 4.2 a mi asesor de prcticas en la
empresa.
Mientras realizaba bosquejos, me decid a comenzar a buscar imgenes
adecuadas para la pgina, en el tiempo que esperaba respuesta por parte del
asesor.

Figura 4.1. Bocetos Web

Figura 4.2. Exposicin de Bocetos

Di por terminada la pgina principal (INDEX) figura 4.3, an como prototipo. El
siguiente paso fue hacer anlisis sobre cuantas ventanas requerira el sitio web,
para mostrar toda la informacin, bien estructurada y cada concepto de la
empresa, de forma visible.

Figura 4.3. Pgina Index

En cuanto al contenido que llevara el sitio, mi asesor en la empresa, me

proporcion un documento tipo currculum empresarial, con toda la informacin
necesaria, lo nico que yo necesitaba de ellos, aparte de la informacin, sera
cmo acomodar dicha informacin en el sitio.
Finalmente conclu el anlisis del nmero de ventanas.

Seccin de Nuestro trabajo subdividido en 3 secciones->

Nuestros servicios, Nuestros Proyectos, Nuestros Clientes.

Seccin Acerca de
Seccin Contacto
Vnculo a la pgina en idioma ingls.

En cada fase del proyecto, me daba un tiempo, en buscar imgenes y editarlas. El

logo de la empresa me fue proporcionado, solo trabaj en l para redimensionar la
imagen

para

que

estuviera

de

acuerdo

la

pgina.

Para la edicin de algunas imgenes utilic Adobe Photoshop CS5

Terminado lo anterior, hice enfoque en poner en marcha la ventana de contacto,
que se muestra en la figura 4.4, la cual el cliente se contactara con la empresa.
Para ello, en conjunto HTML Y CSS, utilic PHP. Adems fue de gran apoyo el
servidor que la carrera de Ingeniera en sistemas de informacin, proporciona los
estudiantes, ya que en este servidor hice todas mis pruebas, para que funcionara
correctamente la pgina, ya en un servidor, y darme una imagen de cmo ser en
un servidor comprado por la empresa.
Al mismo tiempo, y como la empresa requera el sitio web tambin en ingls, me
dediqu a ajustar todo del espaol al ingls,

para en caso de que entraran

clientes del extranjero, tuvieran la facilidad de verla en su idioma. Sin embargo,

los ajustes siempre se daban ms y ms, corrigiendo pequeos errores, sean
ortogrficos, de direccionamiento de ventanas, del formulario de contacto, entre
otras.

Figura 4.4. Ventana Contacto

Finalmente, hice la ltima revisin cargando el sitio a mi servidor, para ver su

funcionamiento, obviamente, mostraba a mi asesor avances y entre ambos,
llegbamos a conclusiones para dar o no cambios al sitio.
Entonces procedimos a cargar el sitio web, al servidor de la empresa.
Concluido el sitio web, se continu con el desarrollo la aplicacin de escritorio.

Aplicacin TimeSheet
Para la utilizacin del TimeSheet, era necesario tener un usuario y contrasea con
el cual podran ingresar, ver y manejar su informacin personal, en caso del
gerente, podra ver y manejar su informacin personal, as como ver la de sus
trabajadores. Todo mediante una interfaz como se muestra en la figura 4.5.

Figura 4.5 Interfaz TimeSheet

De tal manera, para que la aplicacin fuera lo suficientemente productiva, se cre

con varias ventanas como se muestran en la figura 4.6, visto desde la interfaz de
Visual Studio, para que cada una de ellas, hiciera una accin diferente.

Figura 4.6

Ventanas con
funciones vistas desde Visual Studio

Toda la informacin que se genera, se guarda y se toma desde la Base de Datos,

(ver figura 4.7). La base de datos funciona en conjunto con la aplicacin. Cualquier
movimiento que se haga de registro o eliminacin de informacin, por parte del
trabajador o del gerente, se registrar en la base de datos.
La aplicacin cuenta con dos privilegios de usuarios:

Administrador
No-Administrador

Figura 4.7 Base de datos

El privilegio de Administrador es el que tendr acceso no solo al registro y acceso

a su informacin personal, porque tambin el gerente debe de registrar sus horas
de trabajo, proyectos, gastos entre otros datos, si no tambin puede acceder,
solamente, a ver los registros personales de los trabajadores. Esto es con el fin de
que el gerente revise y verifique sus actividades como trabajador.
La interfaz cuando se accede en administrador o no-administrador son distintas,
la interfaz del gerente se muestra en la figura 4.8.

Figura 4.8. Interfaz de administrador

Como mencion, el administrador tambin podr, al igual que los
trabajadores, registrar su informacin personal, gastos, horas de trabajo,
entre otros datos. Es en esta opcin en donde podr realizarse.

Registro personal:
Esta accin enva otra ventana, esta ventana se puede ver en la figura 4.9
la cual permite decidir qu registros quiere realizar el administrador.

Figura 4.9. Interfaz no-

administrador.

Ver Gastos:
Esta opcin enva al administrador a revisar todos los gastos que se han
realizado por parte de los trabajadores, ya sea desde comprar un boleto de
avin, hasta comprar una soda.
Como se ve en la figura 4.10, la informacin desplegada muestra qu
trabajador realiz gasto, as como la fecha, el monto, el tipo de moneda, en
qu se realiz el gasto y la descripcin del mismo.

Figura 4.10. Gastos realizados por el usuario

Esta informacin, puede ser enviada a un archivo Excel, para su manipulacin, si
es que el administrador lo desea, aun as, si edita la informacin, esta no se
reflejar en la base de datos.

Registros/Consultas/Horas.
La ventana de la figura 4,11, a la que enva esta accin, es donde el
administrador tiene el panorama de su empresa, esto es, tiene a la vista el
total de sus empleados en esta la tabla y tambin las horas trabajadas
sobre proyecto de cada empleado.

Figura

4.11.

Lista

de
empleados y horas trabajadas de cada empleado.

Crear Nuevo:
La figura 4.12, es la interfaz la cual permite al administrador generar un
nuevo campo para un nuevo empleado.

Figura 4.12. Registrar Nuevo empleado.

No solamente puede ver, tambin puede editar dicha informacin, e incluso
eliminarla.

La

cual

se

muestra

en

la

figura

4.13.

Supongamos que un trabajador, asciende al puesto de gerente, no habr

necesidad de crear un nuevo usuario, simplemente se podr editar su privilegio
de usuario en esta ventana.

Figura 4.13. Editar registro de empelados

Ver/Registrar Proyecto
Para la creacin o edicin de proyectos, el administrador accede a la
interfaz de la figura 4.14
En muchas empresas se trabaja en proyectos, es por eso que fue necesario
por parte del gerente, aadir la ventana de proyectos. Como se aprecia en
la figura 4.14, se listan los proyectos en los que la empresa est trabajando,
trabaj, y est por iniciar, incluyendo la fecha.

Figura 4.14.Interfaz de edicin de proyectos

Dar permiso

Lo ltimo por parte del administrador, es la opcin Dar permiso, como se muestra
en la figura 4.15.

Figura 4.15. Interfaz para dar permisos.

Mi asesor de prcticas en la empresa quera una manera de que los registros que
crearan sus trabajadores, gastos, horas de trabajo, tuvieran lmite de edicin de
una semana. Cada semana el trabajador registra sus cosas en las que trabaj
dicha semana, al igual que sus gastos, es ah cuando el gerente interviene para
verificar si verdad lo que el comenta.
Esto quiere decir que al finalizar la semana, no puedan hacer cambios en sus
registros de dicha semana, a menos, que el gerente les otorgue el permiso de
hacer tales ediciones.
Pero la pregunta es, Cmo sabe el gerente, que sus trabajadores no mienten en
la

informacin

que

capturan

en

el

sistema?

Simplemente, porque hay confianza entre sus trabajadores y el gerente.

Bueno, por ms simple que parezca la respuesta, es verdad.
En el privilegio no-administrador, se tienen solamente 2 opciones, Gastos y
Horas tal como se muestra en la figura 4.16:

Figura 4.16. Interfaz no-administrador.

Gastos
El no administrador puede ver, registrar, editar y borrar sus gastos
efectuados en una semana, introduciendo la informacin que se muestra en
la figura 4.17.
Como he mencionado anteriormente, el administrador tiene acceso a esta
informacin por parte del no-administrador.

Figura 4.17. Registro y edicin de gastos personales.

Horas Semanal, interfaz Timesheet

Este punto es lo que en realidad le interesaba a la empresa tener, sin
embargo, las ideas y mejores fueron llegando, y el sistema termin siendo
lo que se ha visto en este documento.
Es en esta seccin y como se aprecia en la figura 18 donde el usuario
registra sus horas de trabajo, y el proyecto en el cual realizo esas horas.

Figura 4.18. Interfaz para el registro de horas de trabajo personales.

Resultados obtenidos
Al trmino de estos proyectos los resultados fueron satisfactorios, ya que durante
el desarrollo de estos pude participar en un proceso significativo dentro de la
empresa pudiendo concretar los objetivos planteados, permitiendo as, que los
procesos y la imagen de la empresa sufrieran cambios positivos.
Como acabo de mencionar, el sitio web, ha ofrecido a la empresa una manera
diferente de llegar a sus futuros clientes, no solo locales, sino tambin
internacionales, ya que un sitio web, no tiene fronteras.
Con el diseo de la pgina web para la empresa, sus ventas tienen la posibilidad
de aumentar, gracias a las solicitudes de informacin que se hacen mediante la
seccin de contacto.
Con la pgina web, dejar de ser invisible, de cierta manera, para las personas
que tratan de encontrarla por medio del internet. Cada vez hay ms clientes que
estn aprendiendo a investigar en lnea antes de comprar.

De igual manera result la aplicacin TimeSheet, sin lugar a dudas mejor y

agiliz el proceso de control de horas y trabajadores, ofrecindole a la empresa
mayor comodidad y rapidez.
A continuacin se describen brevemente los beneficios especficos de la aplicacin
para la empresa
Ya que la aplicacin ser de escritorio y de manera local, sta puede ser ms
compleja y robusta, esto quiere decir que no hay necesidad de limitarse al estarla
creando, ya que todo depende del equipo con el que se cuenta (computadora,
etc), y no de algn servidor o nube el cual te puede limitar, ya sea capacidad de
almacenamiento que requiera la aplicacin, requisitos para ejecutarse, etc.
Tiempo de respuesta rpido por parte de la aplicacin: al ejecutar una accin, la
aplicacin comienza su ejecucin en el mismo equipo, y no pide ni espera
respuesta de otro lugar.
Mejoras en la seguridad: aunque sea poca la diferencia entre web y escritorio, una
aplicacin de escritorio tiende a ser ms segura, ya que es una aplicacin interna
y no est expuesta al exterior.
Pero esto no termina aqu, el haber creado el sistema de registro de empleados no
solo favorecer a esta parte de la empresa, esto abre las puertas a que se
implementen ms y mejores sistemas de informacin en la organizacin, esto es
porque ya confan en estos sistemas y su funcionalidad, y esto abre las puertas a
seguir mejorando.

5. ANLISIS DE LA EXPERIENCIA ADQUIRIDA

Obtener nuevos conocimientos nunca es suficiente, desde un principio, la idea de
realizar prcticas profesionales en alguna empresa me deca que era una gran
oportunidad por la que todos pasamos, para adentrarnos en empresas y conocer
de ellas. El haber realizado mi estancia en HESA. Innovation and control systems
S. de R.L. de C.V. fue beneficioso para la organizacin como para mi persona. Ha
sido una gran experiencia ya que me dieron una excelente oportunidad de
aprender cosas nuevas, y fortalecer esas cosas ya saba.
En lo que a m respecta, mis proyectos realizados en prcticas fueron producto de
las actividades y enseanzas que me ofreci la carrera y sus materias. Ambos
proyectos se fueron hechos principalmente pensando en su funcin, fue una de las
cosas aprend en los cursos de la carrera.
Hubo momentos en los que realmente pensaba y me deca a m mismoNo
lograr hacerlo. Vea el Proyecto como algo muy difcil para m, y con la presin
inminente que haba de tener que entregar resultados, fue un momento que tuve
que reflexionar mucho, y me puse bien las pilas, porque tena que lograr mi meta
de terminar lo establecido. A fin de cuentas, despus de largas horas de leer, ver
videotutoriales etc, el resultado fue bueno, algo que no esperaba que yo tuviera la
habilidad de realizar.
La forma de trabajo que se desempea en clase, y en prcticas, es casi la misma,
es por eso que llega el momento que te sientas de regreso a clases, solamente
que con jefe y no maestro, la manera en que se hacen las cosas respecto al
desarrollo son las mismas, lo nico que cambia son sus estndares y el lugar en el
que se realizan.

5.1 Anlisis general del proyecto

Existen muchas razones por las cuales una empresa debe contar con un sitio web.
Asimismo, para su alto desempeo y rpidos procesos, nunca hace dao alguna
aplicacin que favorezca dicho proceso.
Hoy en da los sistemas son una herramienta utilizada en todo el mundo, y nos
permite acceder a mltiples recursos, hasta conocer sobre otras empresas con
facilidad. Muchas empresas crecen exponencialmente gracias a sus sitios web y/o
se

desarrollan

rpidamente

mediante

aplicaciones

de

software.

Las empresas deben aprovechar estas herramientas para potenciar su empresa al

mximo.
En cuanto a la introduccin a la empresa HESA, el objetivo aqu era aprender de
la empresa sobre sus proyectos y posicin, lo que hacen y para quin lo hacen, y
tener una idea generalizada de la empresa para yo saber a qu me enfrentaba en
sentido de los 2 proyectos. A continuacin algunos puntos importantes durante la
realizacin del proyecto.
Recopilacin de informacin:
Fue necesaria la recopilacin de informacin para ver qu es lo que se
requera para realizar ambos sistemas. Esto fue proporcionado por
encargado de prcticas en la empresa. Comentando qu funciones quera

que realizara y qu informacin debera llevar.

Anlisis de requerimientos:
Al realizar el anlisis tuve la idea tal y como debera de quedar el producto
final. Realizando pruebas para verificar su correcto funcionamiento.

5.2 Anlisis de los objetivos de las prcticas

A continuacin se describe el anlisis de varios de los puntos contemplados en los
objetivos de mis prcticas profesionales.

Diseo de bosquejos: Se realizaron aproximadamente 3 bosquejos, para la

realizacin de la pgina web, desde posicin de imgenes, formatos de

textos etc.
Toma de requisitos para el TimeSheet: comentamos en junta, los atributos
que el proyecto contendra, privilegios de usuario, acciones de ventanas,

funciones.
Capacitacin Workbench: el objetivo era adentrarme a este software para la

administracin de las tablas en la base de datos de la aplicacin.

Diseo en Photoshop: realizar diferentes ediciones a imgenes desde el
logo de la empresa, hasta imgenes que contendra el cuerpo de la pgina

web, as como tambin de la aplicacin.

Capacitacin del Hosting: ver la funcionalidad del hosting para la

administracin de la pgina web, y realizar las pruebas necesarias.

ltimos cambios: Conformen avanzaba con el proyecto web, se me daban
instrucciones de realizar ciertos cambios al sitio, mejora de imgenes,
textos, etc. Asimismo, el TimeSheet requera ms informacin, mejoras e
integrarle nuevas funciones, las cuales se realizaron correctamente.

5.3 Anlisis de las actividades realizadas

Como anlisis de actividades, se puede decir que cada una de ellas se integra a
ambos proyectos que se realizaron.
A pesar de que no tena conocimiento de algunas herramientas y dems, siempre
se tuvo la oportunidad para administrar tiempos para investigar y aprender, y as
no interferir con el tiempo de elaboracin de los proyectos.
Para la realizacin de ambos proyectos, me fueron tiles los conocimientos
adquiridos la carrera de ISI, principalmente en algunas materias que curs. Cada
una de ellas fue de gran apoyo, ya que no solo fue programacin, sino aspectos
como

recopilacin

de

informacin,

anlisis

de

requerimientos,

implementacin, entre otros, como los que se mencionan a continuacin:

Programacin Visual en internet:

diseo,

La programacin visual brinda los conocimientos necesarios para disear y

desarrollar aplicaciones con un entorno visual amigable y fcil de utilizar para el
usuario.
Los lenguajes de programacin visual tienden a facilitar la tarea de los
programadores, dado que con los primeros lenguajes de programacin crear una
ventana era tarea de meses de desarrollo y de un equipo de trabajo.
Es aqu donde en el proyecto apliqu mis conocimientos de programacin en
Visual Studio con el lenguaje C#. No solamente fue programacin, adems de
esto, esta materia me ayud a reforzar el proyecto que realic, debido a que no
solo es lo interno, si no tambin lo externo que viene siendo la interfaz de usuario,
que sea amigable, entendible y sencilla para el usuario.
Adems, fue de gran apoyo ya que las bases de datos es uno de los principales
factores que hacen que la aplicacin programada funcione eficazmente.
Sistemas de informacin basados en Web:
A pesar de ser una de mis materias favoritas a lo largo de mi carrera en ISI, fue
con esta con la que comenc a enfocarme ms al desarrollo web.
Mi idea de la realizacin de una pgina web, era muy distante a lo que en realidad
es. A principio pensaba que era algo extremadamente difcil, pero con el tiempo y
el aprendizaje del curso, me di cuenta de su simplicidad en ciertos aspectos. Y hoy
en da, ya soy capaz de hacer un sitio web yo mismo.

5.4 Anlisis de la metodologa utilizada

Terminando ambos proyectos, me di cuenta de que hubieran podido mejorarse en
muchos aspectos.
Comenzando con el sitio web, pienso que la estructura del sitio que utilic pudo
ser mucho mejor, as como su diseo.

Adems, una de las principales cosas que me hubiera gustado aadir al sitio, era
implementar el timesheet, en la misma pgina web, dos proyectos en uno.
Simplemente ingresando desde el sitio web con un usuario y contrasea y acceder
a las funciones del timesheet, creado en c# asp. La razn de no haberlo hecho de
esa manera, es que mis conocimientos en asp eran muy escasos, por lo que no
tuve tiempo de ponerme a experimentar cuando tena fecha de entrega
establecida, por lo tanto lo hice por separado.
En cambio con el timesheet, me parece que qued como deba y queran, aunque
en cuestin de diseo, pudo ser mucho mejor, ya que no me enfoqu demasiado
en que quedara bonito, sino funcional. El lenguaje en que lo cre me pareci
bien, ya que al principio la idea era hacerlo con el lenguaje Java, al final optamos
por C#, el cual es mucho ms sencillo de manejar.
A pesar de esto, durante la creacin del proyecto, me hubiera gustado que
funcionara en cualquier lugar, con esto me refiero a que, si un empleado quisiera
acceder a sus reportes en Kansas, lo pudiera hacer, esta era la idea desde el
principio, pero era demasiado para m, adems de que no tena los conocimientos
para poder realizarlo de esa manera. Al final, la funcin del timesheet era solo
local, y en un solo equipo. Se hara para que funcionara de manera local, pero en
cualquier equipo de la empresa, solo que no se lleg a eso por motivos de tiempo,
y finalmente solo qued funcionando en un equipo, el cual era como el equipo de
entrada a la empresa.

6. CONCLUSIONES Y RECOMENDACIONES
Para todo estudiante el cual ha terminado esta etapa de concluir sus prcticas
profesionales, incluyndome, nos damos cuenta de que estar en un aula de clases
es cosa del pasado, en el transcurso de esta etapa, es cuando vemos cmo
funciona una empresa, porque somos parte de ella. Sin lugar a dudas, laborar en
la empresa aunque sean practicas las que realizamos, nos damos idea de cmo
es el ambiente laboral, trabajar con compaeros, socializar y estar al pendiente de
lo que el jefe solicite.
En lo personal, ese tiempo fue algo muy beneficioso para m, ya que es donde
supe mis habilidades y mi propio desempeo, fue como la prueba de si soy capaz
de estar en nombre de una empresa.
Aquellos conocimientos que yo aprend a lo largo de mi carrera, se han fortalecido
an ms.
Hay muchos puestos all afuera para que cualquiera de nosotros pueda trabajar,
sin embargo, el haber muchos puestos no garantiza que uno ser nuestro, se
requieren de habilidades las cuales la mayora del tiempo, son requisitos por parte
de la empresa. Es ah cuando se debe uno poner las pilas, y aprender aquello que
an no dominamos y sabemos, nunca es demasiado tarde para aprender, eso fue
una de las cosas que yo aprend y viv en mis prcticas profesionales.
En mi caso, con los 2 proyectos que realic, me di cuenta de mi potencial en
realidad, porque no es un proyecto escolar que tu maestro revisar, si no es algo
que tu jefe, o en este caso tambin era mi asesor de prcticas en la empresa,
ver, revisar y aprobar.
Para todos aquellos que estn por hacer sus prcticas, les recomiendo que
siempre conozcan a la empresa, cul es su giro, esto ayuda a saber qu es lo que
viene, y no hay que preocuparse, pero siempre habr algo que no sabes, y ser
cuestin de aprenderlo.

7. REFERENCIAS BIBLIOGRFICAS Y VIRTUALES

[1] http://discusionsobreglobalizacion.blogspot.mx/2006/05/la-importancia-delinternet-para-la.html
[2] http://www.arweb.com/chucherias/editorial/%C2%BFque-es-bootstrap-y-comofunciona-en-el-diseno-web.htm
[3] http://www.aprenderaprogramar.com/index.php?
option=com_content&id=492:ique-es-php-y-ipara-que-sirve-un-potente-lenguajede-programacion-para-crear-paginas-web-cu00803b&Itemid=193
[4] http://asktutorial.com/descripcion-de-photoshop-cs5-2/
[5]
http://aulasne.navarra.es/pluginfile.php/2477/mod_page/content/34/instalar_wamp.
pdf
[6] http://www.genbeta.com/herramientas/sublime-text-un-sofisticado-editor-decodigo-multiplataforma
[7] http://www.masadelante.com/faqs/servidor
[8] https://msdn.microsoft.com/es-es/library/fx6bk1f4(v=vs.90).aspx
[9] http://es.ccm.net/contents/66-introduccion-bases-de-datos