Upload
ely-flores
View
55
Download
0
Embed Size (px)
Citation preview
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 1/133
i|
ÍNDICE
Introducción i
CAPITULO 1. EL PROBLEMA, ALTERNATIVAS DESOLUCION, JUSTIFICACION Y OBJETIVOS
1.1. Definición del problema 1
1.2. Alternativas de Solución 4
1.2.1. Alternativa 1. Manualmente 5
1.2.2. Alternativa 2.Semiautomatico 5
1.2.3. Alternativa 3. Automática 51.3. Justificación 6
1.4. Ventajas del diseño de la página. 6
1.5 .Objetivo general. 7
1.6. Objetivo especifico. 7
CAPITULO 2 .MARCO REFERENCIAL
2.1. Historia de Aceros y Tubulares Económico SA de CV(ATESA) 82.2. Misión y visión de ATESA. 8
2.3. Objetivo de la empresa. 8
2.4. Estructura Organizacional 9
CAPITULO 3. MARCO TEÓRICO.
3.1. Sistema operativo Linux 11
3.1.1. Introducción a Linux 11
3.1.2. Historia de Linux 11
3.1.3. Características de Linux 12
3.1.4. Linux frente a los otros sistemas operativos 13
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 2/133
ii|
3.2. Sistema operativo Windows 15
3.2.1 Introducción a Windows. 15
3.2.2. Historia de Windows 15
3.2.3. Ventajas de Windows sobre Linux 17
3.3. Internet (sitios web dinámicos) 18
3.3.1. Que es Internet 18
3.3.2. Que es un sitio web. 18
3.3.3. Que es un sitio web dinámico. 19
3.4. HTML (Lenguaje de marcado de hipertexto) 20
3.4.1. Introducción 20
3.4.2. Características del Lenguaje 20
3.4.3 Ventajas del Lenguaje 21
3.5. FrontPage 22
3.5.1. Introducción 22
3.5.2. Características del editor. 23
3.5.3. Ventajas y desventajas. 233.6. Dreamweaver 25
3.6.1. Introducción. 26
3.6.2. Características. 26
3.6.3. Ventajas 26
3.7. Java Script. 27
3.7.1. Introducción 27
3.7.2. Características 27
3.7.3. Ventajas y Desventajas 28
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 3/133
iii|
3.8. Php 29
3.8.1. Introducción 29
3.8.2. Ventajas 29
3.8.3. Desventajas 30
3.8.4. Características 30
3.9. MySQL. 32
3.9.1. Introducción a bases de datos. 32
3.9.2. Clasificación. 32
3.9.3. Introducción a MySQL 34
3.9.4. Aplicaciones. 34
3.9.3. Características. 35
3.10. Ftp ( File Transfer Protocol) 37
3.10.1. Introducción 37
3.10.2. El Modelo FTP 37
3.10.3. Servidor 38
3.10.4. Cliente 39
3.11. AppServ 413.11.1. Introducción 41
3.12. Flash MX 42
3.12.1. Introducción 42
3.12.2. Características 42
3.12.3. Ventajas de flash 43
3.12.4. Desventajas de flash 43CAPITULO 4. METODOLOGÍA 45
4.1. Análisis de la empresa. 45
4.2. Análisis y selección de la información recopilada. 46
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 4/133
iv|
4.3. Alcances del sitio web. 47
4.4. Limitación del sitio web. 49
4.5. Diseño del sitio web 50
4.5.1. Diagramas de Warnier-Or 50
4.5.2. Prototipos 52
4.6. Plataforma, manejador de paginas web y base de datos para el sitio 53
4.7. Modificación del sitio web 53
4.8. Evaluación de la funcionalidad del sitio web 54
4.9. Puesta a punto del sitio web. 56
4.10. Mantenimiento y actualización del sitio 73
CAPITULO 5. RESULTADOS DEL SITIO WEB 74
CAPITULO 6. IMPACTO ECONÓMICO 84
CAPITULO 7.CONCLUSIONES Y RECOMENDACIONES ii
Glosario v
Bibliografía xv
Referencias Electrónicas xvi
Anexo 1. Encuestas xvii
Anexo 2. Resultados de las Encuestas xix
Anexo 3. Grafica de Ventas xx
Anexo 4. Código Fuente del Sitio Web xi
ndice de Figuras.
Fig.1. Funcionamiento anterior de atención a clientes en ATESA 2
Fig.2. Funcionamiento actual de atención a clientes en ATESA 6
Fig.3. Organigrama de Aceros y Tubulares Económicos SA de CV. 11
Fig.4. Tabla de Comparación de Windows contra Linux 17
Fig.5. Diagrama de comunicación entre el cliente y servidor 38
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 5/133
v|
Fig.6.Ejemplo de transferencia de archivos en FTP 40
Fig. 7. Estructura de ATESA 50
Fig.8. Ventana de Instalación del AppServ. 59
Fig.9. Ventana de Instalación en el directorio C:\AppServ. 60
Fig.10. Ventana de asignación de nombre de servidor y del correo
electrónico.
61
Fig.11. Ventana de configuración de contraseña para el acceso a la base de
datos
62
Fig.12. Ventana del servidor http://Localhost 62
Fig.13. Ventana de Administración de PhpMyAdmin 63
Fig14. Ventana de PhpMyAdmin Creación de Tablas 64Fig.15. Diccionario de Datos de la Base de Datos de ATESA 65
Fig.16. Ventana de línea de comandos de MySQL 66
Fig.17. Ventana que muestra las tablas de MySQL 67
Fig.18. Ventana que describe la tabla factura. 67
Fig.19. Ventana de resultado de la consulta en MySQL 68
Fig.20. Ventana de Inicio del Ws_FTP95 LE 69Fig.21. Ventana de Transferencia de Archivos local a Web 70
Fig.22 Acceso al Panel de Control de Triara de Telmex. 71
Fig.23 PhpMyAdmin del Sitio acerosATESA.com.mx 71
Fig.24 Consola De Administración De Correos 73
Fig.25 Página de Presentación de ATESA 75
Fig.26 Página Principal de ATESA 76
Fig.27 Página De Nosotros de ATESA 77
Fig.28 Página De Productos de ATESA 78
Fig.29 Página De Contáctanos de ATESA 79
Fig.30. Página De Acceso de ATESA 80
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 6/133
vi|
Fig.31 Página De Solicitud de Alta a ATESA 81
Fig.32 Página De Consulta de Saldos Por Factura 82
Fig.33 Página De Consulta de Saldos Por Factura con Detalles 83
Fig.35 Página Menú del Administrador 84
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 7/133
i|
INTRODUCCIÓN
En este trabajo se abordará el tema de los sitios web y en especial de los dinámicos, gracias
a estos se puede mostrar mucha información en la web (world wide web) la cual se genera apartir de lo que un usuario introduce en un formulario, al saber que la web es inmensa, la
información que se pretenda mostrar deberá tomar medidas de seguridad, para que ésta se
muestre solo al usuario correcto.
La empresa Aceros y Tubulares Económicos S.A. de C.V. (ATESA), cuyo giro es la venta
de materiales para construcción, ha visto la importancia y la necesidad que requiere para
formar parte de la elite de las organizaciones con sitios web, y han visto que existen
ventajas que les permitirán crecer, así como algunas pequeñas desventajas si no se tiene
cuidado en su uso.
ATESA, no contaba con un sitio web, por lo que se tomó la decisión de crearla, al saber sus
necesidades primordiales, tales como difusión y atención al cliente el cual le permita
interactuar de una manera mas directa con la empresa.
A lo largo de este trabajo, se explicará cuales fueron las acciones que se realizaron para el
completo funcionamiento del sitio.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 8/133
1|
CAPITULO 1. EL PROBLEMA, ALTERNATIVAS DESOLUCION, JUSTIFICACION Y OBJETIVOS
1.1. Definición del Problema
Dentro de la compañía de ATESA, se necesita facilitar el manejo de asuntos como la
publicidad, y mejoría de atención a clientes, tanto locales como foráneos precisamente en la
consulta de saldos. Ya que estos procesos pueden llegar a consumir demasiado tiempo
debido a que se tiene una gran cantidad de información a procesar, además de que las
soluciones para el manejo de estos asuntos se encuentran dispersas y no están concentradasen una sola aplicación.
Entre los asuntos principales de ATESA que fue necesario resolver, fue la falta de difusión
de la empresa en la web, y el proceso de consulta de saldos de los clientes.
La mayoría de los cliente locales sólo conocían a ATESA de forma superficial y los
foráneos sólo por lo que los vendedores mostraban (solo productos), y desconocían tanto
locales y foráneos, los servicios que esta empresa ofrece.
Además que el 80% de las ventas de ATESA eran de clientes de mostrador es decir
locales, y el resto de sus ventas eran por parte de sus vendedores asignados a regiones
diferentes. Con respecto a la consulta de saldos, los clientes al solicitar un estado de cuenta
de las compras realizadas, a ellos mismos se les traspapelaban la información o
simplemente se les olvidaba, posiblemente por una mala administración tanto de los
clientes como de ATESA.
Además de que al momento de solicitar un estado de cuenta, la entrega del mismo era tardíaya que el estado de cuenta era extraído del sistema que manejan SAE, y esté tenía que ser
cotejado con contabilidad, para así poder otorgar al cliente información veraz, lo que sufría
perdida de tiempo en la espera del estado de cuenta.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 9/133
2|
Actualmente la necesidad de contar con espacio en la red, ya sea para propósito de
publicidad, información, y utilización de base de datos, se ha convertido en una de las
principales estrategias para el éxito de una empresa.
En la figura Fig.1 se muestra el funcionamiento anterior de ATESA con atención a clientes.
Fig.1. Funcionamiento anterior de atención a clientes en ATESA.
El Cliente llega a recepción a
solicitar algún servicio.
La recepcionista pregunta que tipo
de servicio requiere y la manda con
la persona adecuada para cubrir elservicio solicitado
Si el cliente necesita comprar algún material
lo mandan con la persona de ventas la cual
creara una solitud de pedido para
posteriormente el material se le entregué en
almacén, y el cliente realiza el pago.
El encargado del Almacén recibe la
orden de pedido y entrega al
cliente.
Si el cliente necesita algún estado de cuenta
o información sobre sus compras, lo
mandan con la persona de administración.
La cual está tiene que verificar su información tanto en
el sistema del SAE, como en contabilidad para poder
así, dar la información correcta al cliente. En caso de
que el empleado este ocupado, el cliente deberá
esperar mientras esté se desocupe.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 10/133
3|
En la figura Fig.1, se puede apreciar como funcionaba el ciclo de atención a cliente en
ATESA. Esto es con el propósito de conocer las deficiencias que ahí se presentaban y por
consiguiente conocer las necesidades que se pretenden satisfacer del mismo.
Como se puede observar, el cliente pierde mucho tiempo en el proceso de ser atendido
según el servicio solicitado, debido a que los empleados, pueden tener más de un cliente
requiriendo los servicios, y él tiene que esperar hasta que termine de atender a los demás.
Además se da la situación que el cliente solicita información de sus estados de cuenta y esto
puede llegar a consumir demasiado tiempo debido a que se tiene una gran cantidad de
información a procesar, además de que el manejo de la información de cualquiera de los
servicios se encuentran dispersas en diferentes áreas y no están concentradas en una sola.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 11/133
4|
1.2.Alternativas de Solución.
La información es uno de los activos más importantes en toda organización, es indudable
que cada día las organizaciones dependen en mayor medida de la información y de latecnología.
Lo cual hace que el uso de la red sea la manera más factible de mostrar datos, ya sea de
manera general o utilizando la confidencialidad en los sitios, lo que conlleva a tener
seguridad en la información.
Hay tres aspectos principales, como distintas vertientes de la seguridad según del Peso y
ramos (1992:5).
- “ La confidencialidad: Está se cumple cuando solo el personal autorizado puede
conocer os datos o información correspondiente.
- La integridad: Consiste en que solo las personas autorizadas puedan variar los
datos.
- La disponibilidad: Se cumple si las personas autorizadas puede acceder a
tiempo a la información, el disponer de la información después del momento
necesario puede equivaler a la no disponibilidad. O disponer de la informacióna tiempo pero que esta no sea correcta, e incluso puede originar la toma de
decisiones erróneas.”
En relación a la anterior, debe de existir soluciones alternativas, basadas en medios propios
o contratados. Una vez identificadas las necesidades de ATESA, y la seguridad, se
plantearon algunas alternativas de solución, con las que se dio solución al problema
mencionado anteriormente.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 12/133
5|
1.2.1 Alternativa 1.Manualmente.
Realizar la difusión de la empresa, por medio de comunicación como lo son, televisión,
radio, periódico y revistas, que mostrara solo información básica de la empresa, que el
encargado de atención a clientes tenga en físico estados de cuenta que deberá imprimirsemanalmente de aquellos clientes que frecuentemente los solicita, lo cual no es
recomendable puesto que además de que se puede desperdiciar hojas puede de que el
cliente no lo pida o simplemente extravié la hoja lo que causaría mas desperdicio de papel.
1.2.2 Alternativa 2.Semiautomatico.
Esto se podría llevar a cabo mediante documentos de Word y hojas de Excel. En el cual se
pasarían los documentos de Word de forma tipo tríptico sobre información de la empresacon imágenes de productos, y en las hojas de Excel se pasarían los estados de cuenta de los
clientes que frecuentemente los solicita, y estos se mandarían de forma electrónica (e-mail)
a todos los clientes, pero hay clientes que no cuentan con e-mail, de tal manera que también
afectaría al cliente puesto que no tendría que a donde mandarle la información.
1.2.3 Alternativa 3. Automática.
Se propuso realizar un sitio web de ATESA, el cual mostrara información de la compañía,
tales como ubicación, teléfonos de contacto, características de productos y servicios,
además de contar con un enlace de clientes el cual solo las personas autorizada podrán tener
acceso a este enlace.
El sitio web, manejara base de datos el cual almacenara información de contacto del cliente,
y así mismo información de sus compras. Se crearan niveles de acceso donde el cliente
podrá accesar y consultar la información detallada de sus compras por factura y así mismo
tendrá la opción de imprimirla. Mientras que el usuario administrador del sistema será el
único que tendrá acceso a hacer las modificaciones tales como crear nueva factura, aplicar
abonos e imprimir estados de cuenta. El sitio web se elaborara bajo plataforma de
Windows, y se utilizara el lenguaje PHP en conjunto con MySQL.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 13/133
6|
En la siguiente figura Fig.2 se puede apreciar el nuevo método de atención a clientes al
utilizar el sitio web de ATESA como la alternativa numero 3.
Fig.2. Funcionamiento actual de atención a clientes en ATESA.
En la figura Fig.2 Se puede apreciar que la misma recepcionista, puede proporcionar los
servicios tanto de ventas como consulta de saldo, así mismo se aprovecha a las personas
encargadas de ventas ya que son mas las que pueden atender al cliente lo cual agiliza la
atención al mismo, como apronta la entrega del servicio solicitado.
El Cliente llega a recepción a
solicitar algún servicio.
La recepcionista pregunta que tipo de
servicio requiere, si es venta ella misma lo
puede atender, creando su nota de pedido,
y manda al cliente al almacén a recoger el
pedido.
Una vez realizada la compra el cliente
recoge el material en almacén
En caso de requerir un estado de cuenta, la
recepcionista podrá ofrecer el servicio de
consulta en línea, dando de alta al cliente,
proporcionado sus datos, para que el
cliente pueda acceder a sus datos sin
recurrir a la empresa.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 14/133
7|
1.3.Justificación.
Hechas las alternativas anteriores se tomo la decisión por implantar la alternativa numero 3,
esta decisión se tomo por las siguientes causas.
El diseño del sitio web, además de mostrar información sobre en la empresa en la red
(internet), los usuarios que están dados de alta puede acceder a su información personal lo
que conlleva a tener las siguientes mejoras.
Ahorro de tiempo en los procesos (esto evita el tiempo de espera en la entrega de la
información requerida por el cliente).
Otorgar información veraz y oportuna (la información otorgada será actualizada ysolo se dará cuando el cliente lo solicite).
Difusión de la Empresa en la red (la difusión de ATESA abarcara mas lugares lo
que se promocionara por si sola con el sitio web).
Beneficio al cliente en consulta de saldos (Solo aquellos clientes dados de alta
podrán acceder a su información de saldos mediante la red).
1.4.Ventajas del diseño de la Página.
Las ventajas que traerá el sitio web serán:
Crecimiento de la empresa.
Difusión en la red de las actividades, productos y servicios que esta ofrece.
Incremento en ventas.
Para la elaboración de sitio fue necesario establecer algunos objetivos que fueron de suma
importancia para que así esté se haya realizado satisfactoriamente. Para esto se tuvo que
identificar el objetivo general y los objetivos específicos, los cuales se muestran a
continuación.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 15/133
8|
1.5.Objetivo General.
Proporcionar al cliente, una alternativa de conocer la empresa por medio de la red, de tal
manera que éstos puedan acceder a información veraz y oportuna desde cualquier lugar y
así mismo poder realizar consulta de datos para aquellos clientes que estén registrados. Y
ayudar al empleado a tener una manera adicional de dar atención al cliente, evitando
perdida de tiempo y dinero.
1.6.Objetivos Específicos.
Crear el sitio web de ATESA.
Transmitir información de la empresa en la red.
Atender a clientes y consulta de saldos (de forma dinámica).
Incrementar el flujo de clientes y ventas.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 16/133
9|
CAPITULO 2. MARCO REFERENCIAL
2.1. Historia de ATESA.
ATESA es una empresa mexicana, que inicio en 1980, como una empresa familiar,
dedicándose a la compra y venta de desperdicios industriales, poco a poco con este giro
fueron creciendo, hasta que en 1990 se forma la compañía, " Metales y Materiales de
Ocotlán, SA de CV", y empezaron a comercializar con material de primera calidad y en el
año 2004 se convirtió en "Aceros y Tubulares Económicos, SA de CV", ATESA además de
comercializar con todo tipo de acero, así como también fabrica lamina,(galvanizada,aluminizada, pintada, acanalada y lisa).
2.2. Misión y Visión de ATESA.
Misión: Convertirnos en una empresa líder en el mercado, suministrando soluciones yproductos de calidad para la industria y la construcción, buscando la satisfacción del cliente
y la rentabilidad de la empresa.
Visión: "Ser una organización líder, que satisfaga plenamente las necesidades del mercado
del acero, con tecnología de punta y personal calificado."
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 17/133
10|
2.3. Objetivo de la Empresa.
Atender la demanda de aceros, con alta y reconocida calidad en los ámbitos
nacional e internacional. En el área de construcción y de servicios como forma de
auspiciar el desarrollo regional.
Compartir con la comunidad ocotlense, y nacional los servicios con los que se
cuentan. Actualizar al personal administrativo y de almacén en las nuevas
tecnologías para otorgar al cliente una satisfacción garantizada.
2.4. Estructura Organizacional
ATESA, cuenta con una estructura organizacional de la siguiente manera:
Gerencia: Es la persona encargada de fijar objetivos; derivar metas en cada área
de objetivos; organizar tareas, actividades y personas; motivar y comunicar,
controlar y evaluar; y, desarrollar al empleado y a sí mismo.
Recepcionista o secretaria: Persona encargada de operar un teléfono, haciendo y
recibiendo llamadas telefónicas, conectando las mismas con las áreas. Atiende al
público que solicita información dándole la orientación requerida.
Departamento de Ventas: Persona encargada de vender y brindar un buen
servicio al cliente, retener a los clientes actuales, captar nuevos clientes, lograr
determinados volúmenes de venta, mantener y mejorar la participación en el
mercado, generar una determinada utilidad o beneficio, entre otros, en diferentes
zonas. Departamento de Administración. Persona encargada de llevar el sistema
contable, Suministrar información fiable y oportuna para la toma de decisiones.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 18/133
11|
Departamento de Embarques: Persona también llamada almacenista que se
encarga de recibir las mercancías embarcadas y certificado del estado en que
éstas se encuentran de parte de los proveedores. Control de inventario y entrega
al cliente.
Departamento de compras: Persona encarga de atención a proveedor respecto a
compras, planear y programar las adquisiciones de bienes y servicios, de
acuerdo a las necesidades y asignación presupuestal de ATESA. Elaborar un
catalogo de proveedores previa investigación, análisis y evaluación de las
características y comportamiento de los proveedores en el mercado, en cuanto a
la calidad, precio y oportunidad de los productos y servicios.
A continuación en la figura fig.3. Se muestra el organigrama de la empresa.
Fig.3. Organigrama de Aceros y Tubulares Económicos SA de CV.
Gerente General
Secretaria
(Recepcionista)
Gerente de
Ventas
Michoacan y ColimaZona Cienega
Administracion
Embarques
(Almacenista)
Compras
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 19/133
12|
CAPITULO 3. MARCO TEORICO
Para la elaboración del sitio se realizaron las siguientes búsquedas:
Búsqueda de información sobre el sistema operativo en el cual se hospedara el sitio
web
o Linux.
o Windows
Búsqueda de información internet.(sitios web dinámicos)
Búsqueda de información sobre diferentes tipos de manejadores de Sitios Web
como lo son:
o HTML
o FrontPage
o Dreamweaver
Búsqueda de información sobre lenguajes en sitios web dinámicos:
o Java y Java Script
o Php
Búsqueda de información sobre manejadores de base de datos.
o Mysql Búsqueda de información sobre FTP
Búsqueda de información sobre APPSERV
Búsqueda de información sobre Flash.
Estas búsquedas se hicieron con la finalidad de conocer y aprender los distintos
manejadores de sitios web dinámicos, y así seleccionar el más adecuado al tomar en cuenta,
costo, fiabilidad y sencillez para el usuario y cumpla así con las características que se
requirieron para la elaboración de dicho sitio.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 20/133
13|
3.1. Sistema operativo Linux.
3.1.1 Introducción a Linux
Según Cuenca (2006), Linux es “Un sistema operativo muy robusto, potente y estable”. Es
multitarea, multiusuario, multiplataforma y multiprocesador; en las plataformas Intel corre
en modo protegido; protege la memoria para que un programa no pueda hacer caer al resto
del sistema; carga sólo las partes de un programa que se usan; comparte la memoria entre
programas aumentando la velocidad y disminuyendo el uso de memoria; usa un sistema de
memoria virtual por páginas; utiliza toda la memoria libre para cache; permite usar
bibliotecas enlazadas tanto estática como dinámicamente; se distribuye con código fuente;
usa hasta 64 consolas virtuales; tiene un sistema de archivos avanzado pero puede usar los
de los otros sistemas; y soporta redes tanto en TCP /IP como en otros protocolos.
3.1.2 Historia de Linux
Se trata de un sistema operativo de 32 bits de libre distribución, desarrollado originalmente
por Linus Torvalds, un estudiante de la universidad finlandesa de Helsinki, quien, en 1991,
se abocó a la tarea de reemplazar a Minix, un clon de Unix de pequeñas proporciones y
finalidad académica desarrollado años antes por Andrew Tannenbaun. A medida que
avanzaba en su desarrollo, Linux dejo el código fuente de las sucesivas versiones del kernel
y utilidades de Linux a disponibilidad de los usuarios de Internet. Este fue sin duda un gran
acierto, ya que hizo posible que una multitud de desarrolladores de todo el mundo se
familiarizaran con el código, lo cual en primera instancia significó un gran aporte de
sugerencias, evolucionado luego hacia un espectacular ejemplo de desarrollo distribuido de
software: centenares de desarrolladores independientes, desde diferentes puntos del planeta
tomaron a su cargo la producción de software para Linux, ya sea escribiéndolo desde cero o
portándolo desde otras plataformas Unix. Esta modalidad de desarrollo continúa aún hoy y
ha permitido a Linux alcanzar un alto nivel de desarrollo y madurez, así también como un
amplio grado de aceptación. Cuenca, (2006). Disponible en
http://www.investigacion.frc.utn.edu.ar/labsis/Publicaciones/ QueEsLinux/ QueEsLinux.htm
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 21/133
14|
3.1.3. Características de Linux
Algunas características de Linux que describe Pons (2005:15) se encuentran las siguientes.
“ Multitarea: La palabra multitarea describe la habilidad de ejecutar varios
programas al mismo tiempo. LINUX utiliza la llamada multitarea preventiva, la
cual asegura que todos los programas que se están utilizando en un momento dado
serán ejecutados, siendo el sistema operativo el encargado de ceder tiempo de
microprocesador a cada programa.
Multiusuario: Muchos usuarios usando la misma maquina al mismo tiempo.
Multiplataforma: Las plataformas en las que en un principio se puede utilizar Linux
son 386-, 486-. Pentium, Pentium Pro, Pentium II,Amiga y Atari y las actuales,
también existen versiones para su utilización en otras plataformas, como Alpha, ARM,MIPS, PowerPC y SPARC.
Multiprocesador: Soporte para sistemas con más de un procesador esta disponible
para Intel y SPARC.
Memoria virtual usando paginación (sin intercambio de procesos completos) a
disco: A una partición o un archivo en el sistema de archivos, o ambos, con la
posibilidad de añadir más áreas de intercambio sobre la marcha Un total de 16
zonas de intercambio de 128Mb de tamaño máximo pueden ser usadas en unmomento dado con un límite teórico de 2Gb para intercambio. Este límite se puede
aumentar fácilmente con el cambio de unas cuantas líneas en el código fuente.
La memoria se gestiona como un recurso unificado para los programas de usuario
y para el caché de disco, de tal forma que toda la memoria libre puede ser usada
para caché y ésta puede a su vez ser reducida cuando se ejecuten grandes
programas.
Todo el código fuente está disponible, incluyendo el núcleo completo y todos los
drivers, las herramientas de desarrollo y todos los programas de usuario; además
todo ello se puede distribuir libremente
Soporte para muchos teclados nacionales o adaptados y es bastante fácil añadir
nuevos dinámicamente.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 22/133
15|
Consolas virtuales múltiples: varias sesiones de login a través de la consola entre
las que se puede cambiar con las combinaciones adecuadas de teclas (totalmente
independiente del hardware de video). Se crean dinámicamente y puedes tener
hasta 64.
Sistema de archivos de CD-ROM que lee todos los formatos estándar de CD- ROM.
TCP /IP, incluyendo ftp, telnet, NFS, etc. “
3.1.4. Linux frente a los otros sistemas operativos
Linux es una muy buena alternativa frente a los demás sistemas operativos. Más allá
de las ventajas evidentes de costo, ofrece algunas caracterí sticas muy notables. En
comparación con las otras versiones de Unix para PC, la velocidad y confiabilidad de Linuxson muy superiores.
No solo es superior respecto a el sistema de multitarea y de administración de memoria,
sino también en la capacidades de networking (conectividad a redes) y de multiusuario (aún
comparando con sistemas multiusuario como NT). La única desventaja de Linux frente a
estos sistemas, es la menor disponibilidad de software, pero este problema disminuye con
cada nuevo programa que se escribe para el proyecto GNU, y con algunas empresas que
están desarrollando software comercial para Linux. Martínez (2008). Sobre Linux. Disponible en
http://www.linux-es.org/sobre_linux.
El uso de éste software de libre uso, esta disponible en Internet, el cual tiene varios
atractivos generales, tales como su disponibilidad inmediata y el bajo o ningún costo así
como también los bajos requisitos de software para su instalación y su uso. También como
el ahorro de memoria, puesto que permite que varios procesos utilicen el mismo espacio de
memoria, este mecanismo optimiza el uso de la cantidad de memoria necesaria en el
sistema. Además Linux cuenta con distribuciones móviles esto es que no es necesario
instalar el sistema operativo en el disco duro, este tipo de distribución permite llevarse y
utilizar el mismo sisma en prácticamente cualquier tipo de PC.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 23/133
16|
3.2. Sistema operativo Windows
3.2.1. Historia de Windows
La primera versión de Windows fue la 1.0, lanzada en noviembre de 1985, carecía de
funcionalidades y consiguió un poco de popularidad. No era un sistema operativo en sí
mismo, sino que era programa ejecutándose en el sistema MS-DOS.
Microsoft Windows 3.0 fue lanzada en 1990, fue la primera versión en alcanzar éxito
comercial. Tuvo mejoras en la interfaz de usuario y las capacidades de multitarea. Luego
salió el 1 de marzo de 1992 la versión 3.1 con pequeños cambios. En julio de 1993,
Microsoft lanzó Windows NT basado en un nuevo kernel. NT es considerado de la líneaprofesional de los sistemas operativos Windows.
Para agosto de 1995, Microsoft lanza Windows 95, que es considerado realmente un
sistema operativo. En octubre de 2001, Microsoft lanza Windows XP, la cual está basada
en el kernel de Windows NT, pero que también incorpora características de la línea de
hogar. En abril de 2003, fue lanzado Windows Server 2003 en reemplazo de la línea de
productos para servidores Windows 2000. Esta versión poseía muchas mejoras y una fuerte
seguridad. La siguiente versión del sistema operativo fue Windows Vista, lanzada el 30 de
noviembre de 2006 para clientes de negocios. En cambio la versión para consumidores fue
lanzada el 30 de enero de 2007. Windows Vista trajo mejoras en la seguridad,
características más avanzadas en sus gráficos con una interfaz opcional llamada Windows
Aero, además de múltiples nuevas aplicaciones. Bibliográficas de Internet. Definiciones.biz
(2006). Introducción a Windows. Disponible en http://www.definicion.biz/de/Windows.htm.
En la figura fig.4. Se muestra una tabla de comparación de Windows contra Linux, donde
se puede observar las ventajas que ofrece cada uno de ellos.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 24/133
17|
SISTEMA
OPERATIVO
WINDOWS VISTA WINDOWS XP WINDOWS
2000
DEBIAN GNU/LINUX FEDORA (LINUX) OPENSUSE LIN
Creador Microsoft Microsoft Microsoft Proyecto Debian Proyecto Fedora SuSE
Año de primera
distribución
2007 2001 2000 1993 2003 1994
Costo U$S 90 (Home Basic) 179 (Home
Premium) 229 (Business) 349
(Ultimate)
U$S 178.71 (Home)
U$S 270.96 (Pro)
U$S75,25(Hom
e)
Gratuito Gratuito Gratuito
Licencia No Libre No Libre No Libre Libre: GNU Libre: GNU Libre: GNU
Tipo de usuario Hogar, negocios y redes Hogar, negocios y
redes
Negocios Hogar, ciencia, servidores, redes, diseño,
negocios
Hogar, ciencia,
servidores, diseño
Hogar,
servidores, diseñ
Arquitecturas de
procesador soportadas
Intel x86, Intel x86 64, Intel IA64 Intel x86, Intel x86
64, Intel IA64
Intel x86 Intel x86, Intel IA64, AMD64, DEC Alpha,
ARM, HP PA-RISC, MIPS (big endian),
MIPS (little endian), PowerPC, IMB S/390,
Sparc
Intel x86, AMD64,
PowerPC
Intel x86, A
PowerPC
Soporte de sistemas de
archivo de 32 bits
Sí Sí Sí Sí Sí Sí
Soporte de sistemas de
archivo de 64 bits
Si Si No Sí Sí Sí
Fig.4. Tabla de Comparación de Windows contra Linux
IBM developerWorks (2003).
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 25/133
18|
3.2.3. Ventajas de Windows sobre Linux
Es más fácil
Al ser de mayor facilidad de uso Windows en este momento continúa siendo el
sistema operativo más comercial lo cual se refleja en la disponibilidad de aplicaciones,facilidad de mantenimiento así como soporte en el desarrollo de nuevas aplicaciones,
puntos que pueden ser cruciales en la elección de servidores que corren aplicaciones web.
Aplicaciones desarrolladas en menor tiempo
Fruto de la inversión realizada por Microsoft y aunado a una comunidad de
programadores cada vez más grande se ha logrado facilitar el desarrollo de aplicaciones y
sistemas que corran sobre servidores Windows lo cual se ve reflejado en tiempos de
desarrollo menores. Lycos, Inc. (2007) Disponible en:
http://usuarios.lycos.es/linuxvswindows/sistema_operativo_windows.htm
Tanto Windows como Linux tienen sus ventajas e inconvenientes, aunque desde un punto
de vista más técnico Linux es uno de los mejores sistemas operativos. Además de ser un
software libre, fiable, es configurable, es un sistema operativo seguro, además de disponer
del código fuente abierto, y de ser muy portable. En cambio Windows, es más agradable a
la vista, además de contar con gran variedad de paquetería para implementarlo con el
sistema operativo, de tal manera que al usuario se le facilita la instalación de esta paquetería
puesto que con tan solo dar clic en „siguiente‟ la paquetería se instala por si sola.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 26/133
19|
3.3. Internet (sitios web dinámicos)
3.3.1. Que es Internet
Según De Pablos, Santiago, Hermoso, Medina, (2006:58). “Es un conjunto descentralizado
de redes de comunicación interconectadas, que utilizan la familia de protocolos TCP/IP,
garantizando que las redes físicas heterogéneas que la componen funcionen como una red
lógica única, de alcance mundial.” Sus orígenes se remontan a 1969, cuando se estableció
la primera conexión de computadoras, conocida como ARPANET, entre tres universidades
en California y una en Utah, EE. UU..
Uno de los servicios que más éxito ha tenido en Internet ha sido la World Wide Web
(WWW, o "la Web"), hasta tal punto que es habitual la confusión entre ambos términos. La
WWW es un conjunto de protocolos que permite, de forma sencilla, la consulta remota de
archivos de hipertexto. Ésta fue un desarrollo posterior (1990) y utiliza Internet como
medio de transmisión.
Existen, por tanto, muchos otros servicios y protocolos en Internet, aparte de la Web: el
envío de correo electrónico (SMTP), la transmisión de archivos (FTP y P2P), lasconversaciones en línea (IRC), la mensajería instantánea y presencia, la transmisión de
contenido y comunicación multimedia -telefonía (VoIP), televisión (IPTV)-, los boletines
electrónicos (NNTP), el acceso remoto a otras máquinas (SSH y Telnet) o los juegos en
línea.
3.3.2. Que es un sitio web.
Un sitio web (en inglés: website) es un conjunto de páginas web, típicamente comunes a un
dominio de Internet o subdominio en la World Wide Web en Internet. Una página web es
un documento HTML /XHTML accesible generalmente mediante el protocolo HTTP de
Internet.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 27/133
20|
Todos los sitios web públicamente accesibles constituyen una gigantesca "World Wide
Web" de información. A las páginas de un sitio web se accede desde una URL raíz común
llamada portada, que normalmente reside en el mismo servidor físico. Las URLs organizan
las páginas en una jerarquía, aunque los hiperenlaces entre ellas controlan cómo el lector
percibe la estructura general y cómo el tráfico web fluye entre las diferentes partes de los
sitios.
Una página web u hoja electrónica es una fuente de información adaptada para la World
Wide Web (WWW) y accesible mediante un navegador de Internet. Esta información se
presenta generalmente en formato HTML y puede contener hiperenlaces a otras páginas
web, constituyendo la red enlazada de la World Wide Web.
3.3.3. Que es un sitio web Dinámico.
Los sitios Web dinámicos son aquellos que permiten crear aplicaciones dentro de la propia
Web, otorgando una mayor interactividad con el navegante. Aplicaciones dinámicas como
encuestas y votaciones, foros de soporte, libros de visita, envío de e-mails inteligentes,
reserva de productos, pedidos on-line, atención al cliente personalizada. El desarrollo de
este tipo de Web es más complicado, pues requieren conocimientos específicos de
lenguajes de programación así como creación y gestión de bases de datos, pero la enormepotencia y servicio que otorgan este tipo de páginas hace que merezca la pena la inversión
y esfuerzo invertidos respecto a los resultados obtenidos. De Pablos, Santiago, Hermoso, Medina,
(2006).
El numero de personas que acceden a servicios a través de internet crece cada día, y
desarrollo de los sitio web dinámicos, incrementan la interacción con el usuario
permitiendo el acceso a pedidos en línea como compras, ya sea de comida y/o servicios que
hace la vida un poco mas fácil. A diferencia de los procesos de actualización de sitios webestáticos que son lentos e ineficientes, los dinámicos intensifican la actualización de la
información publicada, para soportar modificaciones de manera rápida y simple, para la
mayoría de los sitios web corporativos y sobre todo los portales, uno de los factores
fundamentales es poder mantener actualizado el contenido para generar interés y que los
usuarios regresen a conocer las novedades.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 28/133
21|
3.4. HTML (Lenguaje de Marcado de Hipertexto)
3.4.1. Introducción
El HTML (HiperText Markup Language) es según Berciano (1999)”el lenguaje utilizado
para representar documentos en la WWW (World Wide Web)”. Además de texto normal
incluye también, elementos multimedia (gráficos, vídeo, audio) y existen enlaces (links)
que permiten saltar a otras partes del documento o a otro sitio cualquiera de Internet. Otra
característica muy importante de este lenguaje es que es portable, es decir, se pueden
visualizar las páginas con cualquier sistema operativo y, por supuesto también crearlas.
Las etiquetas constituyen la filosofía de este lenguaje. Por medio de ellas se pueden
controlar los elementos tipográficos del texto: tipo, color y tamaño de las fuentes, el estilo
(negrita, cursiva, etc.), así como también la inclusión de tablas, listas, formularios, la
inserción de fotos, sonidos, fondos. Las etiquetas se pueden modificar por medio de sus
atributos, éstos son del tipo atributo="valor" y se colocan detrás del nombre de la etiqueta.
El nombre de la etiqueta y sus atributos se colocan entre los símbolos < y > y normalmente
se usan dos, una de inicio y otra final, para conseguir el efecto deseado. Berciano (1999).
HTLM. Disponible en http://platea.pntic.mec.es/~abercian/guiahtml/comienzo.htm.
3.4.2. Características del Lenguaje
Entre las principales características que menciona Weinman (1996:212) se encuentran las
siguientes:
“ Descripción de los componentes léxicos del HTML. Donde se indica el formato de
los caracteres, marcas, nombres, atributos, y comentarios. Estructura de los documentos. Marcas empleadas para definir las partes del
documento, las estructuras de bloque y lista, las marcas de formato de párrafos.
Caracteres, palabras y párrafos. Juegos de caracteres aceptados en el HTML y el
marcado alternativo para que el texto sea sólo ASCII de 7 bits, además de describir
cómo se tratan las palabras y los párrafos.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 29/133
22|
Soporte de hipertexto. Además de las marcas de formato se necesitan marcas para
definir relaciones entre distintos documentos (e incluso entre partes de un mismo
documento). Para ello, el HTML define una serie de marcas que se denominan
hiperenlaces.
Formularios. Nuevos en el HTML, permiten la interacción del usuario y el servidor
mediante la definición de plantillas de formulario, que el usuario completa y envía
al servidor para su proceso. Según el propósito del formulario el cliente recibirá
algún tipo de respuesta.”
3.4.3 Ventajas del Lenguaje
Según Weinman (1996:238) las ventajas que tiene este lenguaje son las siguientes
“ La memoria y el tiempo de descarga es mucho menor: El tiempo de descarga
requeridos para usar texto nativo sin mucho menores que los que se emplean para
gráficos.
Presentar gran cantidad de información: Muchos sitios son abundantes en texto y
utilizar el tipo basado en HTML, es la única opción para presentar grandes
cantidades de información escrita de manera oportuna y eficiente”.
HTML es un excelente lenguaje para edición de páginas web, ya que puede anexar tablas,
figuras, formularios entre otras cosas, el detalle de HTML es que al momento de escribir el
código para la pagina solo se puede ver la vista preliminar hasta que se abra en un
navegador web, ya que solo es código puro, de tal manera que seria una gran perdida de
seguimiento del diseño de la pagina. La gran ventaja que tiene este lenguaje el tiempo de
descarga es mucho menor.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 30/133
23|
3.5. FrontPage
3.5.1. Introducción
FrontPage es un editor de páginas web de Microsoft. Creado hace ya muchos años, ha
tenido multitud de versiones que han ido mejorando su funcionamiento. Está orientado a
personas inexpertas y sin conocimientos de HTML.
Sus capacidades son semejantes a las de otros editores, como el crear mapas de imágenes,
gestionar la arborescencia de las páginas del sitio.
Lamentablemente, al ser un producto Microsoft, está orientado a construir páginasoptimizadas para Internet Explorer. Por esta misma razón, al insertar algún elemento activo
en una página web, como es el caso de los controles ActiveX, o los scripts de cliente, sólo
suele funcionar en Internet Explorer.
Conseguir páginas que se vean bien en Netscape Navigator puede ser complicado con este
programa, lo que, desde el punto de vista, es un serio inconveniente. (Ahora tan solo un 3%
de los usuarios aproximadamente navega con programas distintos a Internet Explorer, pero
en muchos casos es necesario que las páginas sean 100% compatibles con todos los
navegadores)
La solución ofrecida por Microsoft para el diseño de páginas web dista en mucho de ser una
herramienta recomendable en sus versiones más antiguas, pero a medida que se han ido
presentando nuevas versiones se han corregido algunos de sus problemas. Álvarez (2004).
Desarrollo Web. Disponible en http://www.desarrolloweb.com/articulos/335.php.
3.5.2. Características del lenguaje.
A diferencia de HTML FrontPage muestra algunas características adicionales que
mencionan Ibabe y Jaureguizar (2001:23), como son las siguientes:
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 31/133
24|
“Flexibilidad y control .Estos dispositivos FrontPage han sido diseñados para
crear páginas Web.
Posicionamiento y colocación de capas con la precisión de un pixel. Se puede
controlar la colocación de gráficos, texto y otros elementos donde se requiera.
Elementos personalizables – Contiene 60 nuevos elementos prediseñados. También
se puede personalizar colores, logotipos, gráficos, y fondos.
Animación DHTML - Se puede añadir animaciones HTML dinámicas y perfiles
eliminables que trabajen con todos los navegadores.
Herramientas de color - Se podrá elegir colores personalizados desde una paleta o
una rueda de colores, añadir colores de un gráfico a sus colores personalizados, o
elegir de entre varios esquemas de color muy completos.”
3.5.3. Ventajas y desventajas de FrontPage
Según Ibabe y Jaureguizar (2001:39), su principal ventaja es “que permite instalar algunas
características extra de Web dinámicas incluidas dentro del programa.”
Sin embargo presenta serias desventajas:
“Duplica y hasta triplica el espacio utilizado en disco.
Necesita de las extensiones Front Page instaladas en su servidor virtual.
Al instalar, no puede proteger páginas con contraseña ni ejecutar ningún tipo de
script Perl o PHP, menos aún trabajar con bases de datos MySQL.”.
FrontPage es un gran editor de paginas web a diferencia de HTML, puesto que desde su
creación muestra el diseño o vista que tendrá en el navegador web, de tal manera que desde
que se realiza el diseño de la misma se puede ir modificando, sin perder tiempo en ir a un
explorador en ver como va quedando, por lo cual es mas rápido la edición de la misma.
Pero como se menciono anteriormente no cuenta con la protección de las páginas, puesto
que no reconoce ningún tipo de script Perl, o php.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 32/133
25|
3.6. Dreamweaver
3.6.1. Introducción.
Adobe Dreamweaver® (Dw) según Pascal (2004:125), “es una aplicación en forma de
estudio (Basada por supuesto en la forma de estudio de Adobe Flash®) pero con más
parecido a un taller destinado para la construcción y edición de sitios y aplicaciones Web
basados en estándares.” Creado inicialmente por Macromedia (actualmente producido por
Adobe Systems). Es el programa de este tipo más utilizado en el sector del diseño y la
programación web, por sus funcionalidades, su integración con otras herramientas como
Adobe Flash y, recientemente, por su soporte de los estándares del World Wide WebConsortium. Su principal competidor es Microsoft Expression Web.
Tiene soporte tanto para edición de imágenes como para animación a través de su
integración con otras herramientas
Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la
web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer, y
no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.
La gran base de este editor sobre otros es su gran poder de ampliación y personalización del
mismo, puesto que este programa, sus rutinas (como la de insertar un hipervínculo, una
imagen o añadir un comportamiento) están hechas en Java script-C lo que le ofrece una
gran flexibilidad en estas materias.
Esto hace que los archivos del programa no sean instrucciones de C++ sino, rutinas de Java
script que hace que sea un programa muy fluido, que todo ello hace, que programadores yeditores web hagan extensiones para su programa y lo ponga a su gusto.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 33/133
26|
3.6.2. Características.
Además de sus capacidades WYSIWYG, tiene las funciones típicas de un editor de código
fuente para la web:
Un administrador de sitios, para agrupar los archivos según el proyecto al que
pertenezcan.
Un cliente FTP integrado, que permite subir los archivos editados inmediatamente
al sitio en Internet.
Función de autocompletar y resaltado de la sintaxis para instrucciones en HTML y
lenguajes de programación como PHP, JSP o ASP.
3.6.3. Ventajas de Dreamweaver.
Hay tres ventajas al usar Macromedia Dreamweaver.
El software soporta muchas clases de animación tales como flash. Además, hay
algunos buenos botones de animación que se ofrecen con Macromedia
Dreamweaver.
Se puede utilizar las plantillas Web en un número muy enorme de Web pages.
El software soporta un grupo grande de lenguajes de programación. Por lo tanto,
usted puede crear su Web site por ASP, XHTML, CSS, y PHP, entre otros. Pascal,
(2004).
Macromedia Dreamweaver, es un software soporta muchas clases de animación tales como
flash. Además, a diferencia de FrontPage esté contiene botones de animación, también se
utiliza las plantillas Web en gran número de Web pages. Al mismo tiempo este software
soporta lenguajes de programación. Además soporta con solides tecnologías que utilizanlos diseñadores web y es una actualización significativa que ofrece un nuevo conjunto de
herramientas para aquellos que pasan una gran cantidad de tiempo con HTML, CSS y
JavaScript.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 34/133
27|
3.7. Java script
3.7.1. Introducción Java ScriptSegún Valdelli(2006): JavaScript “es un lenguaje de programación interpretado, es decir,
que no requiere compilación, utilizado principalmente en páginas web, con una sintaxis
semejante a la del lenguaje Java y el lenguaje C ”.
Al igual que Java, JavaScript es un lenguaje orientado a objetos propiamente dicho, ya que
dispone de Herencia, si bien esta se realiza siguiendo el paradigma de programación basada
en prototipos, ya que las nuevas clases se generan clonando las clases base (prototipos) y
extendiendo su funcionalidad. Todos los navegadores modernos interpretan el código
JavaScript integrado dentro de las páginas web. Para interactuar con una página web se
provee al lenguaje JavaScript de una implementación del DOM.
3.7.2. Características de Java Script
JavaScript es muy fácil de aprender para quien ya conoce lenguajes similares como el C++
o Java, pero, dada su simplicidad sintáctica y su manejabilidad, no es tampoco difícil para
quien se acerca por primera vez a este lenguaje. Sin embargo, esto puede ser un arma de
doble filo porque la simplicidad se basa en una disponibilidad de objetos limitada, por lo
que algunos procedimientos, aparentemente muy sencillos, requieren script bastante
complejos. La característica principal de Java script, de hecho, es la de ser un lenguaje de
scripting, pero, sobre todo, la de ser el lenguaje de scripting por excelencia y, sin lugar a
dudas, el más usado. Esta particularidad conlleva una notable serie de ventajas y
desventajas según el uso que se le deba dar y teniendo en cuenta la relación que se
establece entre el mecanismo cliente-servidor. El concepto de script queda bien expresadocon una comparación que se puede leer en el texto de Michael Moncur sobre Java script,
recientemente publicado en Italia por Tecniche Nuove. La explicación es muy eficaz y
merece citarse: script en inglés significa "guión". De hecho, el uso es exactamente éste: el
navegador lee una línea, la interpreta y la ejecuta, después pasa a la sucesiva y hace lo
mismo, y así hasta el cierre del script.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 35/133
28|
3.7.3. Ventajas y Desventajas de Java Script
Como menciona Valdelli (2006) las ventajas y las desventajas respectivas de los lenguajes
de scripting y los lenguajes compilados se muestran algunas:
“El lenguaje de scripting es seguro y fiable porque está en claro y hay que
interpretarlo, por lo que puede ser filtrado; para el mismo Java script, la seguridad
es casi total y sólo en su primera versión el CIAC (Computer Incident Advisory
Committee) señaló problemas de leve entidad, entre ellos la lectura de la caché y de
los sitios visitados, de la dirección e-mail y de los file presentes en el disco.
Los script tienen capacidades limitadas, por razones de seguridad, por lo cual no es
posible hacer todo con Java script, sino que es necesario usarlo conjuntamente con
otros lenguajes evolucionados, posiblemente más seguros, como Java. Dicha
limitación es aún más evidente si se quiere operar en el hardware del ordenador,
como, por ejemplo, la fijación en automático de la resolución vídeo o la impresión
de un documento;
Un problema importante es que el código es visible y puede ser leído por
cualquiera, incluso si está protegido con las leyes del copyright.
El código Java script se ejecuta en el cliente por lo que el servidor no es solicitado
más de lo debido; un script ejecutado en el servidor, sin embargo, sometería a éstea dura prueba y los servidores de capacidades más limitadas podrían resentir de
una continua solicitud por un mayor número de usuar ios”
JavaScript es un lenguaje de programación utilizado para crear pequeños programitas
encargados de realizar acciones dentro del ámbito de una página web. Con JavaScript se
puede crear efectos especiales en las páginas y definir interactividades con el usuario. El
navegador del cliente es el encargado de interpretar las instrucciones JavaScript yejecutarlas para realizar estos efectos e interactividades, de modo que el mayor recurso, y
tal vez el único, con que cuenta este lenguaje es el propio navegador.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 36/133
29|
3.8. Php
3.8.1. Introducción
Como menciona Rodas (2005) “es un lenguaje de programación interpretado, diseñado
originalmente para la creación de páginas web dinámicas. Es usado principalmente en
interpretación del lado del servidor (server-side scripting) pero actualmente puede ser
utilizado desde una interfaz de línea de comandos o en la creación de otros tipos de
programas incluyendo aplicaciones con interfaz gráfica. PHP es un acrónimo recursivo
que significa PHP Hypertext Pre-processor (inicialmente PHP Tools, o, Personal Home
Page Tools).”
Fue creado originalmente por Rasmus Lerdof en 1994; sin embargo la implementación
principal de PHP es producida ahora por The PHP Group y sirve como el estándar de facto
para PHP al no haber una especificación formal. Publicado bajo la PHP License, la Free
Software Foundation considera esta licencia como software libre.
PHP es un lenguaje interpretado de propósito general ampliamente usado y que está
diseñado especialmente para desarrollo web y puede ser embebido dentro de códigoHTML. Generalmente se ejecuta en un servidor web, tomando el código en PHP como su
entrada y creando páginas web como salida.
Puede ser desplegado en la mayoría de los servidores web y en casi todos los sistemas
operativos y plataformas sin costo alguno. PHP se encuentra instalado en más de 20
millones de sitios web y en un millón de servidores. Es también el módulo Apache más
popular entre las computadoras que utilizan Apache como servidor web.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 37/133
30|
3.8.2. Ventajas
Es un lenguaje multiplataforma.
Capacidad de conexión con la mayoría de los manejadores de base de datos que seutilizan en la actualidad, destaca su conectividad con MySQL
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 entre la cual se destaca que
todas las funciones del sistema están explicadas y ejemplificadas en un único
archivo de ayuda.
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.
No requiere definición de tipos de variables.
3.8.3. Desventajas
Si bien PHP no obliga a quien lo usa a seguir una determinada metodología a la hora de
programar, aún estando dirigido a alguna en particular, el programador puede aplicar en su
trabajo cualquier técnica de programación y/o desarrollo que le permita escribir código
ordenado, estructurado y manejable.
No posee una abstracción de base de datos estándar, sino bibliotecas especializadas
para cada motor (a veces más de una para el mismo motor).
Por su diseño dinámico no puede ser compilado y es muy difícil de optimizar.
Por sus características favorece la creación de código desordenado y complejo demantener.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 38/133
31|
3.8.4. Características
Siempre que se habla de PHP lo primero que se hace es presentar el gran número de
gestores de bases de datos a los que puede acceder.
Microsoft SQL server
MySQL
ODBC
Oracle
Pero si este aspecto resulta impresionante, no menos el soporte para:
Envío de correo con SMTP
Acceso a servidores de FTP
Generación dinámica de gráficos y documentos PDF
Corrector de ortografía
Generación de datos en WDDX (Intercambio Web de Datos Distribuidos)
Y todo esto ha sido posible gracias a que PHP ha sido diseñado de forma muy modular y ha
sido sencillo según han sido surgiendo librerías, utilizarlas desde PHP. Rodas (2007):
Disponible en http://www.linuxcentro.net/linux/staticpages/index.php?page=CaracteristicasPHP.
PHP es un lenguaje muy útil puesto que a diferencia de ASP, éste es libre, al mismo tiempo
de contar con código fuente disponible en la red, tiene un soporte prácticamente para
cualquier base de datos, además de contar con una extensa documentación en línea para su
consulta, así mismo como ejemplos, igualmente tiene una perfecta integración con el
apache y MySQL. Entre otras características que contiene PHP es que tiene una sintaxis
clara, lo cual lo hace bastante sencillo de aprender y así mismo utilizar en el diseño de los
sitios web dinámicos, también es seguro, puesto que no puede verse su código fuente desde
el navegador web.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 39/133
32|
3.9. MySQL.
3.9.1. Introducción a Base de Datos.
Antes de conocer MySQL se debe conocer el concepto de una base de datos.
Una base de datos o banco de datos según Pérez (2007:26) “es un conjunto de datos
pertenecientes a un mismo contexto y almacenados sistemáticamente para su posterior
uso”. En este sentido, una biblioteca puede considerarse una base de datos compuesta en su
mayoría por documentos y textos impresos en papel e indexados para su consulta. En la
actualidad, y debido al desarrollo tecnológico de campos como la informática y la
electrónica, la mayoría de las bases de datos están en formato digital (electrónico), que
ofrece un amplio rango de soluciones al problema de almacenar datos.
Existen unos programas denominados sistema gestores de bases de datos, abreviado SGBD,
que permiten almacenar y posteriormente acceder a los datos de forma rápida y
estructurada. Las propiedades de estos SGBD, así como su utilización y administración, se
estudian dentro del ámbito de la informática. Las aplicaciones más usuales son para la
gestión de empresas e instituciones públicas.
3.9.2. Clasificación de las bases de datos.
Las bases de datos pueden clasificarse de varias maneras, de acuerdo al criterio elegido
para su clasificación:
Según Pérez (2007:35), la variabilidad de los datos almacenados
- “ Bases de datos analíticas Estas son bases de datos de sólo lectura, utilizadas
primordialmente para almacenar datos históricos que posteriormente se pueden
utilizar para estudiar el comportamiento de un conjunto de datos a través del
tiempo, realizar proyecciones y tomar decisiones.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 40/133
33|
- Bases de datos operacionales Estas son bases de datos más dinámicas, orientadas a
almacenar información que es modificada con el tiempo, permitiendo operaciones
como actualización y adición de datos, además de las operaciones fundamentales
de consulta. ”
Además de la clasificación por la función de las bases de datos, éstas también se pueden
clasificar de acuerdo a su modelo de administración de datos.
Un modelo de datos es básicamente una "descripción" de algo conocido como contenedor
de datos (algo en donde se guarda la información), así como de las metodologías para
almacenar y recuperar información de esos contenedores. Los modelos de datos no son
cosas físicas; son abstracciones que permiten la implementación de un sistema eficiente de
base de datos, por lo general se refieren a algoritmos, y conceptos matemáticos.
Como menciona Pérez (2007:37), existen modelos utilizados en las bases de datos:
- “ Base de datos jerárquica. Este modelo se basa en el establecimiento de jerarquías
o niveles entre los distintos campos de los registros, basándose en el criterio de que
los campos de mayor jerarquía sean lo más genéricos, y tiene una estructura
arborescente, donde los nodos del mismo nivel corresponden los campos y cada
rama a un registro. Para acceder a un campo que se encuentra en un determinado
nivel, es preciso localizarlo partiendo del nivel superior y descendiendo por las
ramas hasta llegar al mismo.
- Base de datos en red. Para resolver el problema de lentitud de la organización
jerárquica se utiliza esté modelo de base de datos, que corresponde a un estructura
de grafo, donde existe mas de una conexión entre los nodos y diversos niveles, de
forma que puedan recorrerse por distintos caminos sin necesidad de acudir cada
vez a la raíz, con lo cual la búsqueda es mas flexible, desapareciendo el concepto
“Jerarquía” entre campos, pues un campo puede ser descendiente de su antecesor
por un camino de la red y ascendente por otro.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 41/133
34|
- Base de datos relacionales. Este modelo resuelve problemas como la repetición de
datos, es decir campos repetidos en diferentes tablas, lo cual va dificultar si
gestión, es decir, la actualización, inserción modificaciones, consulta entre otras
que se presentan en los otros modelos, para resolver estos problemas es necesario
que exista integración entre las distintas tablas y que este controlada la repetición
de datos. Así surgen los llamados sistema de gestión de bases de datos relacionales
que puedan resolver, mejor que otras organizaciones, las dificultades de
redundancia y no integración de los datos. En este tipo de base de datos se
suprimen las jerarquías entre campos, pudiéndose utilizar cualquiera de ellos como
clave de acceso. ”
3.9.3.
Introducción a MySQL
Ahora que se conoce que es una base de datos y un sistema de gestión de base de datos se
puede decir que MySQL según Cobo, Gómez, Pérez, y Rocha (2006:339) “es un sistema
de gestión de base de datos relacional, multihilo y multiusuario con más de seis millones
de instalaciones”.
Al contrario que proyectos como Apache, donde el software es desarrollado por una
comunidad pública y el copyright del código está en poder del autor individual, MySQL es
propiedad y está patrocinado por una empresa privada, que posee el copyright de la mayor
parte del código.
Esto es lo que posibilita el esquema de licenciamiento anteriormente mencionado. Además
de la venta de licencias privativas, la compañía ofrece soporte y servicios. Para sus
operaciones contratan trabajadores alrededor del mundo que colaboran vía Internet.
MySQL AB fue fundado por David Axmark, Allan Larsson, y Michael Widenius.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 42/133
35|
3.9.4. Aplicaciones.
MySQL utiliza el lenguaje SQL (Structured Query Languaje-Lenguaje de Consulta
Estructurado) que es el lenguaje de consulta más usado y estandarizado para acceder a base
de datos relacionales. Soporta la sintaxis estándar del lenguaje SQL para la realización de
consultas de manipulación, creación y selección de datos.
Es un sistema cliente/servidor, permitiendo trabajar como servidor multiusuario y de
subprocesamiento múltiple, es decir, cada vez que se establece una conexión con el
servidor, el programa servidor crea un subproceso para manejar la solicitud del cliente,
controlando el acceso simultáneo de un gran número de usuarios a los datos y asegurando
el acceso solo a usuarios autorizados.
En aplicaciones web hay baja concurrencia en la modificación de datos y en cambio el
entorno es intensivo en lectura de datos, lo que hace a MySQL ideal para este tipo de
aplicaciones.
3.9.5. Características.
Usa GNU Automake, Autoconf, y Libtool para portabilidad
Usa tablas en disco b-tree para búsquedas rápidas con compresión de índice
Completo soporte para operadores y funciones en cláusulas select y where.
Completo soporte para cláusulas group by y order by, soporte de funciones de
agrupación
Seguridad: ofrece un sistema de contraseñas y privilegios seguro mediante
verificación basada en el host y el tráfico de contraseñas está cifrado al conectarse aun servidor.
Soporta gran cantidad de datos. MySQL Server tiene bases de datos de hasta 50
millones de registros.
Se permiten hasta 64 índices por tabla. Cada índice puede consistir desde 1 hasta 16
columnas o partes de columnas.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 43/133
36|
En MySQL 5.0, los clientes y servidores Windows se pueden conectar usando
memoria compartida.
- MySQL contiene su propio paquete de pruebas de rendimiento proporcionado con
el código fuente de la distribución de MySQL. Cobo, Gómez, Pérez, Rocha (2007).
MySQL es software libre, maneja la gestión de usuarios y Password esto con la finalidad de
darle seguridad a los datos. Además de contar soporte multiusuario, es decir Múltiples
clientes tienen acceso concurrente a una (o más) bases de datos simultáneamente. El uso de
MySQL desde la consola permite verificar si las consultas realizadas son correctas. De tal
manera, que se puede ver la información que desplegaría al momento se solicitar dicha
consulta, lo cual permite al programador verificar el resultado y modificarla si es necesario,
con el fin de obtener los resultados deseados.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 44/133
37|
3.10. Ftp (File Transfer Protocol)
3.10.1. Introducción a FTP
FTP (File Transfer Protocol) es un protocolo de transferencia de archivos entre sistemas
conectados a una red TCP basado en la arquitectura cliente-servidor, de manera que desde
un equipo cliente se puede conectar a un servidor para descargar archivos desde él o para
enviarle nuestros propios archivos independientemente del sistema operativo utilizado en
cada equipo.
El Servicio FTP es ofrecido por la capa de Aplicación del modelo de capas de red TCP/IPal usuario, utilizando normalmente el puerto de red 20 y el 21.
3.10.2. El Modelo FTP
En el modelo, el intérprete de protocolo (PI) de usuario, inicia la conexión de control en el
puerto 21. Las órdenes FTP estándar las genera el PI de usuario y se transmiten al proceso
servidor a través de la conexión de control. Las respuestas estándar se envían desde el PI
del servidor al PI de usuario por la conexión de control como respuesta a las órdenes.
Estas órdenes FTP especifican parámetros para la conexión de datos (puerto de datos, modo
de transferencia, tipo de representación y estructura) y la naturaleza de la operación sobre el
sistema de archivos (almacenar, recuperar, añadir, borrar, etc.). El proceso de transferencia
de datos (DTP) de usuario u otro proceso en su lugar, debe esperar a que el servidor inicie
la conexión al puerto de datos especificado y transferir los datos en función de los
parámetros que se hayan especificado. Se ve también en el diagrama que la comunicación
entre cliente y servidor que se muestra en la figura Fig.5., es independiente del sistema de
archivos utilizado en cada ordenador, de manera que no importa que sus sistemas
operativos sean distintos, porque las entidades que se comunican entre sí son los PI y los
DTP, que usan el mismo protocolo estandarizado: el FTP.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 45/133
38|
Fig.5. Diagrama de comunicación entre el cliente y servidor
3.10.3. Servidor FTP
Un servidor FTP es un programa especial que se ejecuta en un equipo servidor
normalmente conectado a Internet (aunque puede estar conectado a otros tipos de redes,
LAN, MAN, etc.). Su función es permitir el intercambio de datos entre diferentes
servidores/ordenadores. Por lo general, los programas servidores FTP no suelen encontrarse
en los ordenadores personales, por lo que un usuario normalmente utilizará el FTP para
conectarse remotamente a uno y así intercambiar información con él.
Las aplicaciones más comunes de los servidores FTP suelen ser el alojamiento web, en el
que sus clientes utilizan el servicio para subir sus páginas web y sus archivoscorrespondientes; o como servidor de backup (copia de seguridad) de los archivos
importantes que pueda tener una empresa. Para ello, existen protocolos de comunicación
FTP para que los datos se transmitan cifrados, como el SFTP (Secure File Transfer
Protocol).
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 46/133
39|
3.10.4. Cliente FTP
Cuando un navegador no está equipado con la función FTP, o si se quiere cargar archivos
en un ordenador remoto, se necesitará utilizar un programa cliente FTP. Un cliente FTP es
un programa que se instala en el ordenador del usuario, y que emplea el protocolo FTP para
conectarse a un servidor FTP y transferir archivos, ya sea para descargarlos o para subirlos.
Para utilizar un cliente FTP, se necesita conocer el nombre del archivo, el ordenador en que
reside (servidor, en el caso de descarga de archivos), el ordenador al que se quiere transferir
el archivo (en caso de querer subirlo nosotros al servidor), y la carpeta en la que se
encuentra.
Algunos clientes de FTP básicos en modo consola vienen integrados en los sistemas
operativos, incluyendo Windows, DOS, Linux y Unix. Sin embargo, hay disponibles
clientes con opciones añadidas e interfaz gráfica. Aunque muchos navegadores tienen ya
integrado FTP, es más confiable a la hora de conectarse con servidores FTP no anónimos
utilizar un programa cliente.
3.10.5. Tipos de transferencia de archivos en FTP
Es importante conocer cómo se debe transportar un archivo a lo largo de la red. Si no se
utiliza las opciones adecuadas y poder destruir la información del archivo. Por eso, al
ejecutar la aplicación FTP, se debe acordar de utilizar uno de estos comandos (o poner la
correspondiente opción en un programa con interfaz gráfica):
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 47/133
40|
type ascii
Adecuado para transferir archivos que sólo contengan caracteres imprimibles (archivos
ASCII, no archivos resultantes de un procesador de texto), por ejemplo páginas HTML,
pero no las imágenes que puedan contener.
type binary
Este tipo es usado cuando se trata de archivos comprimidos, ejecutables para PC, imágenes,
archivos de audio.
En la figura fig.6. Se muestran ejemplos de cómo transferir algunos tipos de archivo
dependiendo de su extensión:
EXTENSION DEL ARCHIVO TIPO DE TRANSFERENCIA
txt (texto) Ascii
html (página WEB) ascii
doc (documento) binario
ZIP (comprimido) binario
Fig.6.Ejemplo de transferencia de archivos en FTP
Conceptos básicos sobre FTP (2002). Disponible en http://www.uam.es/servicios/ti/servicios/ftp/ftp.html
FTP cliente, que es en este caso, proporciona la conexión a un servidor FTP, para poder
solicitar la transferencia de archivos, lo cual permite el subir aquellos archivos a la web, de
los cuales se verán al momento de navegar en línea, este protocolo de transferencia permite
la rápida manipulación de los archivos que se suben a la red y hacer las modificaciones en
tiempo real, es decir al mismo tiempo que estos se suben de tal manera que la pagina a la
cual se accede tenga los cambios al instante.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 48/133
41|
3.11. AppServ
3.11.1. Introducción
Como lo menciona Minchán (2008) “Es una herramienta Open Source (código abierto ya
que es de distribución libre) para Windows que facilita la instalación de Apache, MySQL y
PHP en una sola herramienta”, esta característica facilita la tarea al usuario ya que se
configuran las aplicaciones de forma automática.
AppServ instala en el ordenador el Apache, PHP, MySQL y phpMyAdmin, dejando las
aplicaciones configuradas para su funcionamiento inmediato.
AppServ en su última versión (AppServ 2.6.0) incluye:
Apache 2.2.8: servidor HTTP multiplataforma. PHP 6.0.0-dev: lenguaje de programación
dinámico que utilizan la mayoría de gestores de contenidos más populares. Se integra a la
perfección con MySQL y Apache. MySQL 6.0.4-alpha: gestor de bases de datos, rápido y
seguro. phpMyAdmin-2.10.3: interfaz gráfica de administración para MySQL.
Una vez instalado AppServ, se dispondrá de un servidor web y otro de base de datos
propio, configurado de manera local, y que permitirá realizar todas las pruebas necesarias
en el sitio web antes de subirla a la red. Como extra incorpora phpMyAdmin para el manejo
de MySQL Minchán (2008). Desarrollo de Aplicaciones Web con PHP y MySql. Disponible en
http://www.codigocaxa.net78.net/php_mysql/php_mysql_1.pdf .
El AppServ, es un instalador de servidores web, entre las características que tiene esté es
que contiene varios instaladores, los cuales se instalan fácilmente y quedan preparados para
su uso inmediato.
Esto facilita y evita la instalación de varios instaladores uno por uno lo cual permite
disminución de tiempo, y es sumamente fácil así como también su manejo.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 49/133
42|
3.12. Flash Mx.
3.12.1. Introduction a Flash Mx.Adobe Flash es una aplicación en forma de estudio de animación que trabaja sobre
"Fotogramas" destinado a la producción y entrega de contenido interactivo para diferentes
audiencias alrededor del mundo sin importar la plataforma. Es actualmente escrito y
distribuido por Adobe Systems, y utiliza gráficos vectoriales e imágenes, sonido, código de
programa, flujo de vídeo y audio bidireccional (el flujo de subida sólo está disponible si se
usa conjuntamente con Macromedia Flash Communication Server). En sentido estricto,
Flash es el entorno y Flash Player es el programa de máquina virtual utilizado para ejecutarlos archivos generados con Flash.
Los archivos de Flash, que tienen generalmente la extensión de archivo SWF, pueden
aparecer en una página web para ser vista en un navegador, o pueden ser reproducidos
independientemente por un reproductor Flash. Los archivos de Flash aparecen muy a
menudo como animaciones en páginas Web y sitios Web multimedia, y más recientemente
Aplicaciones de Internet Ricas. Son también ampliamente utilizados en anuncios de la web.
3.12.2 Características.
Importada de video.
Sistema de cambio de diseño a los componentes
Exportación de código, movimientos y animaciones
Compatibilidad con archivos Photoshop e Illustraitor
Componentes más livianos
Contiene Actionscript 3 y editor de código Compatibilidad con Adobe e Illustraitor
Precio Accesible Adobe (2007). Características de Flash MX. Disponible en
http://www.adobe.com/es/products/flashpaper/productinfo/features/static_tour/web_ready/.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 50/133
43|
3.12.3 Ventajas de Flash
Compatibilidad entre Plataformas: Flash es respaldado por casi 95% de los
navegadores web y si se construye un sitio o aplicación en Flash, será visto
correctamente por cualquiera que contenga el plugin Flash. Funciona
independientemente del sistema operativo y del navegador web que se tenga.
Animaciones: Flash fue originalmente usado como una herramienta de animación y
es para lo que mejor se ajusta. Es fácil de usar para crear animaciones y para
mostrarlas al público.
Video: El video funciona bien en las aplicaciones Flash porque no requiere un
plugin dependiente del sistema operativo como QuickTime o MediaPlayer.
Gráficos de Vector : Los gráficos de vector pueden lucir más parejas y más
atractivos y Flash permite a los desarrolladores crear aplicaciones con líneas sobrias
requiriendo que el cliente tenga una herramienta de vectores gráficos instalada en su
disco duro.
Reemplazo con Imágenes para Fuentes especiales: Los diseñadores web que
necesitan una familia de fuentes especiales en sus diseños web puede usar la técnica
de reemplazo de imágenes llamada sIFR (o Scalable Inman Flash Replacement) el
cual reemplaza texto en el diseño con Flash para obtener fuentes específicas. Lasaplicaciones Flash pueden ejecutar libretos de acciones, colectar datos y hacer las
mismas cosas que los scripts normales pueden hacer.
3.12.4 Desventajas de Flash
Limitaciones de Ancho de Banda y Velocidad: Las aplicaciones Flash y sitios web
pueden ser muy lentos para cargar. En muchas situaciones, el sitio web entero en
Flash tiene que ser descargado antes de poder ser usado.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 51/133
44|
La Usabilidad es Limitada: Uno de los botones más importantes de todo navegador
web es el botón "Atrás". Es usado todo el tiempo por la mayoría que navega en la
web. Pero un sitio flash típicamente remueve esa funcionalidad.
La Accesibilidad es también limitada: La mayoría de sitios Flash están basados en
imágenes y generalmente no tienen mucho texto alternativo, puede ser bastante
difícil o imposible de leer para cualquiera.
Para usar Flash se requiere un Plugin: Mientras una gran proporción de
navegadores web incluyen ya el plugin, el hecho es que Flash sí requiere un plugin
que algunas personas y compañías no permiten.
Poca aceptación de flash: Similar a las gráficas animadas y el sonido, Flash ha
desarrollado una reputación entre algunos usuarios como la de ser un elemente
fastidioso más que un beneficio para una página web. Esto es especialmente cierto
cuando Flash no sirve para otro propósito más que el de decorar una página - como
un banner animado o página splash. Salazar (2008). Informática, una vista a Flash. Cherada.
Disponible en http://www.cherada.com/articulos/ventajas-y-desventajas-de-crear-los-sitios-en-flash.
Flash es una perfecta aplicación de animación para sitios web, el único desperfecto que
podría tener, es el tiempo de carga de la animación ya que si no se cuenta con los plugin de
flash se tardaría mas en carga la pagina antes de que la animación empiece, eso traería
perdida de tiempo al usuario lo que provocaría que el mismo decidiera ya no ver el sitio,
además que estos plugin muchas personas no lo permiten en su PC. Así que solo es
necesario utilizar el flash donde sea necesario, tales como banner, presentaciones entre
otras.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 52/133
45|
CAPITULO 4. METODOLOGIA
Cada una de las actividades que se ejecutaron durante la elaboración del sitio, fueron
realizadas con el mayor cuidado posible, tanto en el manejo de la información como en el
aprendizaje, desarrollo e implementación de las técnicas y procedimientos que fueron
llevados a cabo.
Las actividades que se realizaron fueron las siguientes:
4.1. Análisis de la empresa.
Esto representa, el reunir toda la información posible tanto de los clientes activos de
ATESA, así como del personal de la empresa, que en un momento dado pueda servir para
colocar información dentro del sitio.
Para reunir la información, se plasmaron varios métodos de recolección de datos tales
como:
- Entrevista.
- Encuestas y
- Observación.
Se opto por la encuesta puesto que era más viable ya que al cliente y al personal fue la
manera mas fácil de contestar pues que no contaban con el tiempo necesario para realizar
una entrevista.
Estas encuestas se realizaron con la finalidad de saber que es lo que se conoce y se ignora
de esta empresa, esta entrevista también se llevo a cabo con el gerente general el cual nos
permitió conocer el funcionamiento de la misma.
Se realizo un total de 30 encuestas (formato incluido en el anexo1) distribuidas entra los
clientes, proveedores, personal y publico en general, para conocer el punto de vista que es
lo que opinan sobre la realización de este proyecto.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 53/133
46|
Una vez recopilados los datos, fue necesario darle un tratamiento matemático con el fin de
obtener resultados estadísticos que permitiera la toma de decisiones. El proceso dio como
resultado que el 60% (se muestra la tabla y grafica de resultados en el anexo 2) de los
clientes, proveedores, tienen escasos conocimientos de actividades que realiza ATESA;
además, de no conocer todos los productos que está ofrece.
Otras de las maneras de la cual se recabo información fue la de la observación. En un
tiempo corto, se observo las actividades realizadas en ese departamento, con esto se mostro
como funcionaba realmente la empresa.
4.2. Análisis y Delimitación de la información Recopilada.
El análisis de los datos de la encuesta, guarda relación con el problema de conocimientoque se trata de esclarecer y con la métrica de la información empírica que se tiene entre
manos, es decir lo primero que se debe realizar en una encuesta no es ver que dicen los
datos sino que dicen en relación con el problema que se plantea y las hipótesis que se había
planteado previamente.
Una serie de conclusiones importantes sobre los datos de una encuesta son:
La cantidad y calidad del conocimiento que se desea obtener sobre un problema noestá necesariamente en función del tamaño de la muestra empleada para hacer una
encuesta.
Ni el margen global de error en los resultados de una encuesta disminuye
necesariamente aumentando el tamaño de la muestra.
Los datos de la encuesta son mas útiles cuanto mayor sea la posibilidad de poderlos
comparar con otros similares y anteriores en el tiempo o procedentessimultáneamente de otras poblaciones.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 54/133
47|
Tipo de Análisis:
Análisis de Correlación: Con los datos más simples de respuestas a las preguntas realizadas,
se fabricaron medidas combinatorias de los mismos en forma de índices o escalas.
Estas medidas constituyen la operacionalización de los conceptos, es la referencia empírica
reducida a valores empíricamente manejables. Los conceptos son elaboraciones teóricas
con las que se define un determinado aspecto de la realidad y de la que servirá para
expresar teorías e hipótesis.
Las variables: son dimensiones de la realidad que deseamos estudiar, es decir que tipo de
pregunta se desean hacer para llegar a la realidad que se requiere para darle solución al
problema.
Los indicadores: son expresiones numerables de las distintas dimensiones de un concepto,
esto es el número de respuestas afirmativas o negativas que resulten de las encuestas ya que
están dieron la pauta para la elaboración de una grafica donde se pueden apreciar los
resultados de las encuestas.
4.3. Alcances del Sitio Web.
Fue necesario establecer que alcances contendría la realización del sitio web, con respecto a
la distribución de la información en el sitio. Para esto se tomo en cuenta de las encuestas las
preguntas número 3 y 8 las cuales indican el motivo por el cual el cliente prefiere a ATESA
y que tipo de información necesitan ellos como usuarios para cubrir sus necesidades.
Una vez establecido se decidió que el sitio web de ATESA contendría los siguientes menús.
Inicio (HomePage).
Nosotros
Productos
Servicios
Contáctanos
Clientes
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 55/133
48|
En el menú de Inicio contiene la página de Inicio de ATESA el cual contiene una breve
descripción giro de la empresa y una fotografía.
En el menú de Nosotros cuenta con los siguientes Submenús.
Historia: Muestra una breve historia de cómo se creo la Empresa ATESA
Organigrama: Muestra el organigrama de la Empresa.
Misión: Muestra la misión de la Empresa
Visión: Muestra la Visión de la Empresa
En el menú de Productos muestra un catalogo de productos y cuenta con los siguientes
Submenús.
Acero Inoxidable Comerciales
Construcción
Estructurales
Lamina
Tubería
Perfil Tubular y
Otros.
Cada uno de los Submenús anteriores muestra información sobre productos según su
clasificación.
En el menú de Servicios muestra los servicios que presta ATESA, tales como
Cortes con Pantógrafo.
Dobles de Lamina con prensa de 500 Ton x 6 mts
Corte con Cortadora de DiscoFabricación de Laminas
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 56/133
49|
En el menú de Contáctanos muestra la dirección de la Empresa, así como el email de las
personas encargadas de diferentes departamentos como lo son:
Información General: [email protected]
Ventas: [email protected]: [email protected]
Contabilidad/Pagos: [email protected]
Y en el último menú pero no por eso menos importante se tiene el menú de Clientes el cual
se desarrollo como pagina dinámica, en la cual sólo usuarios registrados podrán tener
acceso al sistema de consulta de saldos, donde podrán consultar saldos los diferentes
clientes de ATESA, así como el supervisor del mismo podrá dar de alta a nuevos usuarios
si es que esté lo solicita, así como aplicar una factura y/o abono un cliente determinado
todo esto se realiza dinámicamente.
4.4. Limitación del Sitio Web.
Un sitio web puede presentar algunas limitantes como las siguientes:
- La primera de ellas es que el sitio web no venderá por sí solo. Internet es un excelente
medio para comunicar un mensaje de negocios, pero éste debe estar respaldado por un
buen producto y un adecuado nivel de servicio y soporte al cliente.
- Una segunda limitación es que se podrá comunicar la oferta de productos y servicios de
ATESA, sólo a aquellos sectores que hayan adoptado ya estas tecnologías. Si el
mercado que se atiende no usa este nuevo medio de comunicación que es el Internet, lo
cual es poco probable hoy en día, entonces difícilmente se podrá emplear un sitio web
para la comercialización de los productos.
- Una tercera limitante tiene que ver con las restricciones e impedimentos que pudieran
existir para la introducción y/o logística de algunos productos hacia mercados en el
extranjero que se muestran interesados en la oferta de los productos y servicios que
promueve a través del sitio.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 57/133
50|
4.5. Diseño del sitio web
Para determinar el diseño del sitio fue necesario utilizar algunas herramientas y prototipos
para el diseño del sitio.
4.5.1. Diagramas Warnier-Or.
Los diagramas Warnier-Or son una herramienta estructurada para el análisis y diseño de
sistemas. También son conocidos como construcción lógica de sistema. Esto permitió
realizar la estructura correcta de los menús contenidos en el sitio de ATESA, tal y como se
muestra a continuación. En las Figuras fig.7a., fig.7b. y fig.7c se muestra la estructura de
ATESA utilizando los diagramas de Warnier-Or.
Nosotros
Historia
Organigrama
Misión
Visión
Fig.7a. Estructura de ATESA
Sitio Web de
Aceros y
tubulares
Económicos SA
de CV
Inicio
Nosotros
Productos
Servicios
Contáctanos
Clientes
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 58/133
51|
Tubería
Cedula 40Cedula 80 C40 IndustrialRed Industrial TubularIndustrial
Perfil TubularCuadrado TubularTubular
Forja
ForjaF. AntiguaFlechasDecorativaL.CountriVarios
Acero InoxidableInox 304Inox 316Inox 430
Comerciales
RedondoCuadradoSolerasSemiflecha
Construcción
Varilla CorrugadaCastilloAlambreAlambrónMalla Electro
Estructurales
AnguloCanalPlacaPolínPTRViga IPS/IPR
Lamina
Lam Rol Cal/FrioGalvanizada AcanaladaAntiderrapantePlaca
Fig.7b. Estructura de ATESA
Productos
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 59/133
52|
Servicios
Corte con pantógrafo
Dobles de Lamina con prensa de 500 Ton x 6 mts
Corte con Cortadora de DiscoFabricación de Laminas
Fig.7c. Estructura de ATESA
En tanto a los menús de Inicio y Contactos no contienen Otros enlaces pues que solo es una
pagina de presentación.
4.5.2. Prototipos
Los prototipos son una visión del sitio web a futuro, puesto que sin duda, es una técnica
valiosa para la recopilación rápida de la información específica acerca de los
requerimientos de información que los usuarios necesitan conocer.
Gracias a estos prototipos ayudaron a planear correctamente las actividades a seguir
identificando prioridades para la elaboración del sitio, redirigiendo si es fuese necesarios
los planes, logrando así obtener una mínima disolución y desperdicio de tiempo durante la
elaboración del mismo.
Clientes
Acceso a Clientes
Registro
Recuperar
Contraseña
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 60/133
53|
Existen cuatro tipos básicos de prototipos.
Prototipos parchados: este tipo de prototipo se realiza para que interactúen los
usuarios con la interfaz grafica, es decir, es un modelo operable pero no es eficiente.
Prototipo no operacional: es una especie de bosquejo que solo se elabora para
realizar algunas pruebas sin que este tenga otra función. Es importante resaltar que
este modelo es no operacional.
Prototipo primero de una serie: este prototipo es también considerado un prototipo
piloto, es la elaboración del primer modelo del sistema.
Prototipo de características seleccionadas: se basa en la elaboración de un modelo
operacional, el cual posee algunas características del sistema final
De acuerdo a lo anteriormente mencionado, se llego a la conclusión de realizar un prototipo
de características seleccionadas, el cual fue llamado sitio web de ATESA, el cual permitirá
la difusión de la empresa por internet y los usuario podrán interactuar con el sitio.
Este tipo de prototipo fue seleccionado debido a que se presento al personal y gerente de
ATESA, con la finalidad de que se aprobara el uso del sitio, además para que los usuarios
relacionados con él, realizaran una critica y se decidiera si este sitio cumplía con las
necesidades requeridas.
4.6. Plataforma, manejador de páginas web y de base de datos para el sitio
web.
Se decidió la plataforma con la que se iba a trabajar y el manejador de páginas web y base
de datos con la que se trabajaría. Entre los manejadores de páginas web que cumplió con
las características requeridas fue el Dreamweaver, puesto que este en combinación con el
lenguaje de PHP se complementaron muy bien para el diseño del sitio ya que el mismo
Dreamweaver integra la función de base de datos con MySQL.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 61/133
54|
4.7. Modificación del sitio web.
Una vez que se desarrollo un bosquejo de cómo se conocería el sitio, este se presento al
gerente de ATESA, así como a los empleados para que dieran su punto de vista, para así
poder ver si era necesario modificarla según sus criterios o no.
La única observaciones que se realizo, fue la elaboración de una pagina de introducción que
fuera hecha en flash para darle una mejor presentación al sitio, puesto que tiene animación
y sonido.
4.8. Evaluación de la funcionalidad del sitio web
A la hora de calificar la calidad de una aplicación web, uno de los factores más
importantes es la usabilidad. Es el atributo más visible ya que determina el grado de
satisfacción del usuario respecto de la aplicación web; de ello depende que sea
utilizada o no.
La norma ISO 8402 define la calidad como “el conjunto de propiedades y características
de un producto o servicio, que le confieren aptitud para satisfacer unas necesidades
explícitas o implícitas”.
La calidad es sinónimo de unos factores que pueden ser medidos:
Eficiencia
Flexibilidad
Facilidad de uso
Portabilidad
Seguridad, etc.
La ISO 9126 [basada en el modelo de Mc Call] plantea un modelo normalizado que
permite evaluar y comparar productos sobre la misma base.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 62/133
55|
Aquí la calidad queda definida a un alto nivel de abstracción por seis características:
“Funcionalidad: Las funciones satisfacen necesidades declaradas o implícitas
Fiabilidad: Capacidad de un sistema para mantener su nivel de rendimiento
Usabilidad: Esfuerzo necesario para el uso y la valoración individual de tal uso, por parte de un conjunto de usuarios.
Portabilidad: Es la capacidad de un sistema para ser transferido de un entorno a
otro.
Mantenibilidad: Es el esfuerzo necesario para realizar modificaciones específicas.
Eficiencia: Es la relación entre el nivel de prestaciones de un sistema y el volumen
de recursos utilizados en condiciones declaradas”.
A la hora de calificar la calidad de un sitio web, uno de los factores más importantes es la
usabilidad. Es el atributo más visible ya que determina el grado de satisfacción del usuario
respecto de la aplicación web; de ello depende que sea utilizada o no. Ocurre que la
ingeniería de software se ocupa de aquellos atributos del software relacionados con
características internas del sistema, [fiabilidad, seguridad, productividad] dejando de lado la
perspectiva del usuario.
Pero en el caso de las aplicaciones web, estas diseñadas para que sean usadas por losusuarios, existe una interacción entre los usuarios y el sitio web.
El término usabilidad según [Bevan, Kirakowsky, Maissel] es planteado desde tres puntos
de vista:
Orientado al producto
Orientado al usuario
Orientado al rendimiento del usuario
ISO 9126-1 define la usabilidad como “la capacidad de un producto software de ser
comprendido, aprendido, usado y de ser atractivo para el usuario, en condiciones
específicas de uso”.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 63/133
56|
Esta definición es pone el énfasis en los atributos internos y externos del producto, los
cuales contribuyen a su usabilidad. Se observa que la usabilidad no depende sólo del
producto, sino también del usuario. Según Nielsen el principal problema de la usabilidad
reside en que es una cualidad demasiado abstracta para ser medida directamente.
Por esta razón Nielsen la descompone en cinco atributos para poder estudiarla:
“Facilidad de aprendizaje
Eficiencia
Recuerdo en el tiempo
Tasa de errores
Satisfacción “
Se pueden considerar dos grupos de UEM [Usability Evaluation Methods]:
Los UEM empíricos, donde participan:
Usuarios, Evaluadores, Observadores y Expertos en test.
Por medición se entiende el proceso de atribuir números o simbolos a los atributos de las
entidades en el mundo real. a través de la medición es posible juzgar lo que se mide. Unamétrica es la correspondencia del mundo real, a un mundo formal. Una métrica es un valor
numérico asignado a algún evento del mundo real, software, sitio web, aplicación web, etc.
Un atributo es la característica de una entidad de tipo directo o indirecto, por ejemplo, links
no operativos, microcódigo no accesible, etc. El uso de métricas no limita la intervención
humana y ofrece una reducción de la subjetividad en la evaluación de calidad de un sitio o
aplicación web, etc.
Utilizando las métricas de ingeniera de software se realizo la evaluación del sitio web conlos factores de medición teniendo como resultado lo siguiente.
Eficiencia: Esta se cumplió puesto que los resultados arrojados fueron los
requeridos, sin errores, lo que indica el sitio fue eficaz al desplegar la información
requerida.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 64/133
57|
Flexibilidad: fácilmente cualquier diseño al sitio con muy poco trabajo, ya que se
puede definir distintos formatos para una misma página.
Facilidad de uso: Contiene instrucciones explicitas y fácil de entender para que el
usuario pueda utilizar el sitio sin problemas.
Portabilidad: El sitio web, es portable puesto que puede visualizar en diferentes
navegadores, tales como Explorer, Mozilla Firefox, Eurora entre otros.
Seguridad: El control de acceso a la página de clientes está controlado por un
sistema de autenticación y autorización basado en privilegios, lo que permite una
administración extremadamente simple y flexible.
4.9. Puesta a punto del sitio web.
Una vez evaluado, el sitio web, esté se subió a la red, para esto fue necesario realizar las
siguientes actividades.
Fue necesario realizar la prueba localmente para esto fue necesario instalarse en una PC la
aplicación AppServ Open Project - 2.5.9 el cual contiene los siguientes componentes.
Apache Web Server Versión 2.2.4 (El servidor HTTP Apache es un software (libre)
servidor HTTP de código abierto para plataformas Unix (Linux, etc.), Windows,
Macintosh y otras, que implementa el protocolo HTTP y la noción de sitio virtual)
PHP Script Language Versión 5.2.3 (PHP es un lenguaje de programación
interpretado, diseñado originalmente para la creación de páginas web dinámicas)
MySQL Database Versión 5.0.45( MySQL es un sistema de gestión de base de datos
relacional, multihilo y multiusuario)
phpMyAdmin Database Manager Versión 2.10.2( phpMyAdmin es una herramientaescrita en PHP con la intención de manejar la administración de MySQL a través
de páginas webs, utilizando Internet. Actualmente puede crear y eliminar Bases de
Datos, crear, eliminar y alterar tablas, borrar, editar y añadir campos, ejecutar
cualquier sentencia SQL,)
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 65/133
58|
Como se menciona cada uno de ellos es importante para la prueba local del sitio web:
El apache es el servidor que proveerá de los demás servicios para la prueba local.
El PHP es el lenguaje que nos permitirá hacer la conexión de con la base de datos,
en conjunto con Mysql que será el encargado de administrar la base de datos.
En el PhpMyAdmin que con PHP y Mysql se podrá administrar las bases de datos
por medio de páginas web, utilizando el internet.
Para hacer la instalación del AppServ fue necesario descargarlo para realizar la instalación.
Existen varios sitios de internet donde se podrían descargar, y se descargo del siguiente
enlace.
http://www.appservnetwork.com/
En este sitio se encuentran diferentes versiones del AppServ y como se menciono
anteriormente se descargo la Versión 2.6.0.
Una vez descargada cualquiera de las versiones se procedió a ejecutar la instalación, como
se muestra en la figura Fig.8. se muestra la ventana de instalación del AppServ.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 66/133
59|
Fig.8. Ventana de Instalación del AppServ.
En la instalación fue necesario insertar un directorio de instalación el cual en este caso se
instalo en "C:\AppServ", esto puesto que el instalador del AppServ lo instala por Default en
este directorio, como se muestra en la figura Fig.9.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 67/133
60|
Fig.9. Ventana de Instalación en el directorio C:\AppServ.
Al seguir los pasos de la instalación se coloco el nombre del servidor que también por
default lo nombre http://localhost y un correo electrónico que se utilizo uno de prueballamado [email protected].
Como se muestra en la figura Fig.10 donde se muestra el nombre de servidor y del correo
electrónico.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 68/133
61|
Fig.10. Ventana de asignación de nombre de servidor y del correo electrónico.
También se configuro la información para la base de datos de MySql que donde el usuario
también por default es “root” y se asigno una contraseña para acceder a la base de datos
(Este paso es opcional).
Como se muestra en la figura Fig.11, donde se asigna la contraseña „ATESA‟ para el
acceso a la base de datos de manera local.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 69/133
62|
Fig.11. Ventana de configuración de contraseña para el acceso a la base de datos
Con esto se concluyo la instalación y se probó el servidor. Para ello se tuvo que abrir el
navegador Web y en la barra de direcciones se escribió http://localhost/ y apareció la
ventana de inicio de localhost como se muestra en la figura Fig.12.
Fig.12. Ventana del servidor http://Localhost
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 70/133
63|
Terminando la instalación del AppServ y se observo la estructura del directorio del
AppServ, para poder entender como funciona y como colocar nuestros archivos dentro del
servidor:
1. Apache 2.2 Directorio que contiene todos los archivos necesarios para elfuncionamiento del servidor Web Apache.
2. MySQL. Directorio que contiene todos los archivos y base de datos de Mysql.
3. PhP6.Contiene los binarios de PHP, extensiones y dlls.
4. www. Directorio raíz para las paginas web. Aquí se deberán guardar todas aquellas
páginas del sitio para el buen funcionamiento del mismo.
Una vez realizado esta operación se llevo a la elaboración de la base de datos, con
PhpMyAdmin. Y esto se realizo localmente utilizando esta dirección
http://localhost/phpmyadmin/. La Consola de administración de MySQL permite introducir
las bases de datos, tablas, eliminarlas y/o modificarlas con la herramienta phpMyAdmin,
como se muestra en la figura Fig.13
Fig.13. Ventana de Administración de PhpMyAdmin
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 71/133
64|
En el apartado de base de datos se creo la base de datos y las altas de tablas en donde
aparece la pantalla de nuevas tablas, como se muestra en la figura Fig.14.
Fig14. Ventana de PhpMyAdmin Creación de Tablas
El modelo de base de datos que se utilizo fue la base de datos relacional, ya que como se
menciono en el apartado 3.9.2 este modelo, actúa sobre las tablas en su conjunto, en lugar
de hacerlos sobre los registros como ocurre en los otros modelos, además de con este tipo
de modelos se pueden realizar consultas complejas que puede utilizar varias tablas de
manera simple, otra de las razones por que se eligió este modelo es que e l modelo
relacional de bases de datos con sus relaciones normalizadas es una solución simple y
elegante para satisfacer las más diversas condiciones de consulta y extracción de datos einformación.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 72/133
65|
Una vez de haber creado la base de datos que lleva como nombre “oko9687”, (este nombre
fue asignado por el proveedor TRIARA) se crearon las tablas en la consola de
PhpMyAdmin, el cual se genero el diccionario de datos que se muestra en la figura Fig.15.
Fig.15. Diccionario de Datos de la Base de Datos de ATESA
Ya teniendo el Servidor local se realizaron las pruebas necesarias y verificar si existían
errores, la ventaja de tener un servidor local web es que se puede verificar si existe algún
problema con el sitio y poder arreglarlo antes de subirla a la red (Internet).
Factura
Campo Tipo Nulo Predeterminado Comentarios
id int(11) No Numero único
Factura int(11) No 0 Almacena el No de Factura
fecha date No 0000-00-00 Almacena la Fecha de la factura
cliente varchar(50) No Almacena el nombre del cliente al que se le facturo
importe int(11) No 0 Importe total de la Factura
Abono
Campo Tipo Nulo Predeterminado Comentarios
id int(11) No Numero único
factura int(11) No 0 Factura a la cual se le aplicara abonofecha date No 0000-00-00 Fecha del abono
importe int(11) No 0 Importe del abono
Users
Campo Tipo Nulo Predeterminado Comentarios
id int(11) No Numero único
nick varchar(30) No Nombre del usuario
pass varchar(30) No Password
email varchar(50) No Correo electrónico
level int(2) No 0 Nivel de usuario
rfc varchar(30) No RFCcliente varchar(50) No Nombre del cliente
dom varchar(50) No Domicilio del cliente
ciudad varchar(10) No Ciudad del cliente
tel varchar(13) No Teléfono del cliente
pregunta varchar(30) No Pregunta secreta del cliente
res varchar(30) No Respuesta a la pregunta secreta
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 73/133
66|
Para hacer pruebas con las tablas del PhpMyAdmin se utilizo la línea de comandos de
MySql para ver si las consultas que se realizaban eran correctas para eso fue necesario
acceder a la consola del mismo.
Para acceder a la consola de MySql se abrió el símbolo del sistema,
y apareció la pantalla de MS-DOS, después de eso, fue necesario acceder a la ruta donde se
encuentra la aplicación, así que se tuvo que seguir la siguiente ruta: C:\appserv\mysql\bin y
ejecutar el comando mysql de tal manera que se mostro la siguiente pantalla que se muestra
en la figura Fig.16.
Fig.16. Ventana de línea de comandos de MySQL
Una vez dentro, se tiene a disposición todas las sentencias de MySQL para el trabajo con la
base de datos y el lenguaje SQL. Lo primero que se realizo fue conectarse con una base de
datos que se utilizo en el sitio web, esto se realizo comando „use’ , seguido del nombre de la
base de datos con la cual se realizo la conexión.
mysql> use okok9687;
Con esto se realizo la conexión con la base de datos llamada "okok9687". Como se
menciono anteriormente las tablas se realizaron con PhpMyAdmin, para ver las tablas de la
base de datos, se utilizo el comando show tables; el cual arrojo la siguiente pantalla
mostrando las tablas contenidas, como se muestra en la figura Fig.17.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 74/133
67|
Fig.17. Ventana que muestra las tablas de MySQL
Después de haber mostrado que las tablas se realizaron correctamente desde el
phpMyAdmin, fue necesario ver el contenido de cada una para saber si los campos que
tiene y el tipo son correctos, para lo cual se utilizo el comando describe seguido del nombre
de la tabla que se desee verificar. Como por ejemplo en la figura Fig.18, se mostro el
contenido de la tabla factura.
Fig.18. Ventana que describe la tabla factura.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 75/133
68|
Una vez realizada la verificación de la base de datos y de las tablas, se realizaron pruebas
de diferentes consultas, para ver si el resultado era el deseado, entre una de las consulta que
se realizaron fue la de mostrar toda la información de la tabla users siempre y cuando su
nivel de usuario fuera el 2 y que lo ordenara en forma ascendente, lo cual se utilizo la
siguiente instrucción, „ select * from users where level='2'order by cliente asc’ y mostro el
contenido como se muestra en la figura Fig.19
.
Fig.19. Ventana de resultado de la consulta en MySQL
Entre otras consultas que se realizaron, se mostro que los resultados fueron los solicitados
para la consulta de la base de datos desde el sitio web, por consiguiente se realizo la pruebaen línea (internet) del sitio web como se describe a continuación.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 76/133
69|
Para poder Subir el sitio a la red, se utilizo el programa de FTP(Protocolo de Transferencia
de Archivos), mediante una dirección IP, un usuario y password proporcionados el
prestador se servicios Web (Triara de Telmex). El programa de FTP se descargo del
siguiente sitio http://www.pagematic.com/faq/ws_ftp.html y el programa se llama
WS_FTP95 LE el cual permite transferir archivos de un servidor local a un servidor web,
que se muestra en la figura Fig.20.
Fig.20. Ventana de Inicio del Ws_FTP95 LE
Donde en las opciones:
- Profile Name: Se escribe el nombre de la conexión que se va a realizar, esto es para
diferenciar una conexión de otra si es que se tiene más de una.
- Host Name/Address: aquí se escribe el nombre del host o la dirección IP que fueron
proporcionados por la compañía de TRIARA.
- Host Type: Se elige la detección automática.
- User Id y PassWord : Se escribe los proporcionados por TRIARA.
Se asegura de activar la casilla de sabe pwd con la finalidad de guardar los datos para
futuras conexiones y así evitar escribir de nuevo los datos.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 77/133
70|
Una vez que se realizo las operaciones anteriores fue necesario hacer la transferencia de
archivos del servidor local, al servidor web como lo muestra la figura Fig.21.
Fig.21. Ventana de Transferencia de Archivos local a Web
Cabe mencionar que en la ventana principal se debe de tener un índex puesto que es el
primer archivo que el ftp muestra al servidor y por tanto debe ser la página de inicio del sito
web. Ya puesto los archivos en el servidor ahora si ya se realizo la búsqueda del sitio en
Internet utilizando esta dirección
http://www.acerosatesa.com.mx.
Una vez verificando que el sitio web se subió correctamente se hizo la navegación por el
sitio, probando todos los vínculos del sitio, se encontraron algunos defectos que se fueron
arreglando en el momento de encontrarlos, ya que gracias al FTP se pueden hacer las
modificaciones al instante sin necesidad de que el sitio deje de funcionar o mostrarse.
Con respecto al apartado Cliente del menú principal de ATESA, en el cual se encuentra los
códigos dinámicos, se realizo solo algunos cambios puesto que TRIARA, ya pone a
disposición de los usuarios la consola de PhpMyAdmin para la administración de la base
de datos.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 78/133
71|
Que solo se puede acceder para su modificación entrando a un panel de control
personalizado para cada usuario. En la figura Fig.22 se muestra el acceso al panel de
control de Triara.
Fig.22 Acceso al Panel de Control de Triara de Telmex.
Una vez dentro del panel de control, en la opción de Administración de MySql se enlazo
con la página de PhpMyAdmin. En la figura Fig.23. Se muestra a detalle la pantalla de la
consola de PhpMyAdmin.
Fig.23 PhpMyAdmin del Sitio acerosATESA.com.mx
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 79/133
72|
Cabe mencionar que esta ventana solo nos sirvió para verificar que el código PHP
incrustado en las páginas dinámicas realizaran las funciones correspondientes. Solo en una
pagina se realizo cambios, que fue en el archivo config.php que es el archivo que realiza la
conexión con la base de datos.
El archivo original config.php tenia esta programación.
<?phpsession_start();function Conectarse(){ if (!($link=mysql_connect("localhost","root","ATESA"))){ echo "Error conectando a la base de datos.";exit(); }if (!mysql_select_db("okok9687",$link)){ echo "Error seleccionando la base de datos.";exit(); }return $link;}$link=Conectarse();mysql_close($link); //cierra la conexion ?>
El archivo modificado de config.php tiene ahora esta programación.
<?phpsession_start();function Conectarse()
{ if (!($link=mysql_connect("180.19.143.70","okok9687","****"))){ echo "Error conectando a la base de datos.";exit(); }
if (!mysql_select_db("okok9687",$link)){ echo "Error seleccionando la base de datos.";
exit(); }return $link;
}$link=Conectarse();mysql_close($link); //cierra la conexion ?>
Se cambio Localhost por una dirección Ip que indicara donde buscar la base de datos.
Se cambio Root por okok9687 que es el usuario de la base de datos.
Se cambio ATESA por la contraseña ****** que PhpMyAdmin necesita para el acceso a la
base de datos.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 80/133
73|
También en el apartado de contacto se muestran 4 direcciones de correo con el dominio de
acerosATESA.com.mx, estos correos se dieron de alta en la consola de administración de
correos de Negocios de Telmex. En la siguiente dirección. https://adm.vivetelmex.com
Donde desde la ventana de la consola de administración se dieron de alta 4 correos que
fueron los siguientes:
Información General: [email protected] : Correo especial para
información general de la empresa y del Gerente General.
Ventas: [email protected]:Correo especial para ventas, recepción de
solicitud de cotizaciones, y envío de las mismas,
Compras: [email protected] Correo especial para compras, envío de
solicitud de cotizaciones, entre otras cosas. Contabilidad/Pagos: [email protected] : Todo lo referente a consulta de
pago a proveedores, contabilidad, pagos etc.
En la Figura Fig.24. Se muestra la ventana de la página de consola de administración de
correos de Telmex. En la cual se accede mediante un email y contraseña, una vez
introducidos los datos se muestra una pantalla para administrar las cuentas de correo.
Fig.24 Consola De Administración De Correos
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 81/133
74|
Una vez realizada las operaciones anteriores se confirmo la funcionalidad del sitio web enlínea.
4.10. Mantenimiento y Actualización del Sitio.
Este objetivo, se cumplirá conformé se susciten cambios dentro de la empresa y en base alfuncionamiento del mismo sitio, además se establecieron periodos de mantenimiento y
actualización de la misma, los cuales se realizan cada 3 meses esto para depurar la base de
datos, y evitar que se sature con información no valida o caducada.
Cabe mencionar que es más llamativo un sitio que se actualiza, constantemente para los
usuarios, que un sitio monótono que siempre muestre la misma información.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 82/133
75|
CAPITULO 5. RESULTADOS DEL SITIO WEB
En la elaboración del sitio web, se realizaron 6 enlaces del menú principal, cabe mencionar
que cada uno de los enlaces del menú principal existen otros enlaces que llevan al usuario a
ver información mas a fondo del enlace seleccionado, a si mismo los primeros cinco
enlaces mostrados en el sitio son enlaces estáticos y que solo el menú de clientes es
dinámico. A Continuación se muestra en la figura Fig.25 la pantalla de presentación de
ATESA, donde el usuario deberá seleccionar el enlace “Entrar” para ingresar a la página
principal de ATESA, mostrada en la figura Fig.26.
Fig.25 Página de Presentación de ATESA
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 83/133
76|
Fig.26 Página Principal de ATESA
En la figura Fig.26 permite también al usuario seleccionar cualquiera de las opciones delmenú de la pagina, tales como en Inicio, nosotros, productos, servicios, contáctanos y
clientes, que darán acceso a cada una de las paginas especificas. Visitando otra página al
seleccionar el menú de Nosotros nos muestra información de la historia, misión, visión y el
organigrama de ATESA. En la figura Fig.27 se muestra la pantalla de Nosotros de ATESA
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 84/133
77|
Fig.27 Página De Nosotros de ATESA
Otra de las interfaces que mas vista tiene y claro es la atención hacia el usuario es el menú
de Productos puesto que aquí puede conocer los diferentes productos, que ATESA ofrece
puesto que cada liga de producto se muestra un documento en formato PDF donde se
muestran las características de cada producto seleccionado.
Con esto el usuario sabe si es el producto que el necesita. En la figura Fig.28 se muestra la
pantalla de Productos
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 85/133
78|
.
Fig.28 Página De Productos de ATESA
En donde el usuario podrá accesar y consultar cada uno de los productos, así como sus
características tales como medidas, peso entre otros.
En el enlace contáctanos muestra información de la empresa, tales como su domicilio,
teléfonos y correos electrónicos el cual permite al usuario contactarse con algún área
especifica que esté necesite.
Tal como se muestra en la figura Fig.29, me puede observar la información mencionada
anteriormente.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 86/133
79|
Fig.29 Página De Contáctanos de ATESA
Y por ultimo pero no por eso menos importante se encuentra la liga de clientes, cabe
mencionar que las paginas mostradas en esta liga son dinámicas puesto que necesita
información adicional que el usuario proporcionara para que se muestre un resultado, a
diferencia de las pagina anteriores, las cuales mostraban información son tan solo un clic.
En la liga de clientes, solo aquellos usuarios que estén registrados podrán acceder para
poder consultar su saldo de una determinada factura. En la figura Fig.30 Se muestra la
interfaz de acceso a consulta de saldos.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 87/133
80|
Fig.30. Página De Acceso de ATESA
En caso que el usuario y no este registrado podrá solicitar un registro en el enlace
„Nuevo?..Regístrate‟, en el cual mediante un formulario el usuario (Cliente), podrá solicitar
la alta al ATESA, para así poder accesar al sitio, una vez llenado, esté se manda por correo
electrónico al correo del encargado de dar de alta al usuario. En la figura Fig.31se muestra
la pantalla del formulario para solicitud de Registro.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 88/133
81|
Fig.31 Página De Solicitud de Alta a ATESA
Ahora si ya es cliente y se olvido su usuario y/o Password también puede acceder al enlace
de „Olvidaste tu Password’ , para poder recuperarla solo debe insertar su e-mail, si la base
de datos encuentra el email, podrá solicitar el usuario y/o Password al administrador de
cuentas, él cual reenviara los datos al correo electrónico del cliente siempre y cuando este
dado de alta en el sistema.
Una vez que el usuario tiene su nombre de usuario y Password, podrá acceder a su cuenta y
podrá consultar el saldo de una factura a la vez, con solo insertar el No de factura,aparecerá en la pantalla. En la figura Fig.32 se muestra la ventana de consulta de saldos por
factura.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 89/133
82|
Fig.32 Página De Consulta de Saldos Por Factura
Una vez dentro de la página de consulta el cliente podrá insertar el No de Factura a
consultar y al presionar el botón „Consultar’ aparecerán los detalles de esa factura, como
fecha de compra, total de la compra, fecha de abonos y saldo pendiente. En la figura Fig.33
se muestra la pantalla con los detalles de la factura solicitada.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 90/133
83|
Fig.33 Página De Consulta de Saldos Por Factura con Detalles
Las pantallas mostradas anteriormente, solo aparecen para el usuario cliente, para el usuario
supervisor es otro tipo de pantalla puesto que es el que administra la base de datos, portanto el tiene derecho a las siguientes opciones, que se muestra en la figura Fig.35.
Factura: Da de alta una factura a un determinado cliente, con las características de
No de factura, Fecha, e importe total.
Cliente: Da de alta un cliente si este, siempre y cuando esté lo haya solicitado
mediante el formulario de Solicitud de Alta.
Abono: Da de alta un abono a una determinada factura del cliente.
Edición: Edita datos de un determinado cliente.
Detalles: Muestra los detalles de una factura solicitada.
Detalles: Esta opción muestra todos lo clientes con sus respectivos datos.
Salir. Cierra Sesión y sale de la pagina del Administrador
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 91/133
84|
En la figura Fig.35 se muestra el menú del administrador.
Fig.35 Página Menú del Administrador.
Cabe señalar que los demás enlaces del sitio son similares para que al usuario se le haga
más fácil la navegación del sitio.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 92/133
85|
CAPITULO 6. IMPACTO ECONOMICO
Cuando se habla de sitios web, se puede mencionar no con una cifra exacta el impacto
económico que este genera pero si los beneficios que conlleva que una empresa como en
este caso ATESA, tenga su propio dominio en internet.
Entre los más significativos se pueden mencionar los siguientes:
Es trabajo del sitio es permanente, pues atiende al cliente 24 horas al día 7 días a la
semana.
Amplía el mercado desde un nivel local hasta un nivel nacional o internacional.
Promueve la comunicación con clientes y proveedores.
Posibilita encontrar nuevos proveedores.
Genera una buena imagen para los clientes de la empresa.
Pero la característica más importante del sitio, es que permitió aumentar el número de
clientes y el volumen de ventas, que al momento de la utilización del mismo se incremento
las ventas foráneas un 4% según los reportes de ventas informados por los vendedores el
cual se agrega reportes en el anexo 4.
De forma similar a la de la publicidad, el objetivo principal del sitio comercial es:
1. Que los clientes potenciales lleguen a su sitio web.
2. Que los que lleguen, compren.
3. Que los que compren, vuelvan.
Así entonces, a muy bajo costo, ATESA puede aprovechar Internet para aumentar sus
ventas, expandir su mercado y obtener crecimiento.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 93/133
ii|
CAPITULO 7.CONCLUSIONES Y RECOMENDACIONES
Conclusiones:
Un sitio Web es una vía de comunicación entre una empresa y el público: clientes y
proveedores, por lo tanto es una herramienta que hay que saber usar y explotar para sacarle
el mejor provecho en función de las necesidades comunicacionales de la empresa.
Al elaborar el sitio web de ATESA, las posibilidades que ofrece en la Web son infinitas,
tomando en cuenta su flexibilidad para adaptarse a los cambios de la empresa como lo es
ATESA. Esto permite dar difusión inmediata a promociones y comunicados especiales.
Un sitio web dinámico, con ilustraciones atractivas, texto y con las últimas características
de programación con base de datos, dará una gran oportunidad de generar nuevos negocios
o de distribuir información. Para lograr que el sitio web de la empresa sea exitoso, se debe
tratar de hacerla llegar a la mayor cantidad de personas posible, y para ello, debe ser
desarrollada utilizando criterios de diseño que sean compatibles en todas las plataformas.
El sitio web esta activo en el servidor de TRIARA (de Telmex), por lo que es muy poco, o
prácticamente nulo el mantenimiento que requiere, amenos que se realice modificacionesen el diseño, e información del sitio. De cualquier manera, los sitios web más exitosos son
aquellos que atraen un gran número de visitantes, y, en el mejor de los casos, visitantes
repetitivos.
Los sitios más exitosos en la red de internet, son proyectos en continua evolución,
generalmente, el esfuerzo se refleja en más visitantes a las páginas. Para ATESA, este
efecto es positivo en muchos sentidos. Mientras más personas visiten el sitio, se tendrá
mejor presencia corporativa, mejorarán sus contactos y estos se verán reflejados en un
aumento de las ventas.
Con la elaboración de este proyecto, se pretende mas la participación del cliente, para
acércalo a la empresa ya la tecnológica que ahora el tiempo presenta.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 94/133
iii|
Recomendaciones:
Como lo menciona el conferencista Wences, el internet ha sido “El invento mas importante
de este siglo después de la televisión”, trabajar páginas web puede ser sencillo, sin
embargo, lograr que sea un sitio interesante para los visitantes puede ser todo un reto.
Tomando esta frase muy en cuenta hay que diseñar todo sitio pensando en el futuro y
dejando espacio para agregar nueva información o secciones. Un diseño inicial flexible es
un factor importante para mantener la apariencia de un sitio y su funcionalidad luego de
varios meses y actualizaciones.
Para tener un sitio confiable y amigable se recomienda realizar estas actividades a futuro.
- Comprueba que el sitio web aparece en los buscadores Los buscadores son los
principales generadores de visitas en Internet, si el sitio web no aparece en ellos, no
existe. Por lo que es recomendable dar de alta en los buscadores mas usados como
lo son google, yahoo, msn, altavista entre otros.
- Optimizar el sitio web para los buscadores Son varias las cosas necesarias para
optimizar adecuadamente un sitio web para los buscadores, pero las principales
recomendaciones que tener en cuenta son:
- Elegir las palabras clave adecuadas para el negocio. Los usuarios
buscando productos y servicios. Se debe entender como busca la gente, si
utiliza una o más palabras de búsqueda.
- Actualiza los contenidos. Se deberá Añadir nuevo contenido con
frecuencia. Los usuarios vienen a ver el contenido, hay muchas maneras de
generar contenido de interés para ellos (y por lo tanto para los buscadores).
- Utilizar mapas web Los buscadores encontrarán mejor el contenido y los usuarios
encontrarán más fácilmente lo que buscan.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 95/133
iv|
- Carrito de compras. Los usuarios pueden ser foráneos, lo cual implica una limitante
de visitar la empresa, por lo que se recomienda realizar ventas en línea, de tal
manera que los usuarios locales y/o foráneos puedan comprar desde la comodidad
de su hogar.
- Adquirir un servidor propio. Esto puede ser un gasto muy fuerte al inicio, pero a la
larga se puede ver los grandes ahorros, puesto que no será necesario la contratación
de un tercero para dar alojamiento al sitio.
El sitio web de ATESA, solo contiene un solo enlace dinámico en el sitio, por lo que se
recomienda realizar que todo lo que es ATESA, se realice dinámicamente, es decir que los
cambios que se fueran a realizar tanto en información y productos, se realice medianteformularios, botones y demás, esto seria una gran ventaja puesto que cualquier persona
autorizada podrá realizar los cambio del sitio, sin necesidad de tener un diseñador o
programador web.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 96/133
v|
GLOSARIO
A
ASCII El código ASCII (acrónimo inglés de American Standard Code for InformationInterchange — (Código Estadounidense Estándar para el Intercambio de Información),
pronunciado generalmente [áski], es un código de caracteres basado en el alfabeto latino tal
como se usa en inglés moderno y en otras lenguas occidentales.
ASP El acrónimo ASP Active Server Pages, una solución de software de Microsoft, para
la programación en páginas WEB;
B
BASES DE DATOS: Una base de datos o banco de datos es un conjunto de datos
pertenecientes a un mismo contexto y almacenados sistemáticamente para su posterior uso.
En este sentido, una biblioteca puede considerarse una base de datos compuesta en su
mayoría por documentos y textos impresos en papel e indexados para su consulta
C
CÓDIGO FUENTE: El código fuente de un programa informático (o software) es un
conjunto de líneas de texto que son las instrucciones que debe seguir la computadora para
ejecutar dicho programa. Por tanto, en el código fuente de un programa está descrito por
completo su funcionamiento
COMPILADOR: Un compilador es un programa informático que traduce un programa
escrito en un lenguaje de programación a otro lenguaje de programación, generando un
programa equivalente que la máquina será capaz de interpretar. Usualmente el segundo
lenguaje es código máquina, pero también puede ser simplemente texto. Este proceso de
traducción se conoce como compilación.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 97/133
vi|
COMPONENTES LÉXICOS: Un componente léxico (escáner) es un programa que
recibe como entrada el código fuente de otro programa (secuencia de caracteres) y produce
una salida compuesta de tokens. Estos tokens sirven para una posterior etapa del proceso de
traducción, siendo la entrada para el parser o analizador sintáctico.
CONTROLES ACTIVEX: ActiveX es una tecnología de Microsoft para el desarrollo de
páginas dinámicas. Tiene presencia en la programación del lado del servidor y del lado del
cliente, aunque existan diferencias en el uso en cada uno de esos dos casos.
CSS: Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal
usado para definir la presentación de un documento estructurado escrito en HTML o XML
(y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de
formular la especificación de las hojas de estilo que servirán de estándar para los agentes de
usuario o navegadores.
D
DHTML El HTML Dinámico o DHTML (del inglés Dynamic HTML) designa el conjunto
de técnicas que permiten crear sitios web interactivos utilizando una combinación de
lenguaje HTML estático, un lenguaje interpretado en el lado del cliente (como JavaScript),
el lenguaje de hojas de estilo en cascada (CSS) y la jerarquía de objetos de un DOM
DOM El Document Object Model (una traducción al español no literal, pero apropiada,
podría ser Modelo en Objetos para la representación de Documentos), abreviado DOM, es
esencialmente un modelo computacional a través del cual los programas y scripts pueden
acceder y modificar dinámicamente el contenido, estructura y estilo de los documentos
HTML y XML. Su objetivo es ofrecer un modelo orientado a objetos para el tratamiento y
manipulación en tiempo real (o de forma dinámica) a la vez que de manera estática de
páginas de internet.
DOMINIO DE INTERNET: Un dominio de Internet es un nombre base que agrupa a un
conjunto de equipos o dispositivos y que permite proporcionar nombres de equipo más
fácilmente recordables en lugar de una dirección IP numérica. Permiten a cualquier servicio
(de red) moverse a otro lugar diferente en la topología de Internet, que tendrá una dirección
IP diferente..
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 98/133
vii|
DRIVERS: Un controlador de dispositivo (llamado normalmente controlador, o, en inglés,
driver ) es un programa informático que permite al sistema operativo interactuar con un
periférico, haciendo una abstracción del hardware y proporcionando una interfaz -
posiblemente estandarizada- para usarlo. Se puede esquematizar como un manual de
instrucciones que le indica cómo debe controlar y comunicarse con un dispositivo en
particular
DRUPAL: Es un sistema de gestión de contenido para sitios Web. Permite publicar
artículos, imágenes, u otros archivos y servicios añadidos como foros, encuestas,
votaciones, blogs y administración de usuarios y permisos.
E
ESTACIONES DE TRABAJO: En una red de computadoras, una estación de trabajo (en
inglés workstation) es una computadora que facilita a los usuarios el acceso a los servidores
y periféricos de la red. A diferencia de una computadora aislada, tiene una tarjeta de red y
está físicamente conectada por medio de cables u otros medios no guiados con los
servidores.
F
FORMULARIO: Se llama formulario a una plantilla o página con espacios vacíos que han
de ser rellenados con alguna finalidad, por ejemplo una solicitud de empleo en la que has
de rellenar los espacios libres con la información personal requerida.
FTP : Es un protocolo de red para la transferencia de archivos entre sistemas conectados a
una red TCP, basado en la arquitectura cliente-servidor
G
GNU: Es un acrónimo recursivo que significa GNU No es Unix (GNU is Not Unix).
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 99/133
viii|
H
HIPERENLACES: Un hiperenlace (también llamado enlace, vínculo, hipervínculo o link)
es un elemento de un documento electrónico que hace referencia a otro recurso, por
ejemplo, otro documento o un punto específico del mismo o de otro documento
HIPERTEXTO: En informática, es el nombre que recibe el texto que en la pantalla de una
computadora conduce a su usuario a otro texto relacionado. La forma más habitual de
hipertexto en documentos es la de hipervínculos o referencias cruzadas automáticas que van
a otros documentos (lexias).
HOST: Un host o anfitrión es un ordenador que funciona como el punto de inicio y final de
las transferencias de datos. Más comúnmente descrito como el lugar donde reside un sitioweb. Un host de Internet tiene una dirección de Internet única (dirección IP) y un nombre
de dominio único o nombre de host.
I
IPTV: Internet Protocol Television (IPTV) se ha convertido en la denominación más
común para los sistemas de distribución por subscripción de señales de televisión y/o vídeo
usando conexiones de banda ancha sobre el protocolo IP.
IRC: IRC ( Internet Relay Chat ) es un protocolo de comunicación en tiempo real basado en
texto, que permite debates en grupo o entre dos personas y que está clasificado dentro de
los servicios de comunicación en tiempo real.
J
JSP: JavaServer Pages (JSP) es una tecnología Java que permite generar contenido
dinámico para web, en forma de documentos HTML, XML o de otro tipo.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 100/133
ix|
K
KERNEL: En informática, el núcleo (también conocido en español con el anglicismo
kernel, de raíces germánicas como kern) es la parte fundamental de un sistema operativo.
Es el software responsable de facilitar a los distintos programas acceso seguro al hardwarede la computadora o en forma más básica, es el encargado de gestionar recursos, a través de
servicios de llamada al sistema.
L
LENGUAJES DE PROGRAMACIÓN: Un lenguaje de programación es un conjunto de
símbolos y reglas sintácticas y semánticas que definen su estructura y el significado de sus
elementos y expresiones, y es utilizado para controlar el comportamiento físico y lógico deuna máquina.
LOCALHOST: En informática, en el contexto de redes TCP/IP, localhost es un nombre
reservado que tienen todas las computadoras, router o dispositivo que disponga de una
tarjeta de red ethernet para referirse a sí mismo.
M
MEDIAWIKI: Es un motor para wikis bajo licencia GNU, programado en PHP. También
se llama así al espacio de nombres de MediaWiki donde se hallan los mensajes de su
interfaz listos para su traducción a la lengua local de cada wiki.
MEMORIA VIRTUAL: Es un concepto que permite al software usar más memoria
principal que la que realmente posee el ordenador. La mayoría de los ordenadores tienen
cuatro tipos de memoria: registros en la CPU, la memoria cache (tanto dentro como fuera
del CPU), la memoria física (generalmente en forma de RAM, donde la CPU puede escribir
y leer directa y razonablemente rápido) y el disco duro que es mucho más lento, pero
también más grande y barato.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 101/133
x|
MIME ( M ultipurpose I nternet M ail E xtensions), (Extensiones de Correo Internet
Multipropósito), son una serie de convenciones o especificaciones dirigidas a que se
puedan intercambiar a través de Internet todo tipo de archivos (texto, audio, vídeo, etc.) de
forma transparente para el usuario. Una parte importante del MIME está dedicada a mejorar
las posibilidades de transferencia de texto en distintos idiomas y alfabetos
MS-DOS: Son las signas de M icroSoft Disk O perating S ystem, Sistema operativo de disco
de Microsoft. Es un sistema operativo comercializado por Microsoft perteneciente a la
familia DOS.
MULTIHILO: En sistemas operativos, es una característica que permite a una aplicación
realizar varias tareas concurrentemente. Los distintos hilos de ejecución comparten una
serie de recursos tales como el espacio de memoria, los archivos abiertos, situación deautenticación, etc.
MyISAM: Es la tecnología de almacenamiento de datos usada por defecto por el sistema
administrador de bases de datos relacionales MySQL.
N
NETSCAPE NAVIGATOR: Es un navegador web y el primer resultado comercial de la
compañía Netscape Communications, creada por Marc Andreessen. Netscape fue el primer
navegador comercial.
NNTP: Network News Transport Protocol (NNTP) es un protocolo inicialmente creado
para la lectura y publicación de artículos de noticias en Usenet. Su traducción literal al
español es "protocolo para la transferencia de noticias en red".
O
ON-LINE: Network News Transport Protocol (NNTP) es un protocolo inicialmente creado
para la lectura y publicación de artículos de noticias en Usenet. Su traducción literal al
español es "protocolo para la transferencia de noticias en red".
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 102/133
xi|
P
PROGRAMADORES: Un programador es un individuo que ejerce la programación, es
decir, que escribe programas de computadora u ordenador. Los programadores también
reciben el nombre de desarrolladores de software.
PUERTO: Es una forma genérica de denominar a una interfaz por la cual diferentes tipos
de datos pueden ser enviados y recibidos. Dicha interfaz puede ser física, o puede ser a
nivel software (por ej: los puertos que permiten la transmisión de datos entre diferentes
computadoras)
P2P: A grandes rasgos, una red informática entre iguales (en inglés, peer-to-peer -que se
traduciría de par a par- o de punto a punto, y más conocida como P2P) se refiere a una redque no tiene clientes ni servidores fijos, sino una serie de nodos que se comportan
simultáneamente como clientes y como servidores respecto de los demás nodos de la red.
Es una forma legal de compartir archivos de forma similar a como se hace en el email o
mensajeros instantáneos, sólo que de una forma más eficiente.
R
RED: Es un conjunto de equipos (computadoras y/o dispositivos) conectados por medio de
cables, señales, ondas o cualquier otro método de transporte de datos, que comparten
información (archivos), recursos (CD-ROM, impresoras, etc.) y servicios (acceso a internet,
e-mail, chat, juegos), etc
ROOT: Es el nombre convencional de la cuenta de usuario que posee todos los derechos en
todos los modos (mono o multi usuario). root es también llamado superusuario.
S
SCRIPTS: Lenguaje de programación que fue diseñado para ser ejecutado por medio de un
intérprete, en contraste con los lenguajes compilados
SERVICE PACK: Grupo de parches que actualizan, corrigen y mejoran aplicaciones y
sistemas operativos. Esta denominación fue popularizada por Microsoft cuando comenzó a
empaquetar grupos de parches que actualizaban su sistema operativo Windows
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 103/133
xii|
SERVIDOR: Es una computadora que, formando parte de una red, provee servicios a otras
denominadas clientes.
SESIONES: Una sesión es un conjunto de aplicaciones, configuraciones y recursos
existentes en el escritorio del usuario. La gestión de sesiones es un conjunto de convenios yprotocolos que permiten al Gestor de sesiones guardar y restablecer la sesión de un usuario,
que así puede iniciar una sesión posterior en el sistema con el mismo conjunto de
aplicaciones en ejecución, configuraciones y recursos que los que disponía cuando finalizó
la sesión anterior. Cuando un usuario inicia la sesión en el escritorio por vez primera, se
carga una sesión inicial. Posteriormente, el Gestor de sesiones admite los conceptos de
sesión actual y sesión de inicio.
SGBD: Los sistemas de gestión de base de datos (SGBD); (en inglés: Database
management system, abreviado DBMS) son un tipo de software muy específico, dedicado a
servir de interfaz entre la base de datos, el usuario y las aplicaciones que la utilizan.
SINCLAIR QL: El Sinclair QL, (QL por Quantum Leap, salto cuántico), fue un
ordenador personal lanzado por Sinclair Research en enero de 1984. Posterior al éxito del
ya famoso ZX Spectrum, el QL fue diseñado como el siguiente paso hacia el mercado de
las aplicaciones domésticas y la pequeña empresa.
SISTEMA OPERATIVO: Un sistema operativo es un software de sistema, es decir, un
conjunto de programas de computadora destinado a permitir una administración eficaz de
sus recursos.
SITIOS WEB: Un sitio web (en inglés: website) es un conjunto de páginas web,
típicamente comunes a un dominio de Internet o subdominio en la World Wide Web en
Internet
SMTP: Simple Mail Transfer Protocol (SMTP), o protocolo simple de transferencia de
correo. Protocolo de red basado en texto utilizado para el intercambio de mensajes de
correo electrónico entre computadoras u otros dispositivos (PDA's, teléfonos móviles, etc.).
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 104/133
xiii|
SNMP: El Protocolo Simple de Administración de Red o SNMP es un protocolo de la capa
de aplicación que facilita el intercambio de información de administración entre
dispositivos de red. Es parte de la familia de protocolos TCP/IP. SNMP permite a los
administradores supervisar el desempeño de la red, buscar y resolver sus problemas, y
planear su crecimiento
SOFTWARE LIBRE: Software libre (en inglés free software) es la denominación del
software que brinda libertad a los usuarios sobre su producto adquirido y por tanto, una vez
obtenido, puede ser usado, copiado, estudiado, modificado y redistribuido libremente
SPARC: SPARC (del inglés Scalable Processor ARChitecture) es una arquitectura RISC
big-endian. Es decir, una arquitectura con un conjunto reducido de instrucciones.
T
TCP /IP: La familia de protocolos de Internet es un conjunto de protocolos de red en la que
se basa Internet y que permiten la transmisión de datos entre redes de computadoras. En
ocasiones se le denomina conjunto de protocolos TCP/IP, en referencia a los dos protocolos
más importantes que la componen: Protocolo de Control de Transmisión (TCP) y Protocolo
de Internet (IP),
TRÁFICO WEB: El tráfico web es la cantidad de datos enviados y recibidos por los
visitantes de un sitio web. Esta es una gran proporción del tráfico de internet. El tráfico web
es determinado por el número de visitantes y de páginas que visitan.
U
UNICODE: (del inglés «universal» y «code» - universal y código o sea código universal o
unicódigo) es un estándar industrial cuyo objetivo es proporcionar el medio por el cual un
texto en cualquier forma e idioma pueda ser codificado para el uso informático.
URL :Significa Uniform Resource Locator , es decir, localizador uniforme de recurso. Es
una secuencia de caracteres, de acuerdo a un formato estándar, que se usa para nombrar
recursos, como documentos e imágenes en Internet, por su localización.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 105/133
xiv|
V
VoIP: Voz sobre Protocolo de Internet, también llamado Voz sobre IP, VozIP, VoIP (por
sus siglas en inglés), es un grupo de recursos que hacen posible que la señal de voz viaje a
través de Internet empleando un protocolo IP (Internet Protocol). Esto significa que seenvía la señal de voz en forma digital en paquetes en lugar de enviarla (en forma digital o
analógica) a través de circuitos utilizables sólo para telefonía como una compañía
telefónica convencional o PSTN (acrónimo de Public Switched Telephone Network , Red
Telefónica Pública Conmutada).
W
WDDX: (Web Distributed Data eXchange) es un estándar XML para el intercambio de
información estructurada entre distintos lenguajes de programación. Usando WDDX es
posible convertir un vector en PHP en una estructura WDDX serializada y luego des-
serializarla en un programa perl y obtener como resultado un programa perl.
WWW. En informática, World Wide Web (o la "Web") o Red Global Mundial es un
sistema de documentos de hipertexto y/o hipermedios enlazados y accesibles a través de
Internet. Con un navegador Web, un usuario visualiza páginas web que pueden contener
texto, imágenes, vídeos u otros contenidos multimedia, y navega a través de ellas usando
hiperenlaces.
WYSIWYG: Es el acrónimo de What You See Is What You Get (en inglés, "lo que ves es lo
que obtienes"). Se aplica a los procesadores de texto y otros editores de texto con formato
(como los editores de HTML) que permiten escribir un documento viendo directamente el
resultado final, frecuentemente el resultado impreso
X
XML: Sigla en inglés de Extensible Markup Language («lenguaje de marcas ampliable»),es un metalenguaje extensible de etiquetas desarrollado por el World Wide Web
Consortium (W3C). Es una simplificación y adaptación del SGML y permite definir la
gramática de lenguajes específicos (de la misma manera que HTML es a su vez un lenguaje
definido por SGML). Por lo tanto XML no es realmente un lenguaje en particular, sino una
manera de definir lenguajes para diferentes necesidades.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 106/133
xv|
BIBLIOGRAFIAS
- Cobo, Ángel., Gómez, Patricia., Pérez, Daniel., Rocha Roció (2007). PHP y
MySQL Tecnológicas para el desarrollo de aplicaciones web. : Díaz de Santos
- Del peso Navarro, Emilio y Ramos González, Miguel A. (1992). La seguridad de
los datos de carácter personal. México, D.F.: Informáticos Europeos Expertos.
- De Pablos, Carmen., Joaquín López, José., Santiago Martin, Hermoso., Medina,
Sonia. (2006). Informática y Comunicaciones en la empresa. Madrid, España: ESIC.
- IBM, Developer Works (2003) Un cambio de Windows a Linux: Parte 1. Soñando
con Linux. México, D.F. Ediciones ENI.
- Gutiérrez, Abraham., Bravo, Ginés. (2004). PHP a través de ejemplos.. :
AlfaOmega.
- Pascal, Francisco (2004). Macromedia Dreamweaver MX 2004. : AlfaOmega.
- Pérez López, Cesar (2007). Microsoft SQL Server 2005. Administración y Análisis
de base de datos. Madrid, Esp.: AlfaOmega.
- Pons, Nicolás (2005). Linux: Principios básicos del uso del sistema. Francia:
Ediciones ENI.
- Wiley, John & Sons, Inc. (2007). Ingeniería de Software, Una perspectiva Orientada
a Objetos (Traducido por González Osuna, Marcia). México.: AlfaOmega. (Original
publicado en 2003.)
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 107/133
xvi|
REFERENCIAS ELECTRONICAS
- Adobe (2007). Características de Flash MX. Consultado el 12/12/2008 en
http://www.adobe.com/es/products/flashpaper/productinfo/features/static_tour/web_ready.
- Álvarez, Miguel ángel (2004). Desarrollo Web. Consultado el 07/23/2008 en
http://www.desarrolloweb.com/articulos/335.php.
- Berciano Antonio, Alfonso (1999). HTLM. Consultado el 01/15/2008 en
http://platea.pntic.mec.es/~abercian/guiahtml/comienzo.htm.
- Conceptos básicos sobre FTP (2002). Madrid, España: Universidad de Madrid.
Consultado el 02/25/2008 en http://www.uam.es/servicios/ti/servicios/ftp/ftp.html
- Cuenca, Fernando A. (2006). , Consultado el 20-12-2008 en
http://www.investigacion.frc.utn.edu.ar/labsis/Publicaciones/ QueEsLinux/
QueEsLinux.htm, consultado 20-12-2007
- Definiciones.biz (2006). Introducción a Windows. Consultado el 01/09/2008 en
http://www.definicion.biz/de/Windows.htm.
- Lycos, Inc. (2007). Consultado el 20-12-2007 en:
http://usuarios.lycos.es/linuxvswindows/sistema_operativo_windows.htm
- Martínez, Rafael (2008). Sobre Linux. Consultado el 8/15/2008 en
http://www.linux-es.org/sobre_linux.
- Minchán Lezcano, Farly (2008). Desarrollo de Aplicaciones Web con PHP y
MySQL. Consultado el 09/15/2008 en
http://www.codigocaxa.net78.net/php_mysql/php_mysql_1.pdf.
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 108/133
xvii|
- Rodas Hinostroza, Raúl (2007): Consultado el 01/15/2008 en
http://www.linuxcentro.net/linux/staticpages/index.php?page=CaracteristicasPHP
- Salazar, Pablo (2008). Informática, una vista a Flash. Cherada. Consultado en
10/29/2008 en http://www.cherada.com/articulos/ventajas-y-desventajas-de-crear-
los-sitios-en-flash.
- Valdelli Ilario (2006): Consultado el 01/15/2008 en
http://www.htmlpoint.com/javascript/corso/js_02.htm
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 109/133
xviii|
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 110/133
xix|
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 111/133
xx|
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 112/133
xxi|
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 113/133
xxii|
CODIGO DE LA PAGINA DE NOSOTROS
<html><head><meta http-equiv="Content-Language" content="es" /><meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /><title>Pagina nueva 4</title><base target="_self" /><meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)" /><style type="text/css"><!--.Estilo3 {font-family: Tahoma; font-size: 12px; }.Estilo4 {
font-family: Tahoma;font-weight: bold;font-size: 12px;
}--></style></head><body background="rollo.JPG"><p style="margin-bottom: 0"> </P><!-- f-source menu navigation settings (search engine friendly) --><!-- Change these links and press F12 to test --><div id='menu' style='position:absolute; visibility:hidden;'><div><a href='http://f-source.com'><b>WEB MENU</b></a></div><div class='submenu'><div><a href='http://f-source.com' target='_blank'>SubButton1-1</a></div><div><a href='http://f-source.com'>SubButton1-2</a></div><div><a href='http://f-source.com'>SubButton1-3</a></div><div><a href='http://f-source.com'>SubButton1-4</a></div>
</div><div><a href='http://f-source.com'><b>HELP</b></a></div><div class='submenu'><div><a href='http://f-source.com/flash-menus/good-practice/'>How to begin</a></div><div><a href='http://f-source.com/flash-menu/orange-drop-down/'>About the
menu</a></div><div><a href='http://f-source.com/flash-menu/dreamweaver-
extension/'>Requirements</a></div><div><a href='http://f-source.com/faq/'>F.A.Q.</a></div>
</div><div><a href='http://f-source.com'>BUTTON3</a></div><div class='submenu'><div><a href='http://f-source.com/faq/xml/'>Flash menu with XML</a></div><div><a href='url to pass to JSF' target='callJSF'>Test JavaScript</a></div><div><a href='http://f-source.com/flash-menu-vertical/vista/'>Vertical menu</a></div>
xv
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 114/133
xxiii|
<div><a href='http://f-source.com/dreamweaver-extensions/'>Dreamweaverextensions</a></div></div><div><a href='http://f-source.com'><b>BUTTON4</b></a></div><div class='submenu'>
<div><a href='http://f-source.com'>SubButton4-1</a></div><div class='submenu'><div><a href='http://f-source.com'>SubButton4-1-1</a></div><div class='submenu'><div><a href='http://f-source.com'>SubButton4-1-1-1</a></div><div><a href='http://f-source.com'>SubButton4-1-1-2</a></div><div><a href='http://f-source.com'>SubButton4-1-1-3</a></div><div><a href='http://f-source.com'>SubButton4-1-1-4</a></div>
</div><div><a href='http://f-source.com'>SubButton4-1-2</a></div><div class='submenu'>
<div><a href='http://f-source.com'>SubButton4-1-2-1</a></div><div><a href='http://f-source.com'>SubButton4-1-2-2</a></div><div class='submenu'>
<div><a href='http://f-source.com'>SubButton4-1-2-2-1</a></div><div><a href='http://f-source.com'>SubButton4-1-2-2-2</a></div><div class='submenu'><div><a href='http://f-source.com'>SubButton4-1-2-2-2-1</a></div><div><a href='http://f-source.com'>SubButton4-1-2-2-2-2</a></div>
</div><div><a href='http://f-source.com'>SubButton4-1-2-2-3</a></div><div><a href='http://f-source.com'>SubButton4-1-2-2-4</a></div>
</div><div><a href='http://f-source.com'>SubButton4-1-2-3</a></div><div><a href='http://f-source.com'>SubButton4-1-2-4</a></div>
</div><div><a href='http://f-source.com'>SubButton4-1-3</a></div><div><a href='http://f-source.com'>SubButton4-1-4</a></div>
</div><div><a href='http://f-source.com'>SubButton4-2</a></div><div><a href='http://f-source.com'>SubButton4-3</a></div><div><a href='http://f-source.com'>SubButton4-4</a></div>
</div><div ><a href='http://www.google.com/search?q='
target='_blank'><b>SEARCH</b></a></div></div><P><script type="text/javascript">var connected; if (connected){ Run_f_source_menu()}else{ alert("The page is not connected with script file ActiveContentDropDown.js")};function JSF(url){alert("javascript: "+url);}</script></p><P></p>
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 115/133
xxiv|
<p align="center"><marquee width="355" style="font-family: Franklin Gothic Book; font-weight: bold; border-top: 2px solid #E88D25; border-bottom: 2px solid #E88D25"><span class="Estilo3">SENCILLAMENTE LO MEJOR</span>
</marquee></p><p align="center" class="Estilo3">Comercializadores de productos en
<b><i>ACERO</i></b> de distintos tipos, calidades y formas, </p><p align="center" class="Estilo3">contamos con un extenso inventario, a los mejoresprecios. </p><p align="center" class="Estilo3"> </p><p align="center"><span class="Estilo3"><u><i><b>" SOMOS FABRICANTESDE LAMINA ACANALADA </b></i><b><i>PARA TECHO</i></b><i><b>"</b></i></u></span></p><p style="margin-bottom: 0"> </p><p align="center" style="margin-top: 0; margin-bottom: 0"><u><i><b> <fontface="Franklin Gothic Book"><img src="ATESA.JPG" width="273" height="237"align="middle" /></font></b></i></u><u><i><b></b></i></u></p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"> "Atendemos Medidas Especiales"</p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"> </p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"> Ven y Compruébalo Visítanos</p><p align="center" class="Estilo4">Eres El Visitante No </p><strong><!-- http://contadores.miarroba.com --></strong><p align="center"><script type="text/javascript"src="http://contadores.miarroba.com/ver.php?id=545831"></script><!-- http://contadores.miarroba.com --></body></html>
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 116/133
xxv|
CODIGO DE LA PAGINA DE PRODUCTOS<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Language" content="es-mx"><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)"><link rel="File-List" href="PRODUCTOS_archivos/filelist.xml">
<title>Pagina nueva 1</title><!--[if !mso]><style>v\:* { behavior: url(#default#VML) }o\:* { behavior: url(#default#VML) }.shape { behavior: url(#default#VML) }
</style><![endif]--><!--[if gte mso 9]><xml><o:shapedefaults v:ext="edit" spidmax="1027"/></xml><![endif]--><script language="JavaScript" type="text/JavaScript"><!--function MM_preloadImages() { //v3.0var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_nbGroup(event, grpName) { //v6.0var i,img,nbArr,args=MM_nbGroup.arguments;if (event == "init" && args.length > 2) {if ((img = MM_findObj(args[2])) != null && !img.MM_init) {img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new
Array();nbArr[nbArr.length] = img;for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {if (!img.MM_up) img.MM_up = img.src;img.src = img.MM_dn = args[i+1];
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 117/133
xxvi|
nbArr[nbArr.length] = img;} }
} else if (event == "over") {document.MM_nbOver = nbArr = new Array();for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] :img.MM_up);
nbArr[nbArr.length] = img;}
} else if (event == "out" ) {for (i=0; i < document.MM_nbOver.length; i++) {img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn :
img.MM_up; }} else if (event == "down") {nbArr = document[grpName];
if (nbArr)for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn =0; }
document[grpName] = nbArr = new Array();for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {if (!img.MM_up) img.MM_up = img.src;img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;nbArr[nbArr.length] = img;
} }} //--></script><style type="text/css"><!--.Estilo19 {
font-family: Tahoma;font-size: 12px;
}.Estilo22 {color: #FDFDFD}.Estilo23 {color: #F9F6F1}.Estilo24 {color: #EEEDE9}.Estilo25 {color: #EBD9D9}.Estilo26 {color: #FAEDE4}.Estilo27 {color: #F0EFED}.Estilo29 {
color: #FFFFFD;font-size: 12px;
}.Estilo34 {font-size: 12px}.Estilo35 {font-size: 12px; font-weight: bold; }-->
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 118/133
xxvii|
</style></head>
<body background="rollo.JPG" onLoad="MM_preloadImages('forja.3.jpg')">
<p align="center"><!--[if gte vml 1]><v:shapetype id="_x0000_t202"coordsize="21600,21600" o:spt="202" path="m,l,21600r21600,l21600,xe"><v:stroke joinstyle="miter"/><v:path gradientshapeok="t" o:connecttype="rect"/></v:shapetype><v:shape id="_x0000_s1040" type="#_x0000_t202"href="../forja/forja.htm" style='position:absolute;left:278.25pt;top:362.25pt;width:167.25pt;height:88.5pt;z-index:1' filled="f" fillcolor="none" stroked="f"strokecolor="none"><v:textbox><table cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td align="center"> </td></tr></table></v:textbox></v:shape><![endif]--><![if !vml]><![endif]></p><p align="center"><marquee width="355" style="font-family: Franklin Gothic Book; font-weight: bold;border-top: 2px solid #E88D25; border-bottom: 2px solid #E88D25"><span class="Estilo19">PRODUCTOS</span></marquee></p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;">Contamos con una granvariedad de productos para todo tipo de trabajo.</p><p align="center" style="font-family: Tahoma; font-size: 12px; margin-bottom: 0;">SomosComercializadores deproductos en <i>acero </i>de distintos tipos, calidades y formas. </p><p align="center" style="font-family: Tahoma; font-size: 12px; margin-bottom: 0;">EnAceros y Tubulares Económicos nospreocupamos en ofrecer el mejor servicio para atender las áreas de construcción,</p><p align="center" style="font-family: Tahoma; font-size: 12px;"> herrería,contratistas y público engeneral.</p>
<p class="Estilo19"> </p><div align="center" class="Estilo19"><table border="0" align="center" cellpadding="0" cellspacing="0"><!--DWLayoutTable--><tr><td class="Estilo19"><div align="center"><strong>Tuberia</strong></div></td><td class="Estilo19"><div align="center"><span
class="Estilo26">....</span></div></td>
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 119/133
xxviii|
<td class="Estilo19"><div align="center"><strong>PerfilTubular</strong></div></td>
<td class="Estilo19"><div align="center"><spanclass="Estilo27">....</span></div></td>
<td class="Estilo19"><div align="center"><strong>Forja</strong></div></td>
</tr><tr><td class="Estilo19"><a href="tuberia/TUBERIA.htm" target="_self"
onClick="MM_nbGroup('down','group1','Tuberia','',1)"onMouseOver="MM_nbGroup('over','Tuberia','','',1)"onMouseOut="MM_nbGroup('out')"><img src="tuberia.jpg" alt="Tuberia"name="Tuberia" width="90" height="94" border="0" usemap="#TuberiaMap" onload=""></a></td>
<td class="Estilo19"><!--DWLayoutEmptyCell--> </td><td class="Estilo19"><a href="perfiltubular/perfil.htm" target="_self"
onClick="MM_nbGroup('down','group1','Perfil','',1)"
onMouseOver="MM_nbGroup('over','Perfil','','',1)"onMouseOut="MM_nbGroup('out')"><img src="perfiltubular.jpg" alt="Perfil Tubular"name="Perfil" width="109" height="87" border="0" usemap="#PerfilMap" onload=""></a></td>
<td class="Estilo19"><!--DWLayoutEmptyCell--> </td><td class="Estilo19"><a href="forja/forja.htm" target="_self"
onClick="MM_nbGroup('down','group1','Forja','',1)"onMouseOver="MM_nbGroup('over','Forja','','',1)"onMouseOut="MM_nbGroup('out')"><img src="forja.3.jpg" alt="Forja" name="Forja"width="73" height="58" border="0" usemap="#ForjaMap" onload=""> </a></td>
</tr></table><p> </p><table border="0" align="center" cellpadding="0" cellspacing="0"><!--DWLayoutTable--><tr><td><div align="center" class="Estilo35 Estilo34">Acero Inoxidable </div></td><td><div align="center" class="Estilo29">....</div></td><td><div align="center" class="Estilo35">Comerciales</div></td><td><div align="center" class="Estilo34"><span
class="Estilo22">....</span></div></td><td><div align="center" class="Estilo34"><strong>Construccion</strong></div></td><td><div align="center" class="Estilo34"><span
class="Estilo23">....</span></div></td><td><div align="center" class="Estilo34"><strong>Estructurales</strong></div></td><td><div align="center" class="Estilo34"><span
class="Estilo24">....</span></div></td><td><div align="center" class="Estilo34"><strong>Lamina</strong></div></td><td><div align="center"><span class="Estilo25">....</span></div></td>
</tr><tr>
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 120/133
xxix|
<td><p><a href="lamaceroinox/laminainox.htm" target="_self"onClick="MM_nbGroup('down','group1','inox','',1)"onMouseOver="MM_nbGroup('over','inox','','',1)" onMouseOut="MM_nbGroup('out')"><img src="aceroinox.JPG" alt="Lamina Acero Inoxidable" name="inox" width="78"height="82" border="0" align="texttop" usemap="#inoxMap" onload=""></a></p>
</td><td><!--DWLayoutEmptyCell--> </td><td><p><a href="comerciales/contcomerciales.htm" target="_self"
onClick="MM_nbGroup('down','group1','Comerciales','',1)"onMouseOver="MM_nbGroup('over','Comerciales','','',1)"onMouseOut="MM_nbGroup('out')"><img src="comerciales.jpg" alt="Comerciales"name="Comerciales" width="83" height="80" border="0" usemap="#ComercialesMap"onload=""> </a></p> </td>
<td><!--DWLayoutEmptyCell--> </td><td><a href="construccion/construccion.htm" target="_self"
onClick="MM_nbGroup('down','group1','Construccion','',1)"
onMouseOver="MM_nbGroup('over','Construccion','','',1)"onMouseOut="MM_nbGroup('out')"><img src="construccion.jpg" alt="Construccion"name="Construccion" width="73" height="91" border="0" usemap="#ConstruccionMap"onload=""></a></td>
<td><!--DWLayoutEmptyCell--> </td><td><a href="estructurales/estructurales.htm" target="_self"
onClick="MM_nbGroup('down','group1','Estructurales','',1)"onMouseOver="MM_nbGroup('over','Estructurales','','',1)"onMouseOut="MM_nbGroup('out')"><img src="estructurales.jpg" alt="Estructurales"name="Estructurales" width="80" height="82" border="0" usemap="#EstructuralesMap"onload=""> </a></td>
<td><!--DWLayoutEmptyCell--> </td><td><p><a href="lamina/lamina.htm" target="_self"
onClick="MM_nbGroup('down','group1','Lamina','',1)"onMouseOver="MM_nbGroup('over','Lamina','','',1)"onMouseOut="MM_nbGroup('out')"><img src="lamina.jpg" alt="Lamina"name="Lamina" width="98" height="93" border="0" usemap="#LaminaMap" onload=""></a></p> </td>
<td><!--DWLayoutEmptyCell--> </td></tr>
</table></div><p align="center" class="Estilo19"> </p></body>
</html>
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 121/133
xxx|
CODIGO DE LA PAGINA DE SERVICIOS<html>
<head><meta http-equiv="Content-Language" content="es">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Pagina nueva 1</title><meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)"><style type="text/css"><!--.Estilo1 {
font-family: Tahoma;font-size: 12px;
}--></style>
</head><body background="rollo.JPG">
<p align="center"><a name="INICIO"></a></p><p align="center"> </p><p align="center"><marquee width="355" style="font-family: Franklin Gothic Book; font-weight: bold;border-top: 2px solid #E88D25; border-bottom: 2px solid #E88D25" behavior="alternate"><span class="Estilo1">SERVICIOS</span></marquee></p><p align="center" class="Estilo1">En ATESA contamos convarios servicios para el cliente, entre los cuales se destacan lossiguientes</p><p align="center" class="Estilo1"><a href="#CORTE"><img height="122" alt="Corte yDobleces" src="SERVIC10.jpg" width="160" border="0"></a></p><p align="center" class="Estilo1"><font color="#0000FF">Corte yDobleces Y Fabricación de Laminas</font></p><p align="center" class="Estilo1"> </p><p align="center" class="Estilo1"> </p><p align="center" class="Estilo1"> </p><p align="center" class="Estilo1"> </p><p align="center" class="Estilo1"> </p><p align="center" class="Estilo1"><a name="CORTE"></a></p><p align="center" class="Estilo1"> </p><p align="center" class="Estilo1"><marquee width="355" style="font-weight: bold; border-top: 2px solid #E88D25; border-bottom: 2px solid #E88D25">CORTE, DOBLES Y FABRICACION</marquee></p><p align="center" class="Estilo1"> </p><p align="center" class="Estilo1"> </p><p align="center" class="Estilo1"> </p>
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 122/133
xxxi|
<p align="center" class="Estilo1">En ATESA contamos con equipopara corte tanto de placa, como de tubería, y para dobles de lamina.</p><p align="center" class="Estilo1"> </p><p align="center" class="Estilo1"><b>Corte conpantógrafo </b>
<a href="CORTEPLACA.jpg"><img src="CORTEPLACA_small1.jpg" xthumbnail-orig-image="CORTEPLACA.jpg"border="2"></a></p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"> </p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"> </p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;">Cortamos cualquier espesor de placa y lamina alas medidas que el cliente requiera;</p>
<p align="center" style="font-family: Tahoma; font-size: 12px; margin-bottom: 0;">así mismo, cortamos placa a medidas y figurasespeciales.</p><p align="center" class="Estilo1"> </p><p align="center" class="Estilo1"> </p><p align="center" class="Estilo1"><span style="font-weight:bold"> </span><a href="DSC02544.JPG"><img src="DSC02544_small1.JPG" xthumbnail-orig-image="DSC02544.JPG" border="2"width="132" height="51"></a><span style="font-weight: bold;"> Dobles de Laminacon prensa de 500Ton x 6 mts </span></p><p align="center" class="Estilo1"><span style="font-weight: bold;"> </span></p>
<p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;">Doblamos lamina de cualquier espesor hasta 6mts de largo, nuestra maquina puede</p><p align="center" style="font-family: Tahoma; font-size: 12px;"> crear diferentesdobleces para formarcanalones, caballetes, etc. Tenemos de todo tipo de lamina ya que somosfabricantes.</p>
<p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"> </p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"> </p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"> </p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"><b>
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 123/133
xxxii|
Corte con Cortadora de Disco </b><a href="SERVIC12.jpg"><img src="SERVIC12_small.jpg" xthumbnail-orig-image="SERVIC12.jpg"border="2"></a></p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:
12px;"> </p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"> </p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"> </p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;">Corta en Seco, sin refrigerante y sinrecalentar, Corta sin deformar ni dejar rebabas, Corta materiales ferrosos comono</p><p align="center" style="font-family: Tahoma; font-size: 12px;"> ferrosos con excelente
terminación.,Especialpara el corte de caños, estructurales cuadrados y rectangulares de hierro.</p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;">Con esta herramienta el cliente puede cortarsu material sin problemas, puede cortar tubos, soleras, cuadrados, redondos ymas.</p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"> </p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"> </p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"> </p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"> </p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"><a href="DON%20CARLOS%20088.jpg"><img border="2" src="DON%20CARLOS%20088_small.jpg" xthumbnail-orig-image="DON CARLOS 088.jpg"></a> <b>Fabricación de Laminas</b></p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"> </p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"> </p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;">Somos Fabricantes de Lamina por lo cualpodemos crear cualquier largo de lamina y calibres comerciales,</p>
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 124/133
xxxiii|
<p align="center" style="font-family: Tahoma; font-size: 12px;"> según las necesidadesdel cliente, ya quecontamos con maquinaria de tecnología de punta.</p>
<p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"> </p>
<p align="center" class="Estilo1"> [<a href="#INICIO">Subir</a>]</p></body>
</html>
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 125/133
xxxiv|
CODIGO DE LA PAGINA DE CONTACTANOS
<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pagina nueva 1</title><meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)"><style type="text/css"><!--.Estilo1 {
font-family: Tahoma;font-size: 12px;
}--></style></head>
<body background="rollo.JPG"><p align="center"><marquee width="355" style="font-family: Franklin Gothic Book; font-weight: bold;border-top: 2px solid #E88D25; border-bottom: 2px solid #E88D25" behavior="alternate"><span class="Estilo1">CONTACTANOS</span></marquee></p><span class="Estilo1"><!-- ### END CONTENIDO ### --><!-- ### FOOTER ### -->
</span><p style="margin-top: 0pt; margin-bottom: 0pt; font-family: Tahoma; font-size: 12px;"align="center"> </p><p style="margin-top: 0pt; margin-bottom: 0pt; font-family: Tahoma; font-size: 12px;"align="center"> </p><p style="margin-top: 0pt; margin-bottom: 0pt; font-family: Tahoma; font-size: 12px;"align="center"><b>Aceros y Tubulares Económicos, S.A. de C.V.</b></p><p style="margin-top: 0pt; margin-bottom: 0pt; font-family: Tahoma; font-size: 12px;"align="center"> </p><p style="margin-top: 0pt; margin-bottom: 0pt; font-family: Tahoma; font-size: 12px;"align="center">Av. 20 de Noviembre No 326-B, Col. Torrecillas</p><p style="margin-top: 0pt; margin-bottom: 0pt; font-family: Tahoma; font-size: 12px;"align="center"> </p><p style="margin-top: 0pt; margin-bottom: 0pt; font-family: Tahoma; font-size: 12px;"align="center">C.P. 47860 en Ocotlan, Jal. México</p><p style="margin-top: 0pt; margin-bottom: 0pt; font-family: Tahoma; font-size: 12px;"align="center"> </p>
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 126/133
xxxv|
<p style="margin-top: 0pt; margin-bottom: 0pt; font-family: Tahoma; font-size: 12px;"align="center"> </p><p style="margin-top: 0pt; margin-bottom: 0pt; font-family: Tahoma; font-size: 12px;"align="center"><b>TELÉFONOS /FAX:</b></p>
<p style="margin-top: 0pt; margin-bottom: 0pt; font-family: Tahoma; font-size: 12px;"align="center"> </p><p style="margin-top: 0pt; margin-bottom: 0pt; font-family: Tahoma; font-size: 12px;"align="center">TEL/FAX:+(52)01 (392)922-3335</p><p style="margin-top: 0pt; margin-bottom: 0pt; font-family: Tahoma; font-size: 12px;"align="center"> </p><p style="margin-top: 0pt; margin-bottom: 0pt; font-family: Tahoma; font-size: 12px;"align="center">TEL: +(52)01 (392)92-26751</p><p align="center" class="Estilo1"><b>Correo Electrónico
</b></p><p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;">Información General: <ahref="mailto:[email protected]">[email protected]</a></p><p align="center" style="font-family: Tahoma; font-size: 12px;">Ventas:<a href="mailto:[email protected]">[email protected]</a></p>
<p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;">Compras:<a href="mailto:[email protected]">[email protected]</a></p><p align="center" style="font-family: Tahoma; font-size: 12px;">Contabilidad/Pagos:<a href="mailto:[email protected]">[email protected]</a></p>
<p align="center" style="margin-top: 0; margin-bottom: 0; font-family: Tahoma; font-size:12px;"> </p>
</body>
</html>
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 127/133
xxxvi|
CODIGO DE CONEXIÓN CON LA BASE DE DATOS.
<? function Conectarse(){ if (!($link=mysql_connect("localhost","root","atesa")))
{ echo "Error conectando a la base de datos.";
exit(); }if (!mysql_select_db("okok9687",$link)){ echo "Error seleccionando la base de datos.";
exit(); }return $link;
} session_start();$link=Conectarse();mysql_close($link); //cierra la conexion ?>
CODIGO DE LA PAGINA DE CLIENTES (Acceso al usuario).
<?php include("config.php"); ?><style type="text/css"><!--body {
background-image: url(rollo.JPG);}.Estilo2 {
font-size: 12px;font-style: italic;font-family: Tahoma;
}.Estilo3 {color: #F6F1ED}.Estilo4 {
font-size: 12px;font-family: Tahoma;
}.Estilo6 {
font-size: 12px;font-family: Tahoma;
}--></style><?$link=Conectarse();
if(!isset($_SESSION[usuario]) ){?>
<form action="autentificar.php" method="POST">
<p align="center" class="Estilo6">Bienvenidos al Apartado de Consulta de Saldos si ya eres usuario</p>
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 128/133
xxxvii|
<p align="center" class="Estilo6">escribe tu usuario y password. </p><p align="center" class="Estilo4"><strong>Iniciar sesión</strong></p><TABLE width="373" align="center" bordercolor="../principal/rollo.JPG"bordercolorlight="#E67A1A" bordercolordark="#E67A1A" background="#E67A1A"><TR>
<TD class="Estilo11 Estilo4"> <img src="gente.gif" width="22" height="23">Usuario:</td><TD class="Estilo4"><input type="text" name="nick" size="30"></TD>
</TR><TR>
<TD class="Estilo11 Estilo4"> <img src="llave.gif" width="21" height="21">Password:</td>
<TD class="Estilo4"><input type="password" name="pass" size="30" ></td></tr><tr>
<TD class="Estilo11 Estilo4"> </td><TD class="Estilo4"><input type="submit" name="submit" value="Enviar"></td></tr>
</table><p align="center" class="Estilo2"><a href="enviaphp.htm">Nuevo..? Registrate</a> <spanclass="Estilo3">.............</span><a href="pass.php">Olvidaste tu Contraseña</a></p></form><span class="Estilo6"><?
}else{echo 'Bienvenido '.$_SESSION[usuario];
//if($_SESSION[level] == 2) //{ //echo '<br>Tu Nivel de usuario es de Cliente'; //echo '<br><a href=detalles.php>Detalles</a>'; //} //if($_SESSION[level] == 1) //{echo '<br>Tu Nivel de usuario es de Administrador'; //echo '<br><a href=perfil.php>Ir a Administrador</a>'; // //}echo '<br><a href=logout.php>Salir</a>';}?></span>
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 129/133
xxxviii|
CODIGO DE AUTENTIFICACION DEL USUARIO<? include('config.php');$link=Conectarse();$usuarios=mysql_query("SELECT * FROM users WHERE nick='$_POST[nick]' andpass='$_POST[pass]' ",$link);
if($user_ok = mysql_fetch_array($usuarios)){session_register("usuario");session_register("level");$_SESSION[usuario] = $user_ok["nick"];$_SESSION[level] = $user_ok["level"];
$_SESSION[cliente] = $user_ok["cliente"];$_SESSION[id] = $user_ok["id"];if($_SESSION[level] == 2)
{header("Location:detalles.php");
}if($_SESSION[level] == 1){header("Location:perfil.php");}
}else {?>
<style type="text/css"><!--.Estilo1 {font-family: Tahoma}.Estilo3 {font-family: Tahoma; font-size: 12px; }body {
background-image: url(rollo.JPG);}--></style>
<td class="Estilo36 Estilo1 Estilo4"> <div align="center"><p class="Estilo3"><? echo 'Tu Nick y Password son incorrectos'; }?> </p><p class="Estilo3"><a href="login.php">Regresar </a></p>
</div><div align="center"></div>
<div align="center"></div></td>
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 130/133
xxxix|
CODIGO DE NUEVA FACTURA
<? include('config.php');$link=Conectarse();$qry=mysql_query("select cliente from users where level=2 order by cliente asc ",$link);
$cliente=array();while($row=mysql_fetch_assoc($qry)){$cliente[]=$row['cliente'];}?><style type="text/css"><!--body {
background-image: url(rollo.JPG);}
.Estilo1 {font-family: Tahoma;font-size: 12px;
}.Estilo4 {font-size: 10}.Estilo5 {font-size: 14px}.Estilo7 {color: #FF0000}.Estilo8 {
font-family: Tahoma;font-size: 14px;font-weight: bold;
}.Estilo11 {font-size: 12px}.Estilo12 { font-size: 14px;
font-weight: bold;}--></style><script language="javascript" src="cal2.js"> /*Xin's Popup calendar script- Xin Yang (http://www.yxscripts.com/)Script featured on/available at http://www.dynamicdrive.com/ This notice must stay intact for use*/ </script><script language="javascript" src="cal_conf2.js"></script><script language="javascript" type="text/javascript" src="basico.js"></script><script language="javascript">function checar(){with (document.forms['Formulario'])
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 131/133
xl|
{if(factura.value==""){alert("Escriba El No de Factura");return false;
}else if(cliente.value=="Elige el Cliente"){alert("Escoga un Cliente");return false;}else if(fecha.value=="aaaa/mm/dd"){alert("Inserte la Fecha");return false;}
else if(importe.value==""){alert("Escriba el Import de la Factura");return false;}elsereturn true}}</script>
<form name="Formulario" method="post" action="altafactura.php" onsubmit="returnchecar();"><div align="center"><p class="Estilo8"><span class="Estilo12">Alta de Factura</span></p><hr><p class="Estilo1">* Estos Datos son Obligatorios </p></div>
<TABLE width="373" align="center" bordercolor="../principal/rollo.JPG"bordercolorlight="#E67A1A" bordercolordark="#E67A1A" background="#E67A1A"><TR>
<TD class="Estilo11 Estilo1 Estilo1"> Factura: </td><TD class="Estilo1 Estilo11"><input type="text" name="factura" size="30"
onKeyPress="solo_numero(event, 'noDec')"><span class="Estilo7">*</span></TD>
</TR><TR>
<TD class="Estilo11 Estilo1 Estilo1"> Cliente: </td><TD class="Estilo1 Estilo11">
<select name="cliente" id="cliente"><option>Elige el Cliente</option>
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 132/133
xli|
<?php for($i=0;$i<count($cliente);$i++){?><option value="<?php echo $cliente[$i] ?>"><?php echo $cliente[$i] ?></option><?php } ?>
</select><span class="Estilo7">*</span></td>
</tr><tr><TD class="Estilo11 Estilo1 Estilo1">Fecha de Compra </td>
<TD class="Estilo1 Estilo11"><input type="text" name="fecha" size=20><span class="Estilo7">* </span></td>
</tr><TR>
<TD class="Estilo11 Estilo1 Estilo1">Importe: </td><TD class="Estilo1 Estilo11"><input name="importe" type="importe" size="30"><span class="Estilo7">*</span></td>
<tr><TD class="Estilo11 Estilo1 Estilo1"> </td><TD class="Estilo4 Estilo1"><input type="submit" name="submit" value="Agregar"><input type="reset" name="Submit" value="Cancelar"></td></tr>
</table>
<hr><p align="center"><span class="Estilo1"><a href="perfil.php">Regresar</a></span></p></form>
5/17/2018 Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris - slidepdf.com
http://slidepdf.com/reader/full/documento-de-titulacion-ahora-este-es-el-mero-ya-no-el-de-boris 133/133
xlii|
CODIGO ALTA FACTURA QUE ES PARTE DEL CODIGO DE NUEVAFACTURA
<? include('config.php');$link=Conectarse();
$factura = $_POST["factura"];$cliente = $_POST["cliente"]; //comprobamos que el usuario no existe en la db$usuarios=mysql_query("SELECT factura FROM factura WHERE factura='$factura'",$link);if($user_ok=mysql_fetch_array($usuarios)){echo 'La Factura ya esta registrada ';mysql_free_result($usuarios);}else{$fecha =$_POST["fecha"];
$importe = $_POST["importe"];mysql_query("INSERT INTO factura (factura,cliente,fecha,importe) values('$factura','$cliente','$fecha','$importe') ");echo 'Factura registrada con éxito';}?><style type="text/css"><!--body {
background-image: url(rollo.JPG);}.Estilo1 {
font-family: Tahoma;font-size: 12px;
}--></style>
<div align="center"><a href="perfil.php" class="Estilo1">Regresar</a></div>