Puentes RF Agosto 19

UNIVERSIDAD TECNOLGICA
DE CIUDAD JUREZ
SEP CGUT
SISTEMA WEB PARA LA INSPECCIN DE ARNESES

EN LA EMPRESA FURUKAWA
MEMORIA DE ESTADA
QUE PRESENTA:
RODRIGO PUENTES CASTRO
PARA OBTENER EL TTULO DE

TCNICO SUPERIOR UNIVERSITARIO EN:
TECNOLOGAS DE LA INFORMACIN Y
COMUNICACIN
CD. JUREZ, CHIH. AGOSTO DE 2015
i
OFICIO DE AUTORIZACIN
ii
AGRADECIMIENTOS
La presente tesina un esfuerzo que se ha realizado de mi parte, y directa o

indirectamente personas que han estado conmigo para apoyarme y darme nimos en
momentos en que lo necesite, he aprendido mucho en este periodo y he tomado
cierta madurez y experiencia laboral, agradecer a las personas que me han
transmitido sus conocimientos.
Agradecer al Maestro Francisco Lozoya fue la persona encargada de

revisar mi tesina en tiempo y forma, as como ayudarme a mejorar la misma
mencionando las correcciones que debo cambiar para mejorar la presentacin de la
tesina.
Quiero agradecer a la empresa Furukawa por abrirme las puertas y poder

realizar aqu mis estadas, agradecer a la ingeniera Deisy Gaytan por apoyarme y
darme su confianza en que realizar un buen desempeo en el departamento que
est a su cargo.
iii
NDICE
AGRADECIMIENTOS ........................................................................................................................... iii

NDICE .................................................................................................................................................... iv
RESUMEN ............................................................................................................................................ viii
CAPTULO I INTRODUCCIN ........................................................................................................... 1
1.1. Antecedentes de la empresa ................................................................................................... 1
1.1.1 Historia .................................................................................................................................. 1
1.1.2 Giro ........................................................................................................................................ 2
1.1.3 Ubicacin .............................................................................................................................. 2
1.2. Definicin del problema............................................................................................................. 2
1.3. Justificacin ................................................................................................................................ 2
1.4. Objetivos y metas ...................................................................................................................... 3
CAPTULO II MARCO DE REFERENCIA ......................................................................................... 4
2.1. Conceptos ................................................................................................................................... 4
2.1.1 Sistema informtico ............................................................................................................. 4
2.1.2 Base de datos ...................................................................................................................... 4
2.1.3 Navegador web .................................................................................................................... 5
2.1.4 Sitio web................................................................................................................................ 5
2.1.5 Lenguaje de Programacin ................................................................................................ 5
2.1.6 HTML ..................................................................................................................................... 6
2.1.7 PHP........................................................................................................................................ 6
2.1.8 SQL ........................................................................................................................................ 6
CAPTULO III DESARROLLO ............................................................................................................. 7
3.1 Descripcin General del Sistema ............................................................................................. 7
3.2 Diseo de la base de datos ....................................................................................................... 8
3.3 Instalacin y configuracin de la Base de Datos MySQL ..................................................... 8
3.4 Creacin de base de datos ....................................................................................................... 9
3.5 Implementacin del software .................................................................................................. 12
CAPTULO IV RESULTADOS Y RECOMENDACIONES ............................................................. 13
4.1 Resultados ................................................................................................................................. 13
iv
4.2 Recomendaciones .................................................................................................................... 17
ANEXO I MANUAL DE USUARIO .................................................................................................... 18
Inicio de sesin ................................................................................................................................ 18
Agregar registro ............................................................................................................................... 20
Eliminar registros ............................................................................................................................. 22
Generar reporte ............................................................................................................................... 23
ANEXO 2 INSTALACIN DE WAMP SERVER ............................................................................. 25
ANEXO 3 INSTALACIN DE LA LIBRERA TCPDF .................................................................... 30
ANEXO 4 CDIGO FUENTE ............................................................................................................ 31
REFERENCIAS ................................................................................................................................... 43
v
NDICE DE FIGURAS
Figura 3. 1 Diagrama de capas del sistema ...................................................................................... 7

Figura 3. 2 Crear base de datos ......................................................................................................... 9
Figura 3. 3 Crear tabla .......................................................................................................................... 9
Figura 3. 4 Propiedades de los campos .......................................................................................... 10
Figura 3. 5 Guardar cambios ............................................................................................................. 10
Figura 3. 6 Base de datos .................................................................................................................. 11
Figura 3. 7 Inicio de Sesin ............................................................................................................... 12
Figura 3. 8 Interfaz de captura de datos .......................................................................................... 12
Figura 4. 1 Inicio de sesin ................................................................................................................ 13

