personalización de una página web

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 protected]
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:[email protected]">[email protected]
</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