TALLER MAGIMOVILASIR/DAW/DAM MEMORIA FINAL PROYECTO WEB TALLER MAGIMOVIL CICLO FORMATIVO DESARROLLO DE APLICACIONES WEB AUTOR FRANCISCO GONZALEZ PEREZ TUTOR MARIA ROSA ARAVID MARTIN COORDINADOR JESUS VIVES CESPEDES I.E.S. Severo Ochoa Curso: 2013 / 2014 Página 1de 52 TALLER MAGIMOVIL ASIR/DAW/DAM INDICE 1. INTRODUCCIÓN .............................................................................................. 3 1.1. INTRODUCTION (ENGLISH) ........................................................................ 8 2. ALCANCE DEL PROYECTO ...........................................................................11 3. ESTUDIO DE VIABILIDAD .............................................................................. 12 3.1. Estado actual del sistema ..............................................................................12 3.2. Requisitos del cliente .....................................................................................12 3.3. Posibles soluciones.........................................................................................12 3.4. Solución elegida .............................................................................................12 3.5. Planificación temporal de las tareas del proyecto ..........................................13 3.6. Planificación de los recursos a utilizar ...........................................................13 4. ANALISIS ..........................................................................................................13 4.1. Requisitos Funcionales ..................................................................................14 4.2. Requisitos No Funcionales ............................................................................14 5. IMPLEMENTACIÓN...........................................................................................15 5.1. Configuración de la Aplicación ...................................................................... 20 6. PRUEBAS...........................................................................................................21 7. EXPLOTACIÓN................................................................................................. 21 8. DEFINICIÓN DE PROCEDIMIENTOS DE CONTROL Y EVALUACIÓN.......... 22 9. ASPECTOS TRANSVERSALES DE PREVENCIÓN DE RIESGOS LABORALES ……………………………………………………......... 22 10. CONCLUSIONES............................................................................................ 25 11. PROPUESTAS DE MEJORA.......................................................................... 26 12. BIBLIOGRAFÍA................................................................................................ 26 13. ANEXOS.......................................................................................................... 27 MANUAL DEL USUARIO ..................................................................................... 27 I.E.S. Severo Ochoa Curso: 2013 / 2014 Página 2de 52 TALLER MAGIMOVIL ASIR/DAW/DAM 1. INTRODUCCIÓN Click Soluciones Empresariales S.L. es una empresa dedicada a la informatización de la pyme y la gran empresa que ha desarrollado un programa de gestión para los Talleres de chapa y pintura, multimarca o servicio oficial. Click EuroTaller es una herramienta potentísima a la hora de la gestión integral del taller, para ello cuenta con herramientas internas,integraciones y enlaces directo con otros programas. Sin duda es un referente para los talleres. Aquí mostramos las características principales de Click EuroTaller: Cita Previa. Control revisiones periódicas con avisos. Control multi serie de OR con rentabilidades separadas. Control de revisiones periódicas con avisos periódicos. Mantenimiento de kits de reparación y códigos de mano de obra rápidos. Precios y descuentos personalizados por compañías aseguradoras. Obtención de rentabilidades por aseguradora. I.E.S. Severo Ochoa Curso: 2013 / 2014 Página 3de 52 TALLER MAGIMOVIL ASIR/DAW/DAM Venta rápida a clientes mediante albaranes y venta de vehículos nuevos y usados. Recepción de albaranes de proveedor con desvío automático de recambios a la OR; recepción posterior de la factura del proveedor, y comparativa siguiente de los albaranes que se recepcionaron y los facturados por el proveedor, para averiguar incorrecciones en las facturas de compras. Ilimitadas facturas de peritaciones para una sola orden de reparación y dentro de un mismo parte de trabajo. Incremento automático de un porcentaje definido por el usuario al coste de pintura de cada orden de reparación, en concepto de anexos de pintura. Determinación de qué recambios de especificarán en la OR y en la factura para aquellos recambios que colocamos en la OR y la aseguradora no los incluye en factura. Generación automática de OR desde la cita previa OR con epígrafes de mano de obra desglosada en tiempos reales y de facturación, recambios, material de pintura, trabajos subcontratados, informe pericial.... Impresiones de resguardos de depósito y OR para taller (con códigos de barra) Vistas preliminares de todos los documentos y exportación a todos los formatos más utilizados, excel, word, txt, rft, pdf... Emisión automática de facturas de las franquicias. El Programa Gestión Taller Click EuroTaller envía los pedidos a proveedores vía e-mail, de forma automática, y directamente desde la propia OR. Envíos de facturas, presupuestos, notas de venta, resguardos, etc. por e-mail. Amplio seguimiento de procesos fiscales anexos a la facturación con seguimientos de facturas e clientes pendientes de cobro, vencimientos, listados oficiales de Iva. Así como de los relacionados con facturas de proveedores y a acreedores. Obtención de resultados de facturación desglosados por partidas con porcentajes representativos de cada partida respecto al volumen facturado. I.E.S. Severo Ochoa Curso: 2013 / 2014 Página 4de 52 TALLER MAGIMOVIL ASIR/DAW/DAM Gestión automática de envío de E-mail y mensajes SMS, de forma independiente y agrupada de forma masiva por filtros, para clientes, OR y proveedores. Visor de documentos PDF integrado en la Fotoperitación de la OR, y también de forma independiente. Calculo automático de los costes del taller: costes independientes por operario, según categoría / horas de jornada, y costes generales del taller, contemplando gastos estructurales, gastos fijos, gastos semifijos, mano de obra directa, mano de obra indirecta, previsión de horas productivas de toda la plantilla… Todo de forma automática y en breves segundos. (Esto le permitirá tener una visión real y objetiva de los costes del taller que le permitirá establecer un precio de venta público óptimo). Control de los vehículos de sustitución y cortesía que disponemos en el taller, así como la emisión automática del contrato de vehículos de sustitución y cortesía asociado a la OR, con su posterior seguimiento. Calculo automático de incentivos a pagar a los operarios, porcentajes de productividad, porcentajes de rentabilidad. Control de reparaciones por niveles de daño, (superficial, leve, medio y fuerte). Obtención de resultados mediante estadísticas generales de mano de obra, repuestos, pintura, trabajos subcontratados… así como estadísticas avanzadas de rentabilidad, productividad, eficiencia, todas desglosadas por partidas independientes dentro del taller... Control tiempos: Clcik EuroTickado: módulo control presencia, entradas y salidas. Tiempos asociados a cada OR para obtener el tiempo productivo y su relación el improductivo. Análisis ocupación y rentabilidad. Click EuroHuella, obtenga la máxima precisión en el control de tiempos mediante la huella digital. I.E.S. Severo Ochoa Los tiempos asignados se incluyen en el histórico de las OR. Curso: 2013 / 2014 Página 5de 52 Mensaelect. controlándose así el rendimiento de las OR para saber si se gana o pierde tiempo en las peritaciones. Los datos de consumos de pintura. Color Net Pro. tanto de material a facturar como material real.S. que les permiten obtener mejor rentabilidad y calidad. mejorando su eficiencia. permitiendo un control de gastos y rentabilidad de cada pintor. opcionalmente. inspeccionando el vehículo… Integraciones e enlaces: Click Soluciones ha realizado un importante esfuerzo en el Programa Gestión Taller Click EuroTaller para ofrecer a sus clientes integraciones y enlaces con importantes soluciones para los talleres. Delfin Nexum Call Center. reduciendo el tiempo de facturación de forma significativa. Movilidad: Trabaje desde un tablet pc abriendo la OR en cualquier lugar del taller.E. Severo Ochoa Curso: 2013 / 2014 Página 6de 52 . TecDoc on-line. Más eficiencia y menos errores. Captura automática de los costes de pintura de cada OR.TALLER MAGIMOVIL ASIR/DAW/DAM Se relacionan con los tiempos baremados por los programas de herramientas de valoración y por los asignados en las peritaciones. la facturación con esta compañía de asistencia en viaje queda integrada. Asitur. costes y pesadas se vuelcan en la OR. ahorrando tiempo y reduciendo errores. flotas y aseguradoras. Las herramientas de valoración de Audatex y Gt Estimate se pueden integrar. integración para la gestión de esta compañía que gestiona y distribuye reparaciones de empresas de renting. para presupuestar y facturar. Seguimiento y comparativa a tiempo real entre los tiempos de las OR y de las peritaciones. para avisar a los operarios y al jefe de taller si hay una desviación negativa. el nuevo sistema de liquidación con las aseguradoras está integrado. I. ContaPlus. balanza de pintura de Dupont. Severo Ochoa Curso: 2013 / 2014 Página 7de 52 . A demás el taller va contar con una aplicación Android . El cliente mediante un usuario y una clave que el taller le asignará.No obstante a parte del Area de clientes.S. podrá consultar todo su histórico de reparaciones filtrado por fecha y matrícula. .TALLER MAGIMOVIL ASIR/DAW/DAM Debido a que una gran cantidad de empresas están utilizando cada vez mas internet para darse a conoce. ofrece la posibilidad a todos los Talleres que dispongan de “Click EuroTaller” una plataforma web donde ofrecer sus servicios a sus clientes y a demás mostrar un histórico de reparaciones. Click Soluciones Empresariales S.E. evitando así tenerlo en formato físico.L. podrá si quiere imprimir su histórico. la web muestra la información de los servicios que el taller oferta. introduciendo en esta aplicación la matrícula le aparecerán los datos del cliente. que le permitirá saber de quien es el coche que ha sido reparado. Por este motivo se ha desarrollado este sistema web que hoy en día muy pocos talleres ofrecen.Toda la información del histórico de reparaciones será rescatada de la base de datos de Click EuroTaller. I. It's certainly a reference to the workshops.1.S. Determining which refills specified in the PO and the invoice for those parts that we place in the OR and the insurance not included in the bill. Control periodic reviews with warnings. Unlimited peritaciones bills for a single repair order and within the same part of job. Custom Pricing and discounts by insurance companies. INTRODUCTION (ENGLISH) Click Business Solutions S. OR multi series returns with separate controls. Click EuroTaller is a powerful tool when it comes to the overall management of the workshop therefore has internal tools. is a company dedicated to the computerization of the SME and large company that has developed a management program for paint and body shops. I. Auto Increment a user-defined percentage of the cost of painting each repair order. Control periodic reviews with periodic announcements. integrations and direct links to other programs.TALLER MAGIMOVIL ASIR/DAW/DAM 1. by way of attachments painting. after receipt of the invoice from the vendor. and follow-ing comparison of the invoices that are received replies and invoiced by the supplier. Quick Sale by clients invoices and selling new and used vehicles.E. Preparation of returns by insurance. Severo Ochoa Automatic generation of OR from the appointment Curso: 2013 / 2014 Página 8de 52 . to find mistakes in the shopping bills. Receiving slips provider with automatic forwarding to spare OR. Here are the main features of Click EuroTaller: Appointment. L. multi or department. Maintenance and repair kits codes work hand fast. excel. As well as the related supplier invoices and creditors. rates of return. and overall cost of the workshop referred by blowing structural costs. OR and suppliers. official lists of customers Iva fiscal processes. Extensive follow-up of attachments to the follow-ups billing invoices and accounts receivable. semi-fixed costs. provision of productive hours of the entire insole . Control of repairs for damage levels (superficial.S. sales notes. and the automatic issuance of contract replacement vehicles and courtesy to the OR associated with subsequent follow-up. parts. I. quotes. word.. The Program Management Workshop Click EuroTaller sends orders to suppliers via e-mail. hand indirect labor.. paint material. Viewer PDF documents Fotoperitación integrated into the OR. receipts. automatically and directly from the OR itself. report peri-cial work . Severo Ochoa Curso: 2013 / 2014 Página 9de 52 . mild.E... Delivery of invoices. Automatic Invoicing franchise. Automatic calculation of incentive to pay the workers. Automatic calculation of the costs of the workshop: independent operational costs by river.TALLER MAGIMOVIL ASIR/DAW/DAM OR with sections broken hand in real time and invoicing. txt.. etc. pdf . rft.. by category / times of day. Management automatically send e-mail and SMS messages so independent and massively clustered filters for clients. all automatically and in a few seconds. medium and strong tea). and also independently. Getting Results disaggregated games with representative percentages of each item with respect to billing invoice volume. Control of replacement vehicles and courtesy that we have in the workshop.. subcontracted work. by e-mail. (This will give you a real and objective vision workshop costs allowing you to set a price of optimal public sale). fixed costs. labor directa. maturities. Print deposit slips and Workshop OR (coded rod) Previews of all documents and export to all over-mats used.. productivity rates. I. billing with this company travel assistance is given integration.. productivity. Severo Ochoa Curso: 2013 / 2014 Página 10de 52 . efficiency. paint jobs .S. • The assessment tools and Gt Audatex Estimate can be integrated optionally budgeting and billing. insurers and fleets. for high precision control by means of digital footprint times. More efficiency and fewer errors. • ContaPlus. saving time and reducing errors.E. Automatic capture of the costs of painting each OR both material billed as real material.. Occupancy and profitability analysis. • Color Net Pro...TALLER MAGIMOVIL ASIR/DAW/DAM Getting Results by general statistics for labor. • The time limit is included in the history of the OR. contract and ad-vanced statistics of profitability. Consumption data paint. Integrations and links: • Click Solutions has made a significant effort in the Program Management Workshop Click EuroTaller to provide customers with important links integrations and solutions for workshops. heavy costs and empty into the OR. input and output module. parts. all broken down by separate items in the shop . • Delfin Nexum Call Center integration for managing the company that manages and distributes repairs leasing companies.. Mobility: • Working from a tablet pc opening OR anywhere in the workshop-ins peccionando the vehicle . enabling them to get better performance and quality. • They relate to the points system times for programs and assessment tools in the appraisals assigned and being controlled performance of the OR to see if it gains or loses time in peritacio-tions. • Monitoring and comparative real-time between the time of the OR and appraisals. allowing for cost control and profitability of each painter.. balance Dupont paint. • Asitur. • Click EuroHuella. to alert operators and foreman if there is a negative deviation. • on-line TecDoc. Times associated with each OR for uptime and their relationship to im-productive. improving its efficiency. Control time: • Clcik EuroTickado: presence control. ALCANCE DEL PROYECTO Esta aplicación web se ha desarrollado con el fin de facilitar a los clientes de los talleres mecánicos todo su histórico de reparaciones sin necesidad de disponer un libro físico. thus avoiding having it in physical form. La web estará alojada en un servidor. Para la obtención de esta información se pone a disposición de los clientes que usen los servicios del taller una plataforma web donde podrán hacer la consulta de si histórico de reparaciones y su posterior impresión en el caso de que quieran. toda la información que le aparezca al cliente en la plataforma web se obtendrá del programa de gestión “Click EuroTaller” .S. typing on this enrollment application the customer data will appear. Because a lot of companies are using the Internet more and more to make themselves known. A demás la persona asignada a la administración de la web podrá dar de alta y borrar datos de los clientes. reducing billing time significantly.No Area customers.TALLER MAGIMOVIL ASIR/DAW/DAM • Mensaelect. The other workshop will have an Android application that lets you know who the car is repaired. Click Business Solutions SL offers the possibility to all the workshops that have "Click EuroTaller" a web platform to offer their services to their clients and others show a history of repairs. the new system with the insurance settlement is integrated. 2. The client using a username and password assigned to the workshop.Toda historical information of repairs will be rescued from the database Click EuroTaller. I.E. Severo Ochoa Curso: 2013 / 2014 Página 11de 52 . you can view all your historical repair filtering by date and registration. website displays the information training services that offer the workshop. if you want to be able to suppress his however im part histórico. For this reason we developed this web-based system that today very few work-shops ofrecen. 1. 3. Solución elegida Nos hemos decantado por ofrecer a los clientes del taller un espacio donde puedan consultar su histórico I.4. Posibles soluciones Son muchos los talleres de reparaciones que disponen de pagina web ofreciendo únicamente sus servicios. 3.S. 3. y ningunos los que ofrecen a sus clientes toda la información de reparaciones del vehículo. Severo Ochoa Curso: 2013 / 2014 Página 12de 52 . ofrecemos a nuestros clientes de “Click EuroTaller” la posibilidad de tener una plataforma web donde el propio taller pueda darse a conocer y ofertar este servicio. Requisitos del cliente Nosotros como empresa informática ofrecemos a nuestros clientes de Click Eurotaller la posibilidad de tener una pagina web que el taller pondrá a disposición de sus clientes para que puedan consultar todo su historial de reparaciones.3.2. Estado actual del sistema Click Solucones Empresariales S. ESTUDIO DE VIABILIDAD 3.L.TALLER MAGIMOVIL ASIR/DAW/DAM 3.E. 0. Severo Ochoa Curso: 2013 / 2014 Página 13de 52 . Planificación temporal de las tareas del proyecto 3. 4.0. Hay que buscar una línea que pone bind-address = 127. La base de datos que utilizar el programa “Click Eurotaller” es la que va a ser consultada por los clientes para ver su historial.E. Planificación de los recursos a utilizar Debido a ser un nuevo sistema para el personal del taller.1 y sustituirla por esta otra: I. ANALISIS 4. Requisitos Funcionales Es preciso que el taller disponga de conexión a internet. ya que la aplicación estará alojada en un servidor web. Para conseguir la conexión desde el exterior hay que seguir los siguientes pasos En primer lugar hay que modificar el archivo my. Este archivo contiene la configuración de MySql.1.S.6.ini que se encuentra en la carpeta bin de mysql. Esta base de datos se encuentra en un equipo de la red local del taller.TALLER MAGIMOVIL ASIR/DAW/DAM 3.5. será necesario curso de formación de la aplicación. para ello es necesario que el diseño de la web sea claro.0. Son dos instrucciones: mysql_connect(“ip_pública”. Es la que llamamos anteriormente IP_Local. o bien rellenarla con la dirección IP del ordenador que permitimos que se conecte. pero MySql no lo permite (aunque como todo se puede cambiar). Hay que estudiar bien el acceso para no permitir accesos u operaciones innecesarias o que no se vayan a usar. “usuario”.E.0 Lo que hemos hecho ha sido decirle a MySql que acepte las conexiones desde cualquier dirección IP. El protocolo usado por MySql es TCP.0.. Requisitos No Funcionales El objetivo de la web es que el cliente pueda consultar los servicios que ofrece el taller y a demás el histórico de reparaciones. Severo Ochoa Curso: 2013 / 2014 Página 14de 52 . mysql_select_db(“Base_de_Datos”). Puertos externos: Aquí habrá que especificar el rango de puertos de entrada a la página. NAT… Dentro de la opción hay que rellenar los siguientes campos: IP remota: Se puede dejar en blanco en caso de que se vaya a hacer las conexiones desde cualquier ordenador de Internet. 4. El lugar en el que se encuentra depende del router en concreto pero suele ser en la opción Firewall. A continuación debemos modificar el firewall del equipo servidor de la base de datos y abrir los puertos del equipo. “clave”). conciso y que tenga un diseño sencillo. Port Forwarding. IP Local: Se refiere a la IP del equipo de la red que actúa como servidor de página web. Como este post no tiene como objetivo mostrar el uso del GRANT nos limitaremos a poner el comando directamente: GRANT SELECT ON BaseDeDatos. A esta la dirección la llamamos antes IP_Aplicación.S. Por seguridad recomiendo la opción segunda.Tabla TO ‘usuario’@’ip_origen’ IDENTIFIED BY ‘clave’ El último paso es la instrucción de acceso a la base de datos en Php. El penúltimo paso es dar los permisos a un usuario para que acceda a la base de datos. Ésto último es lo que vamos a hacer. Lo más intuitivo y fácil es conectarse como root. Por ejemplo: Podemos crear un usuario y darle todos los privilegios en todas las tablas de todas las bases de datos desde cualquier lugar. Puertos locales: Aquí debemos especificar los puertos que abrimos antes en el firewall del equipo. En tercer lugar debemos abrir el puerto del router para que automáticamente desvíe al equipo que hace de servidor de la base de datos todas las conexiones que se hagan. El puerto por defecto para MySql es el puerto 3306. I.2.TALLER MAGIMOVIL ASIR/DAW/DAM bind-address = 0. o bien restringirlo dejándole solamente consultar determinadas tablas de una única base de datos desde un único sitio. CSS. I. aunque ya es usado por múltiples desarrolladores web por sus avances. HTML5 especifica dos variantes de sintaxis para HTML: un «clásico» HTML (text/html). Puede ser usado en la mayoría de los servidores web al igual que en casi todos los sistemas operativos y plataformas sin ningún costo. HTML5 HTML5 (HyperText Markup Language. Todavía se encuentra en modo experimental. lo cual indica la misma W3C. El código es interpretado por un servidor web con un módulo de procesador de PHP que genera la página Web resultante. Como gestor de bases de datos se ha utilizado HeidiSQL y como entorno de desarrollo NetBeans IDE. versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web. Fue uno de los primeros lenguajes de programación del lado del servidor que se podían incorporar directamente en el documento HTML en lugar de llamar a un archivo externo que procese los datos.E.S. IMPLEMENTACIÓN El proyecto se ha desarrollado utilizando el lenguaje de programación PHP. JavaScript y jQuery. el diseño de la web utilizando HTL5. PHP PHP es un lenguaje de programación de uso general de código del lado del servidor originalmente diseñado para el desarrollo web de contenido dinámico. PHP ha evolucionado por lo que ahora incluye también una interfaz de línea de comandos que puede ser usada en aplicaciones gráficas independientes.TALLER MAGIMOVIL ASIR/DAW/DAM 5. la variante conocida comoHTML5 y una variante XHTML conocida como sintaxis XHTML5 que deberá ser servida como XML. mejoras y ventajas.HTML. Severo Ochoa Curso: 2013 / 2014 Página 15de 52 . Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo. CSS Hojas de Estilo en Cascada (Cascading Style Sheets) es el lenguaje de hojas de estilo utilizado para describir el aspecto y el formato de un documento escrito en un lenguaje de marcas. débilmente tipado y dinámico. aunque adopta nombres y convenciones del lenguaje de programación Java. aplicaciones de escritorio (mayoritariamente widgets) es también significativo. dialecto del estándar ECMAScript. esto incluye varios lenguajes basados en XML como son XHTML o SVG.E.TALLER MAGIMOVIL ASIR/DAW/DAM Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas. para poder disfrutar de todo el potencial que provee HTML5. JavaScript JavaScript (abreviado comúnmente "JS") es un lenguaje de programación interpretado. Todos los navegadores modernos interpretan el código JavaScript integrado en las páginas web. Su uso en aplicaciones externas a la web. Sin embargo Java y JavaScript no están relacionados y tienen semánticas y propósitos diferentes. Se define como orientado a objetos. por ejemplo en documentos PDF. En este último caso podrían definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo "<style>". JavaScript se diseñó con una sintaxis similar al C. implementado como parte de un navegador webpermitiendo mejoras en la interfaz de usuario y páginas web dinámicas4 aunque existe una forma de JavaScript del lado del servidor (Server-side JavaScript o SSJS). Para interactuar con una página web se provee al lenguaje JavaScript de una implementación del Document Object Model (DOM).S. Severo Ochoa Curso: 2013 / 2014 Página 16de 52 . La información de estilo puede ser adjuntada como un documento separado o en el mismo documento HTML. Se utiliza principalmente en su forma del lado del cliente (client-side). imperativo. I. se recomienda al usuario común actualizar a la versión más nueva. basado en prototipos. que permite simplificar la manera de interactuar con los documentos HTML.E. Heidi SQL te permite: La gestión y consulta de tus bases y tablas de datos a partir de una interfaz Windows ergonómica. Esta ligera aplicación gratuita ofrece una gran cantidad de funcionalidades para que la gestión de tus bases de datos se convierta en una tarea asequible. permitiendo su uso en proyectos libres y privativos. JavaScript se interpreta en el agente de usuario. Potente. jQuery. ofrece una serie de funcionalidades basadas en JavaScript que de otra manera requerirían de mucho más código. Fue presentada el 14 de enero de 2006 en el BarCamp NYC. HTML y XML. Entre otras muchas funciones. desarrollar animaciones y agregar interacción con la técnicaAJAX a páginas web. rápida y con poco gasto de recursos. posee un doble licenciamiento bajo la Licencia MIT y la Licencia Pública General de GNU v2. manejar eventos. al igual que otras bibliotecas. Severo Ochoa Curso: 2013 / 2014 Página 17de 52 . con las funciones propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio. esta herramienta. es decir.S. I. La importación de datos desde archivos de texto. que se distribuye bajo licencia GLP. al mismo tiempo que las sentencias van descargándose junto con el código HTML. sin acceso a funciones del servidor.TALLER MAGIMOVIL ASIR/DAW/DAM Tradicionalmente se venía utilizando en páginas web HTML para realizar operaciones y únicamente en el marco de la aplicación cliente. HeidiSQL MySQL es una de las bases de datos relacionales más utilizadas en Internet. jQuery jQuery es una biblioteca de JavaScript. Heidi SQL es una interfaz gráfica opens urce para la gestión simplificada de tus bases de datos MySQL locales y/o remotas. jQuery es software libre y de código abierto. La exportación de tablas de datos CSV. creada inicialmente por John Resig. manipular el árbol DOM. jQuery es la biblioteca de JavaScript más utilizada. y modelado UML. orientación a web servicies (for BPEL). compilar. Cada módulo provee una función bien definida. incluyendo herramientas de desarrollo visuales de SOA. Entre sus características se encuentra un sistema de proyectos basado en Ant. El NetBeans C/C++ Pack soporta proyectos de C/C++. el NetBeans Enterprise Pack soporta el desarrollo de Aplicaciones empresariales con Java EE 5. I. o soporte para el sistema de control de versiones. permitiéndole al usuario comenzar a trabajar inmediatamente. Severo Ochoa Curso: 2013 / 2014 Página 18de 52 . El NetBeans IDE es un IDE de código abierto escrito completamente en Java usando la plataforma NetBeans. EJB y aplicaciones móviles). El IDE NetBeans es un producto libre y gratuito sin restricciones de uso.depurar y ejecutar programas. edición. herramientas de esquemas XML. NetBeans contiene todos los módulos necesarios para el desarrollo de aplicaciones Java en una sola descarga.TALLER MAGIMOVIL ASIR/DAW/DAM La sincronización de tablas entre dos bases de datos. control de versiones y refactoring. mientras el PHP Pack.pero puede servir para cualquier otro lenguaje de programación. Todas las funciones del IDE son provistas por módulos.una herramienta para programadores pensada para escribir. La gestión de los distintos usuarios y sus privilegios. soporta PHP 5. Está escrito en Java . El NetBeans IDE soporta el desarrollo de todos los tipos de aplicación Java (J2SE.S. Existe además un número importante de módulos para extender el IDE NetBeans. La escritura de quieres con sintaxis coloreada. Modularidad. NetBeans IDE El IDE NetBeans es un entorno de desarrollo integrado . tales como el soporte de Java. Adicionalmente. La edición sencilla de tablas de datos.E. web. como el IDE de Java llamado Java Development Toolkit (JDT) y el compilador (ECJ) que se entrega como parte de Eclipse (y que son usados también para desarrollar el mismo Eclipse). extendiendo constantemente las áreas de aplicación cubiertas.3 I. Eclipse fue liberado originalmente bajo la Common Public License.S. Un ejemplo es el recientemente creado Eclipse Modeling Project. Esta plataforma. La Free Software Foundation ha dicho que ambas licencias son licencias de software libre. Sin embargo. capacidades y servicios. Eclipse es también una comunidad de usuarios. una organización independiente sin ánimo de lucro que fomenta una comunidad de código abierto y un conjunto de productos complementarios. Eclipse fue desarrollado originalmente por IBM como el sucesor de su familia de herramientas para VisualAge.E. opuesto a las aplicaciones "Cliente-liviano" basadas en navegadores. pero son incompatibles con Licencia pública general de GNU (GNU GPL). típicamente ha sido usada para desarrollar entornos de desarrollo integrados (del inglés IDE). pero después fue re-licenciado bajo la Eclipse Public License. Eclipse es ahora desarrollado por la Fundación Eclipse. cubriendo casi todas las áreas de Model Driven Engineering. también se puede usar para otros tipos de aplicaciones cliente.TALLER MAGIMOVIL ASIR/DAW/DAM Eclipse Eclipse es un programa informático compuesto por un conjunto de herramientas de programación de abierto multiplataforma para desarrollar lo que el proyecto llama "Aplicaciones de Cliente Enriquecido". Severo Ochoa Curso: 2013 / 2014 Página 19de 52 . como BitTorrent o Azureus. TALLER MAGIMOVIL ASIR/DAW/DAM 5. La aplicación tiene un directorio llamado “config. //nombre de la base de datos ?> Para poner en funcionamiento esta aplicación se necesita una configuración del servidor donde va a ser alojada.E. Severo Ochoa Curso: 2013 / 2014 Página 20de 52 .1. Como segunda y tercera variables encontramos “$uname”. Y como cuarta y última variable encontramos “$dbase”.S. y “$pword “estas variable contienen el usuario de la base de datos y la contraseña para poder acceder a ella. //cotraseña de la base de datos $dbase = 'taller'. Configuración de la Aplicación <?php $dhost = 'localhost'.en este caso tiene el valor de “localhost” para poder trabajar en local. //usuario de la base de datos $pword = 'root'. esta contiene el nombre de la tabla de la base de datos con la que vamos a trabajar. //IP del servidor $uname = 'root'. I.php” que contiene cuatro variables : La variable “$dhost” ha de contener la dirección IP del servidor donde va a ser alojada. S.paginataller. Por otra parte hemos introducido información ficticia en la base de datos para comprobar el funcionamiento de la aplicación. se han ido realizando pruebas. La aplicación se ha instalado en un servidor en : www.TALLER MAGIMOVIL ASIR/DAW/DAM 6. de esta forma recopilamos y subsanamos errores que puedan haberse pasado por alto y a la vez recogemos distintas opiniones de los usuarios y en base a esto cambiar errores o procesos de la aplicación que no estuviesen muy claros para al final ofrecer un producto lo mas sencillo para el usuario.E. I. Severo Ochoa Curso: 2013 / 2014 Página 21de 52 . para ellos se ha realizado un manual de usuario para consultar futuras dudas.com Para comprobar el correcto funcionamiento del servidor se han realizado pruebas y así evitar problemas. EXPLOTACIÓN Para el correcto funcionamiento de la aplicación se requiere una mínima información. PRUEBAS En el trascurso del desarrollo de la aplicación web. Para el correcto funcionamiento de la aplicación se ha seleccionado a un grupo de personas para que prueben la aplicación. 7. ASPECTOS TRANSVERSALES DE PREVENCIÓN DE RIESGOS LABORALES Carga física: La carga estática está determinada por las posturas a mantener durante las tareas a realizar. que generan una contracción muscular continua y mantenida en el tiempo llevando a la fatiga de los grupos musculares afectados.TALLER MAGIMOVIL ASIR/DAW/DAM 8. I.. · Silla inadecuada. DEFINICIÓN DE PROCEDIMIENTOS DE CONTROL Y EVALUACIÓN Esta aplicación no necesita un control de evaluación ya que simplemente lee datos de una Base de Datos externa a la web 9. Severo Ochoa Curso: 2013 / 2014 Página 22de 52 . · Insuficiente espacio de trabajo.S. · Realizar un reconocimiento médico para comprobar el efecto de los riesgos derivados de la carga física estática en la salud de los trabajadores.). Causa del riesgo: · Imposibilidad de alternancia de posturas. · Inadecuada ubicación de los equipos informáticos (pantallas. una planificación adecuada de los trabajos y el establecimiento de pausas o rotaciones.E. En relación a la gestión de la actividad debería tenerse en cuenta lo siguiente: · Dar información sobre higiene postural y medidas preventivas para evitar la carga estática. · Formación sobre los riesgos en trabajos con pantallas de visualización de datos. · Mobiliario inadecuado. Medidas preventivas: Las medidas a implantar para disminuir la carga física estática de trabajo. sin atributos ergonómicos. ratón. teclado.. pasan por un correcto diseño del puesto de trabajo.. de carácter reversible.TALLER MAGIMOVIL ASIR/DAW/DAM Riesgo de fatiga visual: La fatiga visual es una modificación funcional. cuando se estén pasando datos manualmente desde formato papel a formato electrónico. Severo Ochoa Curso: 2013 / 2014 Página 23de 52 . debida a un esfuerzo excesivo del aparato visual.E. La distancia entre estos tres puntos debe ser la misma con el objetivo de evitar la acomodación continua del ojo. Situar la pantalla a una distancia superior a 40 cm. Deficiencias de los caracteres: borrosidad. que exige el uso de equipos que incluyen pantallas de visualización de datos. Realizar el control de los reflejos mediante el acondicionamiento del entorno medioambiental donde se ubica la pantalla. contrastes inadecuados. Causa del riesgo: Distancia inadecuada de los tres puntos de visión permanente: pantallatecladodocumento. evitando la presencia de fuentes luz susceptibles de reflejarse en ella. Su ubicación debe estar paralela a los ojos del trabajador. cuando se estén asando datos del documento a un documento electrónico. Periodos elevados y continuos frente al ordenador. que dependerá de las condiciones ambientales del entorno. Medidas preventivas: Disponer de una iluminación general homogénea de luz difusa. El personal de oficina básicamente realiza trabajo administrativo. las luminarias no deben colocarse encima del puesto. respecto a los ojos del usuario y a una altura tal que pueda ser visualizada dentro del espacio comprendido entre la línea de visión horizontal y la trazada a 60o bajo la horizontal. Inexistencia de pausas. tamaño inadecuado. Utilizar una pantalla orientable e inclinable a voluntad. con un nivel suficiente (500 lux). usando otros puntos de iluminación localizados en los puntos donde sea necesario. La iluminación deficiente. Existencia de reflejos y deslumbramientos por la colocación del ordenador y las luminarias. con facilidad para adaptarse a las necesidades del usuario.S. I. suponiendo una demanda visual importante. Discordancia entre la iluminación del documento y de la pantalla. Dejar márgenes de tiempo para imprevistos. Medidas preventivas: Entre las recomendaciones que podemos realizar para evitar los riesgos comentados en el apartado anterior están: Determinar objetivos y prioridades. Atención al cliente. que largas y escasas. Programar tiempo para actividades no esenciales pero necesarias. aspectos organizativos y la calidad de las relaciones humanas en la empresa. Algunos de éstos se refieren al trabajador individualmente. Severo Ochoa Curso: 2013 / 2014 Página 24de 52 . Son más eficaces las pausas cortas y frecuentes. o falta de conocimientos sobre ellos. I. Constante negociación con proveedores (reclamaciones. gestiones. Aprovechar tiempos dispersos “inútiles”.E. Posibles conflictos y diferencias con el cliente o con compañeros a la hora de dar órdenes o instrucciones.TALLER MAGIMOVIL ASIR/DAW/DAM Orientar el puesto de trabajo con ordenador perpendicular a las ventanas. y si entra gran cantidad de luz colocar cortinas o persianas. Falta de concentración por continuas interrupciones. etc.S. qué hacer y qué no hacer.). Tomar decisiones. Horarios irregulares. Realizar pausas periódicas para relajar la vista. Causa del riesgo: Ritmo de trabajo elevado. mientras que otros están ligados a aspectos como el medio ambiente de trabajo. Sistemas informáticos deficientes. Riesgos de carácter psicosocial: Los factores psicosociales en el trabajo abarcan aspectos diversos pues representan el conjunto de las percepciones y experiencias del trabajador. obsoletos. Precariedad contractual. Ser realista a la hora de calcular los tiempos de las actividades y realizar su planificación. Complejidad y variabilidad de las tareas. los conocimientos que se adquieren al hacer algo desde cero son mucho mayores. Todo se ha realizado con la mayor atención posible y en su medida hacer todo lo mejor que se pueda hacer en el plazo establecido. los puntos que se han propuesto para realizar el proyecto final se han cumplido todos correctamente sin dejar nada sin terminar. Concentrar la atención en lo que se está haciendo y evitar las interrupciones. A la hora de realizar el proyecto. CONCLUSIONES Ante la idea global que abarca este proyecto. Se ha intentado hacer una aplicación sencilla y a su vez completa. I. No obstante para hacer la aplicación Android he utilizado el entorno de desarrollo Eclipse que te permite programar de forma visual.TALLER MAGIMOVIL ASIR/DAW/DAM Anticipar tareas para evitar posteriores aglomeraciones. y como siempre se ha dicho. lo que es muy comodo para desarrollar la interfaz de la aplicación. se ha optado por implementarlo con una aplicación Android ya que se quedaba bastante corto. Aprovechar las horas de máximo rendimiento.S. 10. Conocer y mejorar la propia capacidad de trabajo. Dedicar unos minutos a programarse diariamente. Se ha intentado hacer el diseño no muy complejo para que sea intuido por la mayor parte de las personas. No se ha optado por usar ningún Framework. arrastrando elementos y posteriormente programarlos. hay que empezar desde la base y así cuando se comprenda la gran mayoría de cosas ya poder usar herramientas que existen en internet y que ofrecen muchas utilidades que ahorran mucho tiempo. No prolongar en exceso la jornada habitual de trabajo y compensarla preferentemente con descanso adicional. Severo Ochoa Curso: 2013 / 2014 Página 25de 52 . porque de esta manera.E. ya que en este tipo de negocio la edad de los clientes es prácticamente de todas las edades. la única mejora seria hacer la pagina web adaptable a móviles y tablets . son libres pero haciendo mención a sus autores.iconfinder.com/ • http://www.shutterstock.com/ • Jquery Validate: http://jqueryvalidation.TALLER MAGIMOVIL ASIR/DAW/DAM 11.deviantart.flickr.com/ • http://www. Las páginas donde se han obtenido las imágenes se pueden encontrar en las siguientes direcciones: • http://www. BIBLIOGRAFÍA • Jquery: http://jquery.org/ Las imágenes mostradas en la web tienen licencia Creative Commons.S.com/ • http://www.com/ • Jquery UI: http://jqueryui. PROPUESTAS DE MEJORA Ya que esta aplicación tiene el fin nada mas que de mostrar información. 12. Severo Ochoa Curso: 2013 / 2014 Página 26de 52 .com/ I.E. E. el cliente mediante un usuario y una contraseña iniciará sesión y podrá consultar todo su histórico de reparaciones. pinchando en la pestaña “Área Cliente” aparecerá un formulario para introducir el Usuario y la Clave.S.TALLER MAGIMOVIL ASIR/DAW/DAM 13. I. Severo Ochoa Curso: 2013 / 2014 Página 27de 52 . En menú. ANEXOS MANUAL DEL USUARIO Area del Cliente El área cliente es la más importante a destacar. y en la inferior nos encontramos con dos iconos que nos dan dos opciones: I. Severo Ochoa Curso: 2013 / 2014 Página 28de 52 .E.TALLER MAGIMOVIL ASIR/DAW/DAM Una vez el usuario inicie sesión nos llevara al área cliente: En la parte superior de esta ventana nos muestra el nombre del Usuario que ha iniciado sesión.S. E. el cliente tendrá que introducir la matricula de su vehículo y las fechas para mostrarle el histórico de reparaciones comprendido entre ambas fechas. Posteriormente en la parte inferior nos encontramos con un menú de pestañas con toda la información de la reparación del vehículo.TALLER MAGIMOVIL ASIR/DAW/DAM 1º Historial: En esta ventana nos encontramos con un formulario con los campos matricula.S. Severo Ochoa Curso: 2013 / 2014 Página 29de 52 .fecha inicio y fecha fin. I. I. Severo Ochoa Curso: 2013 / 2014 Página 30de 52 .E.TALLER MAGIMOVIL ASIR/DAW/DAM 2º Todo mi historial Esta ventana es muy similar a la anterior.S. con la diferencia que no filtra por fecha. simplemente muestra el histórico de reparaciones completo. S.TALLER MAGIMOVIL ASIR/DAW/DAM Home: Esta es la página principal donde encontramos el menú de navegación y a demás los servicios que pone el taller a disponibilidad del cliente a demás. una galería de imágenes con consejos de mantenimiento y ofertas. I. Severo Ochoa Curso: 2013 / 2014 Página 31de 52 .E. I.TALLER MAGIMOVIL ASIR/DAW/DAM Servicios: En esta página muestra mas detalladamente los servicios del taller. Severo Ochoa Curso: 2013 / 2014 Página 32de 52 .S.E. S. Severo Ochoa Curso: 2013 / 2014 Página 33de 52 .E.TALLER MAGIMOVIL ASIR/DAW/DAM La empresa: I. E. Severo Ochoa Curso: 2013 / 2014 Página 34de 52 .S.TALLER MAGIMOVIL ASIR/DAW/DAM Contacto y ubicación: I. TALLER MAGIMOVIL ASIR/DAW/DAM Horarios del taller: En esta página encontramos el horario de apertura y cierre del taller. Severo Ochoa Curso: 2013 / 2014 Página 35de 52 .S. I.E. I. Una vez iniciada la sesión al personal del taller le aparecerá un menú de gestión donde podrá dar de alta a nuevos usuarios. El personal del taller deberá iniciar sesión mediante un usuario y una clave.E.TALLER MAGIMOVIL ASIR/DAW/DAM Área de Administración: Esta aplicación dispone de un apartado de administración. Severo Ochoa Curso: 2013 / 2014 Página 36de 52 . donde el personal del taller se encargará de actualizar la información del cliente que posteriormente será mostrada en la web. eliminar datos de los clientes y rellenar el historial de reparaciones del cliente.S. I.TALLER MAGIMOVIL ASIR/DAW/DAM Alta de clientes: El personal del taller dará de alta a los clientes rellenando los datos mostrados en el formulario. y se le asignará una clave que el sistema genera automáticamente.S. Severo Ochoa Curso: 2013 / 2014 Página 37de 52 .E. TALLER MAGIMOVIL ASIR/DAW/DAM Eliminar datos del cliente: En este apartado el personal del taller ser encontrará con dos pestañas para eliminar una serie de datos del los clientes: En esta pestaña el personal del taller podrá eliminar el historial a de un cliente. Severo Ochoa Curso: 2013 / 2014 Página 38de 52 . I.S.E. solo tiene que introducir el código del cliente(CIF/NIF) y la matricula para proceder a eliminarla. Eliminar cliente y todo su historial: En esta pestaña el personal del taller podrá elimina al cliente y todos su historial introduciendo el código del cliente(CIF/NIF) Volvemos nuevamente al menú principal. donde el personal del taller rellenara los datos del histórico de reparaciones: I. simplemente introduciendo el código del cliente eliminará todo su historial.S.E.TALLER MAGIMOVIL ASIR/DAW/DAM Eliminar historial del cliente: En esta pestaña el personal del taller podrá eliminar toda el historial del cliente. Severo Ochoa Curso: 2013 / 2014 Página 39de 52 . Severo Ochoa Curso: 2013 / 2014 Página 40de 52 .TALLER MAGIMOVIL ASIR/DAW/DAM Rellenar datos mano de obra: En este apartado el personal del taller guardara los datos de la mano de obra que se le ha realizado al cliente.S. I. que posteriormente consultara el cliente en la web.E. que posteriormente consultara el cliente en la web. Severo Ochoa Curso: 2013 / 2014 Página 41de 52 . I.TALLER MAGIMOVIL ASIR/DAW/DAM Rellenar datos de material de pintura En este apartado el personal del taller guardara los datos de la material de pintura que se le ha realizado al cliente.E.S. TALLER MAGIMOVIL ASIR/DAW/DAM Rellenar datos de recambios instalados: En este apartado el personal del taller guardara los datos de recambios instalados que se le ha realizado al cliente. que posteriormente consultara el cliente en la web.E. I.S. Severo Ochoa Curso: 2013 / 2014 Página 42de 52 . E. I. que posteriormente consultara el cliente en la web.S.TALLER MAGIMOVIL ASIR/DAW/DAM Rellenar datos de revisiones pendientes: En este apartado el personal del taller guardara los datos de revisiones pendientes al cliente. Severo Ochoa Curso: 2013 / 2014 Página 43de 52 . TALLER MAGIMOVIL ASIR/DAW/DAM Rellenar datos de revisiones realizadas: En este apartado el personal del taller guardara los datos de revisiones realizadas al cliente.E. I.S. que posteriormente consultara el cliente en la web. Severo Ochoa Curso: 2013 / 2014 Página 44de 52 . S.TALLER MAGIMOVIL ASIR/DAW/DAM Rellenar datos de trabajos subcontratados: En este apartado el personal del taller guardara los datos de trabajos subcontratados al cliente.E. I. Severo Ochoa Curso: 2013 / 2014 Página 45de 52 . que posteriormente consultara el cliente en la web. nombre y apellidos y dirección. el mecanico del taller dispondrá de una aplicación Android en su tablet o Smartphone donde dara de alta al cliente rellenando un formulario con los siguientes campos: matricula del vehículo. El Operario del taller al iniciar la aplicación se encontrará con la pantalla de inicio: I.E.TALLER MAGIMOVIL ASIR/DAW/DAM Aplicación Android para el taller El taller contara con una herramienta Android para facilitar el trabajo en el taller.S. simplemente introduciendo la matricula en la aplicación dispondrá de toda la información del cliente. Una vez esta hacha la reparación .utilizara la aplicación para saber de quien es el vehiculo reparado sin necesidad de tener que ir a un ordenador a buscarlo en la base de datos de cliente. Cuando un cliente va a dejar su vehiculo para reparar. incluso podrá llamarlo desde el mismo Smartphone en el caso de disponer de este. Severo Ochoa Curso: 2013 / 2014 Página 46de 52 . teléfono de contacto. I.TALLER MAGIMOVIL ASIR/DAW/DAM En esta pantalla principal encontrará un menú con 4 opciones: Agregar cliente Buscar cliente Eliminar cliente Modificar cliente Agregar Cliente En esta pantalla el operario dará de alta al cliente del vehiculo rellenando el formulario y posteriormente guardando los datos en la aplicación.S. Severo Ochoa Curso: 2013 / 2014 Página 47de 52 .E. Severo Ochoa Curso: 2013 / 2014 Página 48de 52 .E. I.TALLER MAGIMOVIL ASIR/DAW/DAM Busqueda de Cliente En el apartado de “búsqueda de cliente” le aparecerá un campo “matricula” donde introduciendo la matricula y posteriormente pulsado buscar le mostrará todos los datos del cliente o bien si lo prefiere podrá llamarlo directamente.S. E.TALLER MAGIMOVIL ASIR/DAW/DAM Aquí muestra los datos del cliente al haber pulsado posteriormente el botón “Buscar” I.S. Severo Ochoa Curso: 2013 / 2014 Página 49de 52 . le llevara a un formulario con los siguientes datos I. Severo Ochoa Curso: 2013 / 2014 Página 50de 52 .TALLER MAGIMOVIL ASIR/DAW/DAM Modificar Cliente En este menú de “modificar cliente” el operario podrá modificar la información del cliente introduciendo la matricula y posteriormente pulsado modificar.S.E. borrara los datos y guardará estos nuevos. Severo Ochoa Curso: 2013 / 2014 Página 51de 52 .E. I.S.TALLER MAGIMOVIL ASIR/DAW/DAM Le aparecerán los datos que guardo cuando dio de alta al cliente por primera vez y simplemente volviéndolos a rellenar el formulario y pulsando el botón “Modificar” actualizará . E. Severo Ochoa Curso: 2013 / 2014 Página 52de 52 . donde introducirá la matricula del cliente que desee eliminar sus datos I. el operario se encontrará con un formulario matricula.TALLER MAGIMOVIL ASIR/DAW/DAM Eliminar Cliente En el menú de eliminar cliente.S.