Figura 4. 2 Usuario y contrasea incorrectos ................................................................................. 14
Figura 4. 3 Prohibir dar clic derecho................................................................................................. 14
Figura 4. 4 Formato de inspeccin ................................................................................................... 15
Figura 4. 5 Captura de datos ............................................................................................................. 15
Figura 4. 6 Registro agregado ........................................................................................................... 15
Figura 4. 7 Seleccin de opciones .................................................................................................... 16
Figura 4. 8 Reporte PDF .................................................................................................................... 16
Figura Anexo 1. 1 Inicio de sesin.................................................................................................... 18

Figura Anexo 1. 2 Usuario y contrasea incorrectos ..................................................................... 19
Figura Anexo 1. 3 Prohibido dar clic derecho ................................................................................. 19
Figura Anexo 1. 4 Agregar registro 1 ............................................................................................... 20
Figura Anexo 1. 9 Eliminar registro 1 ............................................................................................... 22
Figura Anexo 1. 10 Eliminar registro 2 ............................................................................................. 22
vi
Figura Anexo 1. 11 Generar reporte 1 ............................................................................................. 23
Figura Anexo 2. 1 Instalacin WAMP Server .................................................................................. 25

Figura Anexo 2. 2 Instalacin WAMP Server Contrato ................................................................. 25
Figura Anexo 2. 3 Instalacin WAMP Server seleccionar directorio ........................................... 26
Figura Anexo 2. 4 Instalacin WAMP Server crear acceso directo ............................................. 26
Figura Anexo 2. 5 WAMP Server instalando................................................................................... 27
Figura Anexo 2. 6 Instalacin WAMP Server navegador predeterminado ................................. 27
Figura Anexo 2. 7 Instalacin WAMP Server finalizada ................................................................ 28
Figura Anexo 2. 8 PHPMyAdmin ...................................................................................................... 28
Figura Anexo 2. 9 PHPMyAdmin Interfaz ........................................................................................ 29
Figura Anexo 3. 1 Librera TCPDF ................................................................................................... 30
vii
RESUMEN
Este proyecto es acerca sobre el diseo e implementacin de un sistema web de un

formato de inspeccin de arneses para el Departamento de Calidad de la empresa
Furukawa.
La implementacin del sistema pretende facilitar y ahorrar tiempo a los empleados

del rea de calidad la captura de datos automatizando un formato de inspeccin
existente dentro del rea.
Se presenta el diseo y desarrollo de la base de datos en PHPMyAdmin que maneja

el lenguaje SQL. Tambin se desarrolla la interfaz de usuario en HTML y PHP para
implementar el sistema como una pgina web para que se pueda acceder a ella en
cualquier parte de la empresa.
viii
CAPTULO I INTRODUCCIN
1.1. Antecedentes de la empresa
Nombre de la empresa: FWSM (Furukawa Wiring Systems in Mexico).
1.1.1 Historia
Pertenecemos al grupo Furukawa Electric, Co., creado hace 130 aos,

el cual ha crecido a nivel mundial gracias a la constante innovacin y al
continuo desarrollo de materiales.
Furukawa Electric Company, es una empresa fundada en 1884 por el

Sr. Ichibel Furukawa. Actualmente cuenta con casi 300 empresas establecidas
en todo el mundo.
Atendiendo a las industrias: elctrica, electrnica, metalrgica,

automotriz y de telecomunicaciones, ha contribuido ampliamente con la
sociedad y con el sector industrial, por la innovacin y el desarrollo de nuevos
productos para usos industrial y comercial.
1
1.1.2 Giro
Giro de la empresa: Comercial e industrial.
1.1.3 Ubicacin
Avenida Reforma, Col. El Barreal, C.P.32040 Jurez, Chihuahua.
1.2. Definicin del problema
Actualmente, en el rea de calidad de la empresa FWSM maneja un

formato de calidad en el cual se capturan diversos datos de un arns,
componentes, dimensiones, etctera. Actualmente se cuenta con un formato
elaborado en Excel, en dicho formato de calidad se capturan alrededor de 30
hojas por arns. Los inspectores de calidad tienen que teclear todos los datos.
1.3. Justificacin
Este proyecto pretende realizar un sistema informtico con el fin de

automatizar la captura de los datos automatizando el formato de calidad para
que no sea necesario introducir o capturar toda la informacin manualmente.
2
Por esta razn se realizar una aplicacin en la que se podrn
seleccionar los datos para no tener que capturarlos manualmente y al capturar
los datos se generar un archivo con el formato de calidad establecido por la
empresa.
Otra razn del sistema informtico es reducir los errores al capturar

