Universidad Tecnologica de Queretaro Digitally signed by Universidad Tecnologica de Queretaro DN: cn=Universidad Tecnologica de Queretaro, c=MX, o=Universidad Tecnologica de Queretaro, ou=UTEQ, email=webmaster@uteq.edu.mx Date: 2007.08.06 15:14:36 -06'00' UNIVERSIDAD TECNOLÓGICA DE QUERÉTARO Voluntad · Conocimiento · Servicio PERSONALIZACIÓN DE UNA PÁGINA WEB SISTEMAS DE DISEÑO E INGENIERÍAS DE RL DE CV. Reporte de Estadía para obtener el Título de Técnico Superior Universitario en Tecnologías de la Información y Comunicación ANA GABRIELA ORDAZ SERVIN Santiago de Querétaro Febrero, 2007 8 UNIVERSIDAD TECNOLÓGICA DE QUERÉTARO Voluntad · Conocimiento · Servicio PERSONALIZACIÓN DE UNA PÁGINA WEB SISTEMAS DE DISEÑO E INGENIERÍAS DE RL DE CV. Reporte de Estadía para obtener el Título de Técnico Superior Universitario en Tecnologías de la Información y Comunicación Asesor de la empresa ING. CARLOS MARTÍN FERNÁNDEZ VEGA Asesor de la escuela ING. JORGE RAMIRO ALVARADO DE LA VEGA Alumna ANA GABRIELA ORDAZ SERVIN Santiago de Querétaro Febrero, 2007 9 AGRADECIMIENTOS Agradezco el esfuerzo, la voluntad, y la paciencia que hubo en mí, para poder realizar lo que hasta hoy he logrado. Agradezco a mis padres, a mi hermana y hermano por respetar mis decisiones, por su apoyo incondicional y moral. Agradezco a aquella familia que estuvo en los momentos más difíciles de mi vida y carrera, quienes me ayudaron a salir de ese camino lleno de dudas e incertidumbres; y sin esperar nada a cambio me ofrecieron su apoyo moral y material. A mis compañeros de trabajo y amigos por saber escuchar mis problemas, por sus consejos, por su alegría que transmiten en mí. Y a ti te agradezco el haberme entregado tú corazón y por haberme aceptado como tu amiga, aunque seamos totalmente diferentes. A mi amiga Montse porque siempre está dispuesta a ayudarme en todo lo que necesite. A todas estas personas les agradezco su apoyo y espero algún día poder hacer algo por ustedes. Gracias. 10 AGRADECIMIENTOS ÍNDICE INTRODUCCIÓN CAPÍTULO I PERSONALIZACIÓN DE UNA PÁGINA WEB Pág. 1.1 1.2 Empresa 8 1.1.1 Giro de la empresa 8 1.1.2 Organigrama 10 Análisis de necesidades 11 1.2.1 Definición de proyecto 11 1.2.2 Objetivos 12 1.2.3 Justificación 13 1.3 Alternativas de solución 14 1.4 Elección de la alternativa óptima 17 1.5 Plan de trabajo 19 1.5.1 Diagrama de Gantt 19 1.5.2 Especificaciones 20 11 CAPÍTULO II 2.1 2.2 DESARROLLO DEL PROYECTO Descripción detallada del plan de trabajo 21 2.1.1 Instalación del software 23 2.1.2 Tutoriales 26 2.1.3 Instalación del software EdgeCam 26 2.1.4 Elaboración de la página web 27 2.1.5 Liga de la base de datos 31 Pruebas 33 CAPÍTULO III CONCLUSIONES 3.1 Dificultades 34 3.2 Logros obtenidos 34 3.3 Recomendaciones 35 3.4 Aportaciones 35 ANEXOS GLOSARIO BIBLIOGRAFÍA 12 INTRODUCCIÓN En el presente trabajo se describe el desarrollo y funcionamiento de una base de datos, a través de un servicio de páginas Web; realizado para el área de sistemas de la empresa “Sistemas de Diseño e Ingenierías de R.L. de C.V.” El sistema que se presenta tiene como finalidad recabar la información, esto se realiza por medio de una interfaz que permite el almacenamiento de información en una base de datos. El Capítulo I describe brevemente a qué se dedica la empresa y cómo está constituida. Describe también el objetivo del proyecto y el porqué de la realización del mismo, el plan de trabajo, y por último la solución al proyecto. En el Capítulo II se presenta información detallada del proyecto, información general sobre las herramientas y conceptos que fueron necesarios para su elaboración. En el Capítulo III se explica la conclusión del proyecto, cuáles fueron las dificultades encontradas durante la elaboración, los logros adquiridos durante el desarrollo del mismo, las recomendaciones y aportaciones al proyecto. Por último se presentan los anexos que contienen códigos de todo el proyecto que se realizó. 13 CAPÍTULO I PERSONALIZACIÓN DE UNA PÁGINA WEB 1.1 SIDISA 14 1.1.1 Giro de la empresa La información que a continuación se menciona fue recopilada de la Página Web de la empresa “SISTEMAS DE DISEÑO E INGENIERÍAS DE R.L. DE C.V.” El objetivo principal de SIDISA es: brindar un servicio distintivo a nuestros clientes, tanto en venta de productos de calidad, como en servicio de asesoría y soporte técnico, procurando siempre fomentar el compromiso genuino y participativo de nuestros empleados, en pro de crear ventas inteligentes. Dar soporte y servicio con la más alta tecnología y calidad. Somos una Compañía de servicio 100% Mexicana cuyo principal objetivo es el resolver problemas específicos a nuestros clientes, por lo que contamos con un staff de ingenieros calificados en cada una de nuestras áreas. Nos encontramos ubicados en una zona estratégica en el centro de la República. Visión 15 Llegar a poseer la capacidad intelectual, instalada y financiera para competir en los mercados de todo Latinoamérica, con productos estrella y un servicio inigualable. Misión Brindar un servicio distintivo a nuestros clientes, tanto en venta de productos de calidad, como en servicio de asesoría y soporte técnico, procurando siempre fomentar el compromiso genuino y participativo de nuestros empleados, en pro de crear ventas inteligentes. Valores empresariales Calidad: todos los procesos de SIDISA se encuentran estandarizados, para una mayor comprensión y uniformidad en prácticas de negocio. Trabajo en equipo: fomentamos la colaboración en equipo de cada uno de los integrantes de SIDISA en pro de sacar un proyecto concreto. Servicio integral: el proceso de venta de nuestros softwares incluye además la capacitación personalizada y soporte técnico; implementando así una solución después de un arduo análisis de la problemática en cuestión. 16 1.1.2 Organigrama empresarial 10 1.2 Análisis de necesidades 1.2.1 Definición del proyecto En el área de Sistemas de la empresa SIDISA se controlan y administran los problemas que pueda tener la empresa, en los aspectos de tecnologías de la información y de la comunicación, con el objetivo de mantener en buen estado la operatividad de los sistemas mencionados. El problema con este departamento es que no cuenta con una página en la cual se pueda verificar cada unos de los reportes que se realizan para proporcionar el mantenimiento a SIDISA. La empresa Pathtrace, como distribuidor SIDISA, proporcionó una página web a través del programa “EdgeCam” para levantar los reportes de mantenimiento. Sin embargo dicha página no se adapta a las necesidades de la empresa, además de que desde su creación no se le ha dado mantenimiento ni actualización, y por consecuencia afecta la imagen de la empresa Pathtrace. Por lo anterior el proyecto consiste en personalizar la página, ya antes mencionada, de Job Manager Reports del software “EdgeCam”; es decir, se actualizará esta página, de acuerdo a las necesidades de SIDISA en los aspectos de una imagen más dinámica, con más información sobre la empresa y algunas piezas de las cuales se manejan en el programa “EdgeCam”, sobretodo se buscará que la información que se ira cargando automáticamente. 11 1.2.2 Objetivos del proyecto Este proyecto tiene como objetivo fundamental: • Actualizar y personalizar una página Web • Organizar los reportes de acuerdo con la familia que se creó • Acceder con rapidez y comodidad al administrador en el chequeo de reportes del software “EdgeCam”. • Crear una base de datos que será utilizada para los reportes hechos en el mismo software. 12 1.2.3 Justificación El objetivo del proyecto es que se pueda visualizar toda la información recaudada en la página, pero en el navegador del cliente. A su vez dicho proyecto permitirá una mejor organización y administración de los reportes, desde el lugar de trabajo; esto para una mayor comodidad y rapidez. El sistema está dirigido a todas aquellas personas que trabajan con el software en el área de Sistemas. Dichos reportes ahora aparecerán en la página de Job Manager Reports, gracias a la interfaz que se creará. Esto permitirá que el Gerente de la empresa tenga un procedimiento rápido al verificar los reportes desde su lugar de trabajo. 13 1.3 Alternativas de solución Para la realización de este proyecto se tienen tres alternativas de solución. A continuación se describen las soluciones: 1.- PHP PHP es un lenguaje de programación usado generalmente para la creación de contenido para sitios web. El nombre es el acrónimo recursivo de "PHP: Hypertext Preprocessor" (inicialmente PHP Tools, o, Personal Home Page Tools), y se trata de un lenguaje interpretado usado para la creación de aplicaciones para servidores, o creación de contenido dinámico para sitios web. Los principales usos del PHP son los siguientes: • Programación de páginas Web dinámicas, habitualmente en combinación con el motor de base datos MySQL, aunque cuenta con soporte nativo para otros motores, incluyendo el estándar ODBC, lo que amplía en gran medida sus posibilidades de conexión. • Programación en consola, al estilo de Perl o Shell scripting. • Creación de aplicaciones gráficas independientes del navegador, por medio de la combinación de PHP y GTK (GIMP Tool Kit), lo que permite desarrollar aplicaciones de escritorio en los sistemas operativos en los que está soportado. 14 2.- ASP Active Server Pages (ASP) es una tecnología del lado servidor de Microsoft para páginas web generadas dinámicamente, que ha sido comercializada como un anexo a Internet Information Server (IIS). ASP ha pasado por cuatro iteraciones mayores: ASP 1.0 (distribuido con IIS 3.0), ASP 2.0 (distribuido con IIS 4.0), ASP 3.0 (distribuido con IIS 5.0) y ASP.NET (parte de la plataforma .NET de Microsoft). Las versiones pre-.NET se denominan actualmente (desde 2002) como ASP clásico. En el último ASP clásico: ASP 3.0 hay seis objetos integrados disponibles para el programador; Application, ASPError, Request, Response, Server y Session. Cada objeto corresponde a un grupo de funcionalidades frecuentemente usadas y útiles para crear páginas web dinámicas. Las páginas pueden ser generadas, mezclando código de scripts del lado del servidor (incluyendo acceso a base de datos) con HTML y código del lado del servidor. 15 3.- Proyecto en Visual basic y base de datos en Access Microsoft Access es un sistema de gestión de base de datos; creado para uso de sistemas de información y almacenamiento de datos. Posee propiedades de seguridad de enlace entre una tabla y otra, mediante la opción de primary key para impedir borrar información importante o insertar información redundante. Por su particularidad Microsoft Access está diseñado como una base de datos compatible con Visual Basic, aunque Visual basic no es un administrador de base de datos. En términos generales utiliza el gestor de base de datos Jet de Microsoft Access u ODBC (Open Data Base Connectivity) para organizar los registros. Visual basic permite modalidades de: • Inserción • Borrado • Actualización en la base de datos. Además, Visual basic cuenta con varios objetos que facilitan el acceso a la base de datos, como es el Microsoft DATA o el Microsoft DAO 3.51: objetos para ver la información de la base de datos como el MSFlexGrid, quien organiza todos en forma de tabla y; objetos para generar reportes de impresión como el Microsoft Data Report. Tanto el Microsoft DATA como el Microsoft DAO 3.51 manejan sentencias SQL que permiten consultas estructuradas. 16 1.4 Elección de la alternativa óptima Al analizar las diversas alternativas de solución se llegó a la conclusión de llevar a cabo la primera opción; la página Web con el lenguaje de programación en PHP. Las ventajas que tiene este sistema sobre los demás son las siguientes: • Es un lenguaje multiplataforma. • Capacidad de conexión con la mayoría de los manejadores de base de datos que se utilizan en la actualidad. • Leer y manipular datos desde diversas fuentes, incluyendo datos que pueden ingresar los usuarios desde formularios HTML. • Capacidad de expandir su potencial utilizando la enorme cantidad de módulos (llamados ext's o extensiones). • Posee una amplia documentación en su página oficial • Es libre, por lo que se presenta como una alternativa de fácil acceso para todos. • Permite las técnicas de Programación orientada a objetos. • Permite crear los formularios para la Web • Es gratuito 17 Este sistema permitirá realizar una página confiable y con una base de datos veloz y capaz de manejar, sin problemas, tablas con millones de registros en sitios Web. Además los usuarios podrán acceder a ella, sin problemas de restricción o de alguna contraseña para ingresar. También permitirá dar a conocer los intereses de los usuarios acerca de los productos que ofrece la empresa y establecer comunicación con ellos. 18 1.5 Plan de trabajo 1.5.1 Diagrama de Gantt o Cronograma de actividades may 2006 Id. Nombre de tarea Comienzo Fin 8 Análisis de Necesidades 08/05/2006 10/05/2006 3d Busca de opciones para la realización 2 del proyecto. 08/05/2006 10/05/2006 3d Instalación del Software 11/05/2006 17/05/2006 5d 4 Instalación Apache, PHP 11/05/2006 11/05/2006 1d 5 Pruebas de los programas instalados 12/05/2006 17/05/2006 4d 18/05/2006 31/05/2006 10d 7 Estudio de tutoriales Html, PHP 18/05/2006 31/05/2006 10d Instalación del Software EdgeCAM 01/06/2006 09/06/2006 7d 01/06/2006 09/06/2006 7d 12/06/2006 30/06/2006 15d 12/06/2006 30/06/2006 15d 03/07/2006 11/08/2006 30d 03/07/2006 11/10/2006 73d 1 3 6 8 Tutoriales 9 Instalación y Pruebas del software 10 Pagina WEB Elaboración de pagina Web, colores, 11 apartados, ligas, animaciones etc. 12 Base de Datos 13 Ligar la base de datos a pagina Web 14 Pruebas 14/08/2006 18/08/2006 5d 15 Fin del Proyecto 29/08/2006 29/08/2006 1d 29/08/2006 29/08/2006 1d 16 Presentación al profesor tutor jun 2006 Duración 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 1 2 3 4 5 6 7 8 9 10 11 12 13 14 19 15 16 17 18 19 1.5.2 Especificaciones 1. Instalación de software Se instalará el software que será utilizado para la realización del proyecto, los cuales son Apache, PHP y Mysql. 2. Tutoriales Esta etapa constituye la investigación acerca de tutoriales que sirvan para el asesoramiento de la página a personalizar. 3. Instalación del software EdgeCam En este punto también se instalará el software que contiene la página a personalizar. Así como también algunas pruebas que se realizarán para el entendimiento del mismo. 4. Elaboración de la página Web Esta etapa constituye cada procedimiento que se llevará para la realización del proyecto como son los apartados que llevará la página, los colores, el tipo de información que contendrá, a qué tipo de personas va ir dirigido y lo más importante, la información que se irá cargando automáticamente. 5. Liga de la base de datos En esta etapa se ligarán todas las páginas que contiene la base de datos, por medio de comandos de PHP. CAPÍTULO II DESARROLLO DEL PROYECTO 3 2.1 Descripción detallada del plan de trabajo Antes de desarrollar el proyecto se definirá los siguientes conceptos para un mejor entendimiento y comprensión: Definición de Base de datos Se define una base de datos como una serie de datos organizados y relacionados entre sí, los cuales son recolectados y explotados por los sistemas de información de una empresa o negocio en particular. Las bases de datos proporcionan la infraestructura requerida para los sistemas de apoyo a la toma de decisiones y para los sistemas de información estratégicos, ya que éstos sistemas explotan la información contenida en las bases de datos de la organización, para apoyar el proceso de toma de decisiones o para lograr ventajas competitivas. Por este motivo es importante conocer la forma en que están estructurados las bases de datos y su manejo. Componentes principales de una base de datos Datos: es la Base de datos propiamente dicha. Hardware: el hardware se refiere a los dispositivos de almacenamiento en donde reside la base de datos, así como, a los dispositivos periféricos (unidad de control, canales de comunicación, etc.) necesarios para su uso. 4 Software: está constituido por un conjunto de programas que se conoce como Sistema Manejador de Base de Datos (DMBS: Data Base Management System). Este sistema maneja todas las solicitudes formuladas por los usuarios a la base de datos. Usuarios: existen tres clases de usuarios relacionados con una Base de datos: 1. El programador de aplicaciones, es quien crea programas de aplicación que utilizan las bases de datos. 2. El usuario final, es quien acceda a la Base de datos por medio de un lenguaje de consulta o de programas de aplicación. 3. El administrador de la Base de datos (DBA: Data Base Administrator); es quien se encarga del control general del Sistema de base de datos. PHP: es un lenguaje de programación usado generalmente para la creación de contenido para sitios web. El nombre es el acrónimo recursivo de "PHP: Hypertext Preprocessor" (inicialmente PHP Tools, o, Personal Home Page Tools), y se trata de un lenguaje interpretado usado para la creación de aplicaciones para servidores, o creación de contenido dinámico para sitios web. 5 2.1.1 Instalación de software Se realizó la selección del software que permita trabajar con el proyecto y la instalación del mismo, los cuales son: un servidor local que permita la realización de pruebas, un lenguaje de programación, que en este caso fue Php y Apache. El procedimiento es el siguiente: primero fue instalado el apache, desde la página de http://httpd.apache.org/ . Una vez descargado, se debe instalar en el sistema, ejecutando el archivo obtenido. Después se da paso a un asistente que guiará en el proceso de instalación del servidor. Durante el proceso preguntará el nombre del dominio y del servidor, que se rellenará con la palabra "localhost". Pedirá también una dirección de correo, que se rellenará con cualquiera dirección. También preguntará si se desea que el servidor responda en el puerto 80 para todos los usuarios o, si se desea que sólo se active para el usuario actual en el puerto 8080, cuando se inicie manualmente. Lo normal es que lo activen para todos los usuarios. Con estos datos queda configurado el Apache inicialmente. En cualquier momento pueden editarse al gusto o necesidad. Para ello se debe editar el fichero httpd.conf, localizado en el directorio de instalación de Apache, que se ha indicado durante el proceso de instalación, más concretamente, en el subdirectorio conf. Una vez 6 realizado esto, éste servirá como instructivo para configuraciones más habituales. Una vez instalado, el Apache se pone en funcionamiento. Para controlar el Apache se podrá encontrar en el botón de inicio, sección programas, un nuevo grupo llamado "Apache HTTP Server", con iconos como: detener el servidor ponerlo en marcha editar archivo de configuración httpd.conf También se podrá ver en la barra de tareas un nuevo icono indicando que el Apache está funcionando y, que además ofrece opciones para controlarlo si se pulsa sobre él. Comprobar su funcionamiento Para comprobar que el servidor está activo y funciona correctamente se debe abrir un explorador y probar a acceder la URL http://localhost. Si todo va bien, se observará el mensaje de bienvenida del servidor con algo como ¡Funcionó! ¡El servidor Apache ha sido instalado en este equipo!". 7 Después de la instalación del Apache se instaló el PHP. En el caso de PHP es diferente ya que se tiene que hacer un pequeño archivo llamado, por ejemplo, "prueba.php", en el que se colocará dentro el siguiente código: <? phpinfo() ?> Esta función simplemente creará una página de muestra de las configuraciones definidas para PHP en ese servidor. Para acceder al archivo creado desde el explorador, se escribirá en la barra de direcciones esta URL: http://localhost/prueba.php Debería aparecer un resultado como el de la siguiente imagen. 8 Fig. 2.1 Prueba. Php 2.1.2 Tutoriales Aquí se estudiaron algunos tutoriales para lenguaje HTML, base de datos, PHP, entre otros, como fundamentación teórica. Algunos de los tutoriales fueron sacados del Internet y éstas son sus rutas: http://www.gamarod.com.ar/recursos/tutoriales/php/ http://www.desarrolloweb.com/manuales/21/ http://www.desarrolloweb.com/manuales/12/ 2.1.3 Instalación del software EdgeCam Se realizó la instalación del software EdgeCam, en donde se encuentra la página a personalizar. Se realizaron algunas pruebas de conocimiento del software, así como se estudió la base de datos del mismo. 9 Fig. 2.2 Imagen de software EdgeCam 2.1.4 Elaboración de la página Web 1ra. Parte del proyecto Se comenzó con la selección de los campos que debe contener la página y la división de los módulos, para la captura de los datos. Esta página se diseñó en HTML: lenguaje de programación de PHP. Ésta no sólo contiene la información para la captura de la base de datos, sino también una parte donde se liga a la página principal de la empresa de SIDISA, al igual que la página de “EdgeCam”, con algunas animaciones para lograr más dinamismo en la página. También dentro de la página se muestra información acerca de EdgeCam 10 http://www.edgecam.com/es/default.asp?goUrl=/es/product/solidma chinist.shtml y algunas imágenes del proceso que se lleva dentro del software. Por último, se colocó el correo del gerente de la empresa, para que puedan mandar alguna duda o sugerencia, sobre el software que se menciona dentro de la página. A continuación se muestra el diseño de la página: Fig. 2.3 Imagen de página 1 11 Fig. 2.4 Imagen de página 2 Una vez terminado el diseño de la página se continúo con la creación de la base de datos. Para visualizar los códigos utilizados para la realización de la página que se mostró anteriormente véase en Anexos A. En la segunda parte del proyecto se explica la creación de la base de datos. 12 2da. Parte del proyecto Una vez instalado el Apache y PHP, se debe verificar que el programa esté correctamente instalado, los cuales se encuentran dentro de C: en donde Apache se encuentra en Archivos de programas. Para comprobar que el servidor está activo y funciona correctamente se puede abrir un explorador para acceder a la URL http://localhost, que es el servidor. En el caso de PHP es diferente ya que si está en función simplemente creará una página de muestra de las configuraciones definidas para PHP en ese servidor. Para acceder al archivo creado desde el explorador, se escribirá en la barra de direcciones esta URL: http://localhost/prueba.php. Debe aparecer un resultado como éste (ver Fig. 2.5), como se había mencionado anteriormente. Fig. 2.5 Imagen de prueba 13 2.1.5 Liga de la base de datos Para ligar los datos a la página http://localhost/gaby/cam.html, se utilizó una serie de comandos como los siguientes: El proceso empieza en index.php, index manda llamar el archivo llamado loadPages.php con el siguiente comando: Include(“procesos/loadPages.php”); que está en la carpeta procesos. Este archivo hace una copia de los reportes que hay en html de la ruta del sistema EdgeCam, hacia la ruta que está disponible para publicar contenido Web. Después de copiar ese archivo; index.php llama el archivo setFormatHtml.php con el comando siguiente: Include (“procesos/setFormatHtml.php”); el cual hace una lectura de los archivos y les modifica el contenido para darle un formato distinto al que tenía. Finalmente index.php muestra los reportes en un iframe con el siguiente comando: <iframe width=”100%” heigth=”90%” src=”Pages/jm welcome.html” frameborder=”0”> </iframe> 14 Fig. 2.6 Comandos para configuración Para visualizar cómo fue que se mandó llamar a las páginas por medio del código, ver ANEXO B “config.php”. Para ver el código de cómo se mandó llamar a los archivos de procesos/loadPages.php y procesos/setFormatHtml.php ver ANEXO B “index.php”. 15 2.2 Pruebas Las pruebas se realizaron durante una semana, en las cuales se probaron si la base de datos se estaba actualizando automáticamente y si la información que se enviaba era la misma que contenía la página. Todo esto para observar que toda la información así, como se enviaba, llegaba y que ningún tipo de dato se perdiera. Después de hacer esas pruebas, se mostró el proyecto al Gerente de la empresa SIDISA, así como también el funcionamiento del mismo. Se mostró los apartados que tendría la página y así fue como se concluyó la elaboración del proyecto llamado “Personalización de una página web”. 16 CAPÍTULO III CONCLUSIONES 17 3.1 Dificultades Algunas de las problemáticas que se tuvieron durante el desarrollo del proyecto se dieron cuando se quiso instalar el software, ya que no se tenía la experiencia necesaria en la instalación. Esto requirió de investigación sobre la instalación del Servidor Apache y Php y asesoría de personas relacionados con el tema. Otra de las dificultades encontradas se dio en la base de datos que se pensaba jalar, ya que estaba con llave, debido a la seguridad con que el software cuenta. Se resolvió con la ayuda de la empresa “Pathtrace”, específicamente con el encargado del mantenimiento del software EdgeCam. 3.2 Logros obtenidos El proyecto se realizó en cuatro partes, todas relacionadas con la página Web. Actualizar y personalizar una página Web. Nuevo formato a la página que ya existía. Ligar páginas a la página Web creada. Creación de una página que será la interfaz para la captura de información. Esta página se logró terminar con todos los requisitos solicitados por la empresa; se puede decir que está funcionando al 100 por ciento en el servidor local. 18 • El formato que se le dio a la página es algo formal y con más apartados que en la página anterior, cuenta con animaciones para una mejor presentación, lo que hace atractivo a la página. • El ligar las páginas de Job Manager Reports a la página que se realizó, es el complemento que tiene y es la actividad principal de la página, ya que ésta contiene los reportes que se realizarán dentro del software. . 3.3 Recomendaciones Se considera que la empresa debe estar siempre actualizada con las nuevas tecnologías que surgen día a día, así como en la actualización constante de su página. 3.4 Aportaciones Soporte Técnico a los equipos de la empresa SIDISA. 19 ANEXOS 20 ANEXO A parte Códigos del proyecto: primera <html> <head> <title>Mi pagina</title> </head> <frameset rows="150,*" frameborder="1" bordercolor="Green"> <frame name="head_frame" marginwidth="10" src="edge.html" marginheight="10" scrolling="no" "noresize frameborder="0"> <frameset cols="200,*" > <frame name="left_frame" src="edge1.html" marginwidth="10" marginheight="10" scrolling="no" noresize frameborder="0"> <frame src="pathtrace.html" marginheight="10" name="right_frame" marginwidth="10" scrolling="auto" noresize frameborder="0"> </frameset > </frameset> </html> 21 ANEXO A – 1 <html> <head> <title> EdgeCAM job Manager Reports </title> </head> <body bgcolor=#996633> <table width="100%"> <tr> <td width="17%"><img src="3.jpg"></td> <td width="83%"><b><center><font size=20 face=curier color=white> Job Manager Reports</font></center></b></td> </tr> </table> <marquee face=curier EdgeCAM behavior=alternate><i><font size=7 color=#33CCFF>Welcome Job to Manager Reports.</font></i></marquee> </body> </html> 22 ANEXO A – 2 <html> <head> <title> EdgeCAM job Manager Reports </title> </head> <body bgcolor=#33CCFF> <table width=70%> <tr> <img src="flecha.gif" align="absmiddle"> <td align=center><font size=3 color=#000099 face=curier><b>PAGINA PRINCIPAL</b></font></td> </tr> <tr> <td align=center><font size=5 color=#000099 face=curier><b>SIDISA</b></font></td> </tr> </table> <br> <table width=153 > <tr> <td width="70" color=#000099 align=center><font face=curier><b> size=3 MEXICO </b></font></td> 23 <td width="71" color=#000099 align=center><font face=curier><b> U size=3 S A</b></font></td> </tr> <tr> <td align=center><a href="http://www.sidisa.net/Main.htm" target="_blank"><img src="mexico.jpg" width="44" height="33" alt="SIDISA ESPAÑOL" border="0" ></a></td> <td align=center><a href="http://www.sidisa.net/Eng/Main.htm" target="_blank"><img ENGLISH" src="eu.jpg" width="44" alt="SIDISA height="33" border="0" ></a></td> </tr> <tr> <td colspan="2" align=center><a href="../edgecam/index.php" target="right_frame" >Job Manager Reports</a></td> </tr> </table> <p> <img src="flecha.gif" align="absmiddle"> <img src="5.jpg" ><br><br> <center> <font size=3 face=curier color=#000099> WHAT IS </font><b><a 24 href="http://www.edgecam.com/es/default.asp?go Url=/es/product/solidmachinist.shtml" target="_blank"><font size=4 face=curier color=#000099> EDGECAM ? </b></font></p></a></center> </body> </html> ANEXO A – 3 <html> <head> <title> EdgeCAM job Manager Reports </title> </head> <body bgcolor=white> <img src="path.jpg" align="right"> <br><br><br><br><br> <table align=left bgcolor=silver height=10% width=80%> <tr> <td> <b><font size=3>EdgeCAM </font></b><font size=3 arial=comic sans ms color=black>es una completa y amigable solución </font> <b><font size=3>CAM </font></b> 25 <font size=3 color=black>que arial=comic permite sans ms generar los códigos</font> <b><font size=3> CNC </font></b> <font size=3 arial=comic sans ms color=black>a partir de las partes diseñadas con</font> <b><font size=3>Autodesk Inventor</font></b> <font size=3 arial=comic sans ms color=black> o </font> <b><font size=3>Mechanical Desktop.</font></b> <img src="negro.gif" align="right"> </td></tr> </table> <br><br><br><br><br><br><br><br><br> <table align=left bgcolor=#996633 height=5% width=80%> <tr> <td><B><font size=3 arial=comic sans ms color=black> QUE ES? </font></B> </td> </tr> </table> <br><br> <table align=center bgcolor=white border=3 bordercolor=#996633 height=30% width=90%> <tr> <td><p><img src="a.gif" align="right"> 26 <b><font size=4>EdgeCAM</font></b> <font size=3 arial=arial color=black> se integra dentro de su aplicación de diseño</font> <b><font size=4> MCAD</font></b> <font size=3 permitiéndole arial=arial trabajar color=black>, paramétricamente con formas y superficies complejas así como con geometrías sencillas de AutoCAD si así lo amerite.</font> <br> <font size=3 arial=arial color=black>Fresado de superficies directamente dentro del</font> <b><font size=4> Mechanical Desktop </font></b> <font size=3 arial=arial color=black>e </font> <b><font size=4>Autodesk Inventor </font></b> </p> </td> </tr> </table> <br> <table align=center bgcolor=white border=3 bordercolor=#996633 height=30% width=50%> <tr> <td> <table align=left bgcolor=white border=3 bordercolor=#996633 height=30% width=20%> 27 <tr> <td><p><img src="p3.jpg" align="right"> </p> </td> </tr> </table> <table align=right bgcolor=white border=3 bordercolor=#996633 height=30% width=20%> <tr> <td><p><img src="p4.jpg" align="right"> </p> </td> </tr> </table> </td> </tr> </table> <br> <table align=left bgcolor=white border=3 bordercolor=#996633 height=90% width=48%> <tr> <td> <font size=3 arial=arial color=black>El sistema modular de </font> <b><font size=4>EdgeCAM </font></b> 28 <font size=3 arial=arial color=black>se adecua a sus necesidades y equipamiento </font> <b><font size=4>CNC</font></b> <font size=3 arial=arial color=black>. Cuenta con módulos específicos para:</font> <ul> <li>Fresado de superficies en 3, 4 & 5 ejes </li> <li>Mecanizado en multiplanos y mesa rotativa</li> <li>Torneado en 2 & 3 ejes (C & Y) </li> <li>Torneado en 4 ejes (torretas simultáneas)</li> <li>Electroerosión en 4 ejes </li> </ul> <br><br> <center><img src="p5.jpg"></center> <br><br> </td> </tr> </table> <table align=right bgcolor=white border=3 bordercolor=#996633 height=90% width=48%> <tr> <td> <center><img src="p6.jpg"></center><br> <center><img src="p7.jpg"></center> 29 </td> </tr> </table> <br><br><br><br><br><br><br><br><br><br><br ><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br ><br><br><br><br><br><br><br><br><br> <table align=center bgcolor=white border=3 bordercolor=#996633 height=30% width=30%> <tr> <td> <center><img src="p10.jpg"></center><br> </td> </tr> </table> <br><br> <center><img src="arroba1.gif"></center> <center> <font size=4 color=blue><a href="mailto:carlos@sidisa.net">carlos@sidisa.net </a> </font></center> ________________________________________ ________________________________________ ________________________________________ ___ <center><b><font size=2 color=black face=arial> SIDISA </font></b> </center> 30 <center><font size=1 face=arial>SISTEMAS DE color=black DISEÑO E INGENIERIAS DE RL DE CV.</font></center> <center><font size=1 color=black face=arial>Todos los Derechos Reservados. Esta prohibida la reproducción y/o copia de imágenes.</font></center> <center><font size=1 color=black face=arial>Fecha de elaboración: Junio 26, 2006 </font></center> <br> </body> </html> 31 ANEXO B Códigos del proyecto: segunda parte Index.php <?php include("procesos/loadPages.php"); include("procesos/setFormatHTML.php"); $HOY=date("D, M d, Y"); ?> <body bgcolor="#0099FF"> <center><strong><h1>Job Manager Reports</h1></strong> <iframe frameborder="0" width="100%" height="90%" src="Pages/jm welcome.html" ></iframe> </center> </body> Config.php <?php $origen = "C:\Archivos de programa\EdgeCAM\Cam\TStore\Reports\Pages\\ "; // la carpeta origen de los datos $destino = "C:\Public_html\edgecam\Pages\\"; //la carpeta destino que ya existe se llama Pages ?> 32 setFormatHtml.php <?php if($dir=opendir($destino)) { while ($archivosPublic=readdir($dir)) { if ($archivosPublic!="." $archivosPublic!=".." && && $archivosPublic!="Thumbs.db"){ $URL_FILE=$destino.$archivosPublic; // if(str_replace(".html",".HTML",$archivosPublic)){ec ho $archivosPublic."<hr>"; } ///////////////::::::::::::::::: LEE EL ARCHIVO $CONTENIDO=''; $LINE_TO_WRITE=''; $FILE=fopen($URL_FILE,"r"); if($FILE){ while(!feof($FILE)) { $CONTENIDO = fgets($FILE, 1024); 33 $CONTENIDO = str_replace("<h1>Job Manager Reports<br>"," ",$CONTENIDO); $CONTENIDO = str_replace('src="JM Search.html"','src=""',$CONTENIDO); $CONTENIDO = str_replace('src="JM Messages.html"','src=""',$CONTENIDO); $CONTENIDO = str_replace('<img','<div',$CONTENIDO); $CONTENIDO = str_replace('bgcolor="#AAFFAA"','bgcolor="#74ca 69"',$CONTENIDO); $CONTENIDO = str_replace('rows="*,132"','rows="*,1',$CONTENID O); $CONTENIDO = str_replace('border="4"','border="1"',$CONTENID 34 O); $CONTENIDO = str_replace('bgcolor="#DDDDFF"','background="../ images/bgHeads.bmp"',$CONTENIDO); $LINE_TO_WRITE.=$CONTENIDO; } } fclose($FILE); ///////////////::::::::::::::::: LEE EL ARCHIVO ///////////////::::::::::::::::: FORMATEA EL ARCHIVO $f_any = fopen($URL_FILE,"w+"); fwrite($f_any, '<link href="../style.css"rel="stylesheet" type="text/css">'.$LINE_TO_WRITE); fclose($f_any); 35 ///////////////::::::::::::::::: FORMATEA EL ARCHIVO } } } ?> loadPages.php <?php loadAllPages($origen,$destino); #---------------------------------------------------------# FUNCION PARA LEER LA INFORMACION #---------------------------------------------------------function loadAllPages($origen,$destino){ mkdir($destino); if ($LOAD_FILES = opendir($origen)) { /* echo "Directorio: $origen<br><br>"; 36 echo "Fichero(s):<br><br>"; */ while($file = readdir($LOAD_FILES)) { if ($file != "." && $file != "..") { if(copy($origen . $file, $destino . $file)) { /* echo "<b>$file</b> se copió con éxito al directorio $destino .<br>"; */ } } } closedir($LOAD_FILES); } } #---------------------------------------------------------# FUNCION PARA LEER LA INFORMACION #---------------------------------------------------------- ?> 37 GLOSARIO 38 Apache: Apache es un conocido servidor de código abierto para Unix (incluido Linux) y Windows, soportado por The Apache Software Foundation. Apache se utiliza administradores, para webmasters, programadores, o para cualquiera que trabaje con Apache Base de datos: es una colección de archivos interrelacionados, son creados con un DBMS. El contenido de una base de datos engloba a la información concerniente (almacenadas en archivos) de una organización, de tal manera que los datos estén disponibles para los usuarios, una finalidad de la base de datos es eliminar la redundancia o al menos minimizarla. Los tres componentes principales de un sistema de base de datos son el hardware, el software DBMS y los datos a manejar, así como el personal encargado del manejo del sistema. Hardware: se denomina hardware o soporte físico al conjunto de elementos materiales que componen un ordenador. En dicho conjunto se incluyen los electromecánicos, dispositivos circuitos, electrónicos cables, y tarjetas, armarios o cajas, periféricos de todo tipo y otros elementos físicos. 39 Php: es un lenguaje interpretado de alto nivel incrustado en el código HTML y ejecutado en el servidor. PHP puede hacer cualquier cosa que se pueda hacer con un Script CGI, como procesar la información de formularios, generar páginas con contenidos dinámicos, o mandar y recibir cookies. Quizás la característica más potente y destacable de PHP es su soporte para una gran cantidad de bases de datos. Escribir un interfaz vía Web para una base de datos es una tarea simple con PHP. Sistemas Operativos: un Sistema operativo es el software encargado de ejercer el control y coordinar el uso del hardware entre diferentes programas de aplicación y los diferentes usuarios. Es un administrador de los recursos de hardware del sistema. En una definición informal es un sistema que consiste en ofrecer una distribución ordenada y controlada de los procesadores, memorias y dispositivos de E/S entre los diversos programas que compiten por ellos. Software: se refiere a todas las aplicaciones o programas que se encuentran funcionando en cualquier equipo computacional o de comunicación. Las aplicaciones o Software más común es desarrollado con fines administrativos 40 (Procesadores de palabras, hojas de cálculo, contabilidad, entre otros). Servidor: una aplicación informática que realiza algunas tareas en beneficio de otras aplicaciones llamadas clientes. Algunos servicios habituales son los servicios de archivos, que permiten a los usuarios almacenar y acceder a los archivos de un ordenador y los servicios de aplicaciones, que realizan tareas en beneficio directo del usuario final. Éste es el significado original del término. Es posible que un ordenador cumpla simultáneamente las funciones. 41 BIBLIOGRAFÍA 42 Páginas en Internet • Tutorial Gratuito de PHP Gabriel Marcelo Rodríguez (2001 – 2005) Tutorial Gratuito de PHP. Recuperado en Octubre - Julio www.gamarod.com.ar/recursos/tutoriales/php/ - 17k – • Desarrollo Web, Tu mejor ayuda para aprender a hacer Web. Empresa Guiarte Multimedia S.L. (1997) Desarrollo Web. Tu mejor Ayuda para aprender a hacer Web. Recuperado Marzo Julio www.desarrolloweb.com/manuales/21/ www.desarrolloweb.com/articulos/1094.php?manual=12 43