UNIVERSIDAD DE SONORA

UNIVERSIDAD DE SONORADIVISIN DE INGENIERADepartamento 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 RAMREZDirector: Dr. Alonso Prez Soltero

HERMOSILLO, SONORA. SEPTIEMBRE 2015

AGRADECIMIENTOSEn 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 GENERAL1. INTRODUCCIN11.1 Breve explicacin del proyecto o actividad11.2 Objetivos31.3 Lnea metodolgica42. DESCRIPCIN DEL CONTEXTO62.1 Equipamiento e instalaciones62.2 Descripcin de la normatividad de la unidad receptora72.3 Entorno donde se ubica la unidad receptora83. FUNDAMENTO TERICO DE LAS HERRAMIENTAS Y CONOCIMIENTOS APLICADOS93.1 Breve descripcin de las herramientas de software utilizadas94. DESCRIPCIN DETALLADA DE LAS ACTIVIDADES REALIZADAS145. ANLISIS DE LA EXPERIENCIA ADQUIRIDA295.1 Anlisis general del proyecto305.2 Anlisis de los objetivos de las prcticas305.3 Anlisis de las actividades realizadas315.4 Anlisis de la metodologa utilizada326. CONCLUSIONES Y RECOMENDACIONES347. REFERENCIAS BIBLIOGRFICAS Y VIRTUALES35

18

1. INTRODUCCINA 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 actividadEn 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 WebComo 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 TimeSheetTodo 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 metodolgicaA 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 CONTEXTOLas 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 instalacionesComo 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 receptoraA continuacin se describe la normatividad de la unidad receptora donde se desarrollaron las prcticas.Poltica de calidadSer 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 FsicoLa empresa no cuenta con expansin geogrfica, se encuentran al sur de Hermosillo, Sonora. CulturalLos conocimientos que se deben tener para poder laboral aqu, son extensos, ya que todo es ingeniera, desde elctrica, mecnica, industrial, sistemas, mecatrnica entre otras. EconmicoPara ellos, la economa gira entorno a los proyectos que realizan, depende de cada proyecto, es las ganancias que ellos tienen. GeogrficoEllos se encuentran solamente en Hermosillo, Sonora (ver figura 2.1).

Figura 2.1 Ubicacin de Hesa

3. FUNDAMENTO TERICO DE LAS HERRAMIENTAS Y CONOCIMIENTOS APLICADOSLos 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 utilizadasComo 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 y 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].BootstrapBootstrap, 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].PHPEs 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].PhotoshopAdobe 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].WampServerEs un entorno de desarrollo web que nos va a permitir tener nuestro propio servidor o 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 TextSublime 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].ServidorEn 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 StudioVisual 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 DatosUna 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 REALIZADASEn 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 empresaEn 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 BocetosDi 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 a la pgina. Para la edicin de algunas imgenes utilic Adobe Photoshop CS5Terminado 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 TimeSheetPara 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 datosEl 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 administradorComo 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 usuarioEsta 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 ProyectoPara la creacin o edicin de proyectos, el administrador accede a la interfaz de la figura 4.14En 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 permisoLo 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. GastosEl 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 TimesheetEste 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 obtenidosAl 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 empresaYa 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 ADQUIRIDAObtener 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 proyectoExisten 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 prcticasA 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 realizadasComo 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, diseo, implementacin, entre otros, como los que se mencionan a continuacin:Programacin Visual en internet: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 utilizadaTerminando 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 RECOMENDACIONESPara 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-del-internet-para-la.html[2] http://www.arweb.com/chucherias/editorial/%C2%BFque-es-bootstrap-y-como-funciona-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-lenguaje-de-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-de-codigo-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