datos y tambin al ser tanta informacin a capturar se podr ahorrar bastante
tiempo a diferencia de tener que capturar toda la informacin manualmente.
1.4. Objetivos y metas
Desarrollo de un sistema informtico para la automatizacin del formato

de inspeccin de arneses en el rea de calidad en la empresa Furukawa.
Metas
1. Diseo e implementacin de una pgina web para el control de

dimensiones de los arneses en el rea de calidad.
2. Facilitar al usuario la captura de datos y el manejo del sistema
con una interfaz clara y sencilla.
3. Ahorrar tiempo a los inspectores de calidad para que puedan
continuar con las dems actividades que tienen asignadas dentro del rea
de calidad.
4. Conocer el entorno laboral en el que se realizar el proyecto y las
otras reas de la empresa.
3
CAPTULO II MARCO DE REFERENCIA
2.1. Conceptos
2.1.1 Sistema informtico
Puede ser definido como un sistema de informacin que basa la parte

fundamental de su procesamiento, en el empleo de la computacin, como
cualquier sistema, es un conjunto de funciones interrelacionadas, hardware,
software y de Recurso Humano. Un sistema informtico normal emplea un
sistema que usa dispositivos que se usan para programar y almacenar
programas y datos.
(Cedeo, 2008)
2.1.2 Base de datos
Una base de datos es un almacn que nos permite guardar grandes

cantidades de informacin de forma organizada para que luego podamos
encontrar y utilizar fcilmente.
(Chvez, 2010)
4
2.1.3 Navegador web
Un navegador es un programa o software que permite acceder e

intercambiar (enviar y recibir) informacin con otros ordenadores instalados en
cualquier lugar del mundo y mostrar el resultado en la pantalla de nuestro
ordenador.
(Fernndez, 2012)
2.1.4 Sitio web
Una pgina web es un documento disponible en Internet, o World Wide

Web (www), codificado segn sus estndares y con un lenguaje especfico
conocido como HTML.
(Garca, 2007)
2.1.5 Lenguaje de Programacin
Sistema de smbolos y reglas que permite la construccin de programas

con los que la computadora puede operar, as como resolver problemas de
manera eficaz.
Estos contienen un conjunto de instrucciones que nos permiten realizar

operaciones de entrada / salida, calculo, manipulacin de textos, lgica /
comparacin y almacenamiento / recuperacin.
(Marco, 2014)
5
2.1.6 HTML
HTML es el lenguaje con el que se definen las pginas web.

Bsicamente se trata de un conjunto de etiquetas que sirven para definir el
texto y otros elementos que compondrn una pgina web.
(Martn, 2011)
2.1.7 PHP
PHP es un lenguaje de programacin dirigido a la creacin de pginas

web dinmicas.
(Oliver, 2011)
2.1.8 SQL
SQL equivale a lenguaje de consulta estructurado. Se trata del lenguaje

estndar para acceder a los sistemas de administracin de bases de datos. Se
utiliza para almacenar y consultar datos desde y hasta una base de datos.
SQL se utiliza en sistemas de base de datos como MySQL, Oracle, Postgre
SQL, Sybase y Microsoft SQL Server entre otros.
(Valds, 2007)
6
CAPTULO III DESARROLLO
3.1 Descripcin General del Sistema
El desarrollo del sistema informtico se divide en dos componentes la primera

es la base de datos que almacenar los datos capturados por el personal del
departamento de calidad de la empresa FWSM. La segunda parte es la interfaz web
en la cual se llenarn los campos y se podr generar un reporte del formato
establecido por la empresa.
La base de datos se comunica con la interfaz web (HTML y PHP) para mostrar
la informacin capturada en un reporte PDF.
Figura 3. 1 Diagrama de capas del sistema
7
3.2 Diseo de la base de datos
La primera etapa del desarrollo consisti en un anlisis de los requerimientos

del sistema. Se dise y desarrollo una base de datos en el gestor PHPMyAdmin
para cubrir necesidad de almacenamiento de informacin del departamento de
calidad.
La base de datos creada tiene el nombre calidadqc y cuenta con las

siguientes tablas. La tabla inspeccin que aloja toda la informacin referente a la
revisin de uno o ms arneses.
3.3 Instalacin y configuracin de la Base de Datos MySQL
El software utilizado para la realizacin de la base de datos fue el WAMP server en

su versin ms reciente y previamente instalado en el equipo de cmputo utilizado en
el transcurso del desarrollo del programa.
Materiales:
WAMP Server
Navegador Web
Hardware (Servidor que proporciona el servicio web)
En el anexo nmero 2 se explica brevemente y paso por paso como realizar la

configuracin de PHPMyAdmin para la creacin de la base de datos.
8
3.4 Creacin de base de datos
En la figura 3.2 en el espacio para crear bases de datos escribimos el

nombre de la base de datos y seleccionamos la opcin Crear.
Figura 3. 2 Crear base de datos
En la siguiente ilustracin nos permite crear una tabla ingresando el nombre

de la tabla y el nmero de columnas o campos que tendr la tabla.
Figura 3. 3 Crear tabla
9
En la figura 3.4 nos aparecern la cantidad de columnas o campos que
ingresamos en la ilustracin anterior y escribimos las propiedades de cada campo
(nombre, tipo, longitud, etc.).
Figura 3. 4 Propiedades de los campos
Despus de ingresar las propiedades de los campos vamos a la parte inferior

derecha de la pgina y seleccionamos la opcin guardar.
Figura 3. 5 Guardar cambios
10
En la siguiente ilustracin nos muestra los campos creados dentro de la tabla
inspeccin.
Figura 3. 6 Base de datos
11
3.5 Implementacin del software
Esta seccin muestra la implementacin del software. La figura 3.7

muestra el diseo de la ventana de inicio de sesin del sistema.
Figura 3. 7 Inicio de Sesin
Despus se muestra la interfaz en la cual se capturarn los datos.
Figura 3. 8 Interfaz de captura de datos
12
CAPTULO IV RESULTADOS Y RECOMENDACIONES
4.1 Resultados
El sistema desarrollado cumple con las expectativas y los requerimientos por

las que fue creado. Resuelve un problema identificado en el rea de calidad de la
empresa FWSM. Ser de gran utilidad para el departamento de muestras ya que son
los encargados de inspeccionar los arneses y tienen que capturar todos los
elementos que se les pide.
Esto reducir en el departamento tiempo en la captura de toda la informacin

ya que son demasiadas la cantidad de hojas que tienen que capturar en poco tiempo.
Las siguientes capturas de pantalla se muestran la interfaz grfica en

funcionamiento. La figura 4.1 representa la pantalla de inicio de sesin. Slo personal
autorizado podr ingresar al sistema
Figura 4. 1 Inicio de sesin
13
Si desea ingresar con un usuario o contrasea incorrecta se despliega un
mensaje de advertencia.
Figura 4. 2 Usuario y contrasea incorrectos
Para proteger el cdigo en caso de que algn usuario desee ver el cdigo de
fuente de la pgina al dar clic derecho se desplegara un mensaje prohibiendo el
acceso al cdigo de fuente.
Figura 4. 3 Prohibir dar clic derecho
14
Al ingresar con el usuario y contrasea correcta nos mostrar el formato de
inspeccin para capturar los datos.
Figura 4. 4 Formato de inspeccin
A continuacin, la pantalla presentada en la figura 4.5 muestra cmo agregar

datos en el sistema que sern almacenados en la base datos calidadqc. Se pueden
dejar los campos de arns 1, 2, 3, 4 y 5 en blanco ya que no son necesarios
llenarlos.
Figura 4. 5 Captura de datos
Una vez llenados los registros presionamos el botn Registrar y mostrar un

mensaje.
Figura 4. 6 Registro agregado
15
Luego de ingresar varios registros en la base de datos podremos generar el
reporte en PDF del formato que est establecido por la empresa, pero se debe
capturar los datos que se muestran en la figura 4.7 y seleccionamos la opcin
Generar reporte.
Figura 4. 7 Seleccin de opciones
En la figura 4.8 muestra el reporte en PDF de la informacin capturada y los

registros que estn alojados en la base de datos.
Figura 4. 8 Reporte PDF
16
4.2 Recomendaciones
Antes de utilizar el sistema se recomienda leer el manual. As mismo, en caso

de que tener alguna duda con la aplicacin se puede consultar.
Otro punto a considerar, es el mantenimiento de hardware y software de la

computadora donde se aloje la base de datos. Se aconseja tener instalado algn
antivirus con la base de datos actualizada.
Nunca marque la opcin de recordar la contrasea porque otro usuario puede

usar el equipo y al ingresar a la pgina podr tener acceso al sistema. Tambin
puede eliminar el historial despus de terminar de usar el equipo para evitar que
ninguna persona autorizada pueda acceder.
En cuanto a seguridad, es conveniente no proporcionar la contrasea a

personas ajenas al departamento. Se debe cerrar sesin al terminar de usar el
sistema.
17
ANEXO I MANUAL DE USUARIO
Inicio de sesin
Esta seccin presenta un manual de usuario, es recomendable leerlo antes

de utilizar el sistema.
La pantalla mostrada en la figura anexo 1.1 muestra la ventana de inicio de

sesin al sistema. El sistema tiene debe tener un slo administrador que ser
designado por el departamento de calidad dentro de la empresa.
Figura Anexo 1. 1 Inicio de sesin
18
Si desea ingresar con un usuario o contrasea incorrecta se despliega un
mensaje de advertencia.
Figura Anexo 1. 2 Usuario y contrasea incorrectos
Para proteger el cdigo en caso de que algn usuario desee ver el cdigo de
fuente de la pgina al dar clic derecho se desplegara un mensaje prohibiendo el
acceso al cdigo de fuente.
Figura Anexo 1. 3 Prohibido dar clic derecho
19
Agregar registro
Al ingresar con el usuario y contrasea correcta nos mostrar el formato de

inspeccin para capturar los datos.
Figura Anexo 1. 4 Agregar registro 1
A continuacin, la pantalla presentada en la figurar anexo 1.5 muestra cmo

agregar datos en el sistema que sern almacenados en la base datos calidadqc. En
el primer campo podemos seleccionar una opcin.
20
Al seleccionar una opcin el cuadro de opciones se convertir en un campo
de texto el cual nos permitir modificar la opcin elegida para asignarle un valor.
Se pueden dejar los campos de arns 1, 2, 3, 4 y 5 en blanco ya que no son

necesarios llenarlos.
Una vez llenados los registros presionamos el botn Registrar y mostrar un

mensaje.
21
Eliminar registros
Para eliminar los registros almacenados en la base de datos en la parte

inferior de la pgina seleccionamos el botn Eliminar registros.
Figura Anexo 1. 9 Eliminar registro 1
Despus aparecer un mensaje en el cual menciona que los registros han sido
eliminados.
Figura Anexo 1. 10 Eliminar registro 2
22
Generar reporte
Luego de ingresar varios registros en la base de datos podremos generar

el reporte en PDF del formato que est establecido por la empresa, pero se debe
capturar los datos que se muestran en la figura anexo 1.11 y seleccionamos la
opcin Generar reporte.
Figura Anexo 1. 11 Generar reporte 1
En la ilustracin 28, 29 y 30 muestra el reporte en PDF de la informacin

capturada y los registros que estn alojados en la base de datos.
23
24
ANEXO 2 INSTALACIN DE WAMP SERVER
En la figura anexo 2.1 muestra el men de instalacin para PHPMyAdmin,

elegimos la opcin Next.
Figura Anexo 2. 1 Instalacin WAMP Server
Despus aceptamos el acuerdo del contrato y seleccionamos Next.
Figura Anexo 2. 2 Instalacin WAMP Server Contrato
25
Seleccionamos el directorio en donde se instalar el programa.
Figura Anexo 2. 3 Instalacin WAMP Server seleccionar directorio
Marcamos la casilla crear icono en el escritorio.
Figura Anexo 2. 4 Instalacin WAMP Server crear acceso directo
26
Esperamos a que termine la instalacin del programa para su posterior uso.
Figura Anexo 2. 5 WAMP Server instalando
Escogemos el navegador web predeterminado que utilizar el programa.
Figura Anexo 2. 6 Instalacin WAMP Server navegador predeterminado
27
Al terminar la instalacin nos preguntar si deseamos ejecutar el programa.
Figura Anexo 2. 7 Instalacin WAMP Server finalizada
En la barra de tareas aparecer el icono del software, damos clic y

seleccionamos la opcin PHPMyAdmin.
Figura Anexo 2. 8 PHPMyAdmin
28
Nos muestra la siguiente interfaz y en la parte izquierda nos muestra las
bases de datos creadas anteriormente. En la parte superior damos clic en la opcin
Bases de datos
Figura Anexo 2. 9 PHPMyAdmin Interfaz
29
ANEXO 3 INSTALACIN DE LA LIBRERA TCPDF
La librera TCPDF nos permite crear documentos PDF mediante el lenguaje de

programacin PHP.
Para su instalacin descargamos la librera TCPDF de la pgina

http://www.tcpdf.org/
Copiamos la carpeta tcpdf dentro del directorio donde se encuentran

almacenados las pginas web que maneja la aplicacin como se muestra en la figura
anexo 3.1.
Figura Anexo 3. 1 Librera TCPDF
El cdigo para llamar la librera en PHP se mostrar en el anexo 4.
30
ANEXO 4 CDIGO FUENTE
La presente seccin muestra el cdigo fuente de la interfaz grfica del sistema

desarrollada en HTML y PHP.
Cdigo de inicio de sesin

<SCRIPT language=JavaScript>
function go(){
if (document.form.password.value=='admin123' &&
document.form.login.value=='ADMIN'){
document.form.submit();
else{
alert("Porfavor ingrese, nombre de usuario y contrasea correctos.");
</SCRIPT>
<font size="3">
<FORM name=form action="index.PHP">
<P>Usuario: <INPUT type=text name=login>
<P>Contrasea: <INPUT type=password name=password> <br>
</td></tr>
<tr align="center"><td>
<INPUT onclick=go() type=button value=Acceder></FORM>
31
Prohibir dar clic derecho para evitar acceso a cdigo fuente de la pgina.
<script language="JavaScript">
function right(e) {
var msg = " No permitido! Por favor ingresa tu nombre de USUARIO y tu CLAVE. ";
if (navigator.appName == 'Netscape' && e.which == 3) {
alert(msg);
return false;
else
if (navigator.appName == 'Microsoft Internet Explorer' && event.button==2) {
alert(msg);
return false;
return true;
document.onmousedown = right;
32
Cambiar un select (opciones) a un campo de texto para editar una opcin
seleccionada.
<SCRIPT>
function cambiaTexto(c,o){
c.options[c.selectedIndex].text = o.value
o.style.display = 'none'
c.style.display = 'inline'
function cambiaCampo(c,o,v){
if(o.selectedIndex>0){
o.style.display = 'none'
c.style.display = 'inline'
c.value = v
c.focus()
</SCRIPT>
<input type="text" name="cTexto" style="display: none"

onblur="cambiaTexto(this.form.descripcion,this)" />
<select name="ITEM"
onchange="cambiaCampo(this.form.cTexto,this,this.options[this.selectedIndex].text)"
>
<option selected>CHOOSE ITEM...</option>
<option>BRANCH</option>
33
Llamar librera TCPDF
require_once('../tcpdf/config/lang/eng.PHP');
require_once('../tcpdf/tcpdf.PHP');
Crear document PDF con PHP
class MYPDF extends TCPDF {
// Pie de pagina
public function Footer() {
// Set font
$this->SetFont('helvetica', 'n', 8);
$this->SetXY(170,-15);
$this->Cell(0, 10, 'SUPPLIERS DATA SHEET', 0, false, 'C', 0, '', 0,

false, 'T', 'M');
$this->SetXY(190,-30);
$this->Cell(0, 10, 'HSQM - Reference', 0, false, 'C', 0, '', 0, false, 'T',

'M');
$pdf = new MYPDF(PDF_PAGE_ORIENTATION, PDF_UNIT,

PDF_PAGE_FORMAT, true, 'UTF-8', false);
34
Llamar consulta de la base de datos al reporte PDF
require"../modelo/consulta.PHP";
$objConsulta= new consulta();
$html = $objConsulta->reportePdf();
$pdf->writeHTMLCell($w=0, $h=0, $x='', $y='', $html, $border=0, $ln=1, $fill=0,

$reseth=true, $align='', $autopadding=true);
Imprimir valor capturado de la pgina en el reporte PDF
Pgina
<tr><form method="post" action="../vista/reporte_pdf.PHP">
<td><b>PART NUMBER: </b><select name="PART" >
<option selected>CHOOSE NO. PART...</option>
<option>32200-T2A-A121</option>
Reporte PDF
$pdf->SetFont('helvetica', 'B', 12, '', true);
$pdf->SetXY(18,40);
$pdf->Cell(25, 6, 'PART NUMBER:',0,0,$valign='M');
$pdf->SetXY(40,40);
$pdf->SetFont('helvetica', 'U', 12, '', true);
$PARTNUMBER=$_POST['PART'];
$pdf->Cell(25,6,"{$PARTNUMBER}", 0, 0,$valign='M');
35
Funciones para conectarse con la base de datos
<?PHP
class Conexion{
var $ruta;
var $usuario;
var $contrasena;
var $baseDatos;
function Conexion(){
$this->ruta="localhost"; //
$this->usuario="root"; //usuario que tengas definido
$this->contrasena=""; //contrasea que tengas definidad
$this->baseDatos="calidadqc"; //base de datos
function conectarse(){
//---------------------------TIPO DE CONEXION 1------------------

-----------------
/*$conectarse= mysql_connect($this->ruta,$this->usuario,
$this->contrasena) or die(mysql_error()); //conexion al BD
if($conectarse){
mysql_select_db($this->baseDatos);
return($conectarse);
36
}else{
return ("Error");
}*/
//------------------------TIPO DE CONEXION 2 -
RECOMENDADA---------------------------------------------
$enlace = mysqli_connect($this->ruta, $this->usuario, '',

$this->baseDatos);
return($enlace);
mysqli_close($enlace); //cierra la conexion a nuestra base

de datos, un punto de seguridad importante.
?>
37
Consulta en la base de datos la cual imprimir los registros en el reporte PDF
<?PHP
require "../conexion/conexion.PHP";
class consulta{
var $conn;
var $conexion;
function consulta(){
$this->conexion= new Conexion();
$this->conn=$this->conexion->conectarse();
function registrar($item, $method, $lsl, $usl, $nominal, $arnes1,

$arnes2, $arnes3, $arnes4, $arnes5){
$exito="";
$sql_insert="insert into inspeccion (INSPECTION_ITEM,

METHOD, TOLERANCE_LSL, TOLERANCE_USL, NOMINAL, ARNES1, ARNES2,
ARNES3, ARNES4, ARNES5) values
('".$item."','".$method."','".$lsl."','".$usl."','".$nominal."','".$arnes1."','".$arnes2."','".$arn
es3."','".$arnes4."','".$arnes5."')";
$rs=mysqli_query($this->conn,$sql_insert) or die(mysql_error());
if($rs){
$exito="Registro agregado";
return $exito;
38
function reportePdf(){
$html="";
$sql="select * from inspeccion";
$rs=mysqli_query($this->conn,$sql);
$i=0;
$html=$html.'<div align="center">
<br /><br />
<table border="1">';
while ($row = mysqli_fetch_array($rs)){
if($i%2==0){
$html= $html.'<tr>';
}else{
$html=$html.'<tr>';
$html = $html.'<td>';
$html = $html. $row["INSPECTION_ITEM"];
$html = $html.'</td><td>';
$html = $html. $row["METHOD"];
$html = $html. $row["TOLERANCE_LSL"];
$html = $html. $row["TOLERANCE_USL"];
39
$html = $html. $row["NOMINAL"];
$html = $html. $row["ARNES1"];
$html = $html.'</td></tr>';
$i++;
$html=$html.'</table></div>';
return ($html);
?>
40
Funcin que registra los datos capturados en la pgina a la base de datos.
<?PHP
require("../modelo/consulta.PHP");
$objConsulta = new consulta();
if(isset($_POST["registrar"])){
$registro = $objConsulta-
>registrar($_POST["item"],$_POST["method"],$_POST["lsl"],$_POST["usl"],$_POST[
"nominal"],$_POST["arnes1"],$_POST["arnes2"],$_POST["arnes3"],$_POST["arnes4"
],$_POST["arnes5"]);
if($registro){
?>
<script>
alert('Registro agregado');
location.href="../vista/index.PHP";
</script>
<?PHP
}else{
?>
<script>
alert('Registro agregado');
</script>
<?PHP
}}?>
41
Consulta que elimina los registros en la base de datos.
<?PHP
$link = mysql_connect("localhost", "root","");
mysql_select_db("calidadqc",$link);
$sql = "SELECT * FROM inspeccion" ;
$result = mysql_query($sql);
$sql = "DELETE FROM inspeccion";
$result = mysql_query($sql);
if($result){
?>
<script>
alert('Registros eliminados');
</script>
<?PHP
}else{
?>
<script>
alert('Registros eliminados');
</script>
<?PHP
}?>
42
REFERENCIAS
Cedeo, J. M. (15 de Mayo de 2008). EcuRed. Obtenido de www.ecured.cu:

http://www.ecured.cu/index.PHP/Sistema_inform%C3%A1tico
Chvez, M. A. (20 de Agosto de 2010). GridMorelos. Obtenido de
www.gridmorelos.uaem.mx:
http://www.gridmorelos.uaem.mx/~mcruz//cursos/miic/bd1.pdf
Fernndez, I. (20 de Mayo de 2012). Slide Share. Obtenido de www.slideshare.net:
http://es.slideshare.net/iva_fernandez/navegadores-web-13001965
Garca, A. A. (5 de Diciembre de 2007). Repositorio UPCT. Obtenido de
repositorio.bib.upct.es/:
http://repositorio.bib.upct.es/dspace/bitstream/10317/179/1/pfc2475.pdf
Marco, B. S. (7 de Septiembre de 2014). MC Libre. Obtenido de www.mclibre.org:
http://www.mclibre.org/consultar/PHP/lecciones/PHP_quees.html
Martn, G. D. (12 de Marzo de 2011). Monografas. Obtenido de
www.monografias.com:
http://www.monografias.com/trabajos38/programacion/programacion.shtml
Oliver, B. (10 de Enero de 2011). Tendencias Web. Obtenido de
www.tendenciasweb.about.com: http://tendenciasweb.about.com/bio/Bego-a-
Oliver-104764.htm
Valds, D. P. (26 de Octubre de 2007). Maestros del Web. Obtenido de
www.maestrosdelweb.com: http://www.maestrosdelweb.com/que-son-las-
bases-de-datos/
43

Puentes RF Agosto 19

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Puentes RF Agosto 19

Enviado por

Direitos autorais:

Formatos disponíveis

UNIVERSIDAD TECNOLGICA

SISTEMA WEB PARA LA INSPECCIN DE ARNESES

PARA OBTENER EL TTULO DE

CD. JUREZ, CHIH. AGOSTO DE 2015

La presente tesina un esfuerzo que se ha realizado de mi parte, y directa o

Agradecer al Maestro Francisco Lozoya fue la persona encargada de

Quiero agradecer a la empresa Furukawa por abrirme las puertas y poder

AGRADECIMIENTOS ........................................................................................................................... iii

Figura 3. 1 Diagrama de capas del sistema ...................................................................................... 7

Figura 4. 1 Inicio de sesin ................................................................................................................ 13

Figura Anexo 1. 1 Inicio de sesin.................................................................................................... 18

Figura Anexo 2. 1 Instalacin WAMP Server .................................................................................. 25

Figura Anexo 3. 1 Librera TCPDF ................................................................................................... 30

Este proyecto es acerca sobre el diseo e implementacin de un sistema web de un

La implementacin del sistema pretende facilitar y ahorrar tiempo a los empleados

Se presenta el diseo y desarrollo de la base de datos en PHPMyAdmin que maneja

1.1. Antecedentes de la empresa

Nombre de la empresa: FWSM (Furukawa Wiring Systems in Mexico).

Pertenecemos al grupo Furukawa Electric, Co., creado hace 130 aos,

Furukawa Electric Company, es una empresa fundada en 1884 por el

Atendiendo a las industrias: elctrica, electrnica, metalrgica,

Giro de la empresa: Comercial e industrial.

Avenida Reforma, Col. El Barreal, C.P.32040 Jurez, Chihuahua.

1.2. Definicin del problema

Actualmente, en el rea de calidad de la empresa FWSM maneja un

Este proyecto pretende realizar un sistema informtico con el fin de

Otra razn del sistema informtico es reducir los errores al capturar

1.4. Objetivos y metas

Desarrollo de un sistema informtico para la automatizacin del formato

1. Diseo e implementacin de una pgina web para el control de

2.1.1 Sistema informtico

Puede ser definido como un sistema de informacin que basa la parte

2.1.2 Base de datos

Una base de datos es un almacn que nos permite guardar grandes

Un navegador es un programa o software que permite acceder e

2.1.4 Sitio web

Una pgina web es un documento disponible en Internet, o World Wide

2.1.5 Lenguaje de Programacin

Sistema de smbolos y reglas que permite la construccin de programas

Estos contienen un conjunto de instrucciones que nos permiten realizar

HTML es el lenguaje con el que se definen las pginas web.

PHP es un lenguaje de programacin dirigido a la creacin de pginas

SQL equivale a lenguaje de consulta estructurado. Se trata del lenguaje

3.1 Descripcin General del Sistema

El desarrollo del sistema informtico se divide en dos componentes la primera

Figura 3. 1 Diagrama de capas del sistema

La primera etapa del desarrollo consisti en un anlisis de los requerimientos

La base de datos creada tiene el nombre calidadqc y cuenta con las

3.3 Instalacin y configuracin de la Base de Datos MySQL

El software utilizado para la realizacin de la base de datos fue el WAMP server en

En el anexo nmero 2 se explica brevemente y paso por paso como realizar la

En la figura 3.2 en el espacio para crear bases de datos escribimos el

Figura 3. 2 Crear base de datos

En la siguiente ilustracin nos permite crear una tabla ingresando el nombre

Figura 3. 3 Crear tabla

Figura 3. 4 Propiedades de los campos

Despus de ingresar las propiedades de los campos vamos a la parte inferior

Figura 3. 5 Guardar cambios

Figura 3. 6 Base de datos

Esta seccin muestra la implementacin del software. La figura 3.7

Figura 3. 7 Inicio de Sesin

Despus se muestra la interfaz en la cual se capturarn los datos.

Figura 3. 8 Interfaz de captura de datos

El sistema desarrollado cumple con las expectativas y los requerimientos por