Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris

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



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. Front2


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.2. Características 27

3.7.3. Ventajas y Desventajas 28

http://www.monografias.com/trabajos11/teosis/teosis.shtml




iii|

3.8. Php 29


3.8.2. Ventajas 29

3.8.3. Desventajas 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.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.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



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



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



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



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.



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.



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.



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.



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|

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.



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.



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.



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.



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."



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.



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



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.



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

http://www.monografias.com/trabajos16/memorias/memorias.shtml

http://www.monografias.com/Computacion/Programacion/



http://www.monografias.com/trabajos13/cinemat/cinemat2.shtml#TEORICO

http://www.monografias.com/trabajos13/memor/memor.shtml


http://www.monografias.com/trabajos5/estat/estat.shtml

http://www.monografias.com/trabajos7/arch/arch.shtml


http://www.monografias.com/Computacion/Redes/

http://www.monografias.com/trabajos/protocolotcpip/protocolotcpip.shtml

http://www.monografias.com/trabajos12/mncerem/mncerem.shtml

http://www.investigacion.frc.utn.edu.ar/


http://www.monografias.com/trabajos12/mncerem/mncerem.shtml





http://www.monografias.com/trabajos5/estat/estat.shtml


http://www.monografias.com/trabajos13/memor/memor.shtml

http://www.monografias.com/trabajos13/cinemat/cinemat2.shtml#TEORICO







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.


http://www.monografias.com/trabajos12/microco/microco.shtml


http://www.monografias.com/trabajos5/sisope/sisope.shtml



http://www.monografias.com/trabajos2/mercambiario/mercambiario.shtml

http://www.monografias.com/trabajos12/eticaplic/eticaplic.shtml

http://www.monografias.com/trabajos11/contrest/contrest.shtml

http://www.monografias.com/trabajos11/contrest/contrest.shtml

http://www.monografias.com/trabajos12/eticaplic/eticaplic.shtml

http://www.monografias.com/trabajos2/mercambiario/mercambiario.shtml



http://www.monografias.com/trabajos5/sisope/sisope.shtml


http://www.monografias.com/trabajos12/microco/microco.shtml




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.

http://www.monografias.com/Computacion/Hardware/

http://www.monografias.com/trabajos10/vire/vire.shtml

http://www.monografias.com/trabajos/multimediaycd/multimediaycd.shtml



http://www.monografias.com/trabajos/ftpbasico/ftpbasico.shtml

http://www.monografias.com/trabajos7/tcp/tcp.shtml#Telnet

http://www.monografias.com/Computacion/Sistemas_Operativos/

http://www.monografias.com/trabajos7/coad/coad.shtml#costo

http://www.monografias.com/trabajos10/carso/carso.shtml

http://www.monografias.com/Administracion_y_Finanzas/index.shtml


http://www.monografias.com/trabajos11/empre/empre.shtml

http://www.monografias.com/trabajos11/empre/empre.shtml


http://www.monografias.com/Administracion_y_Finanzas/index.shtml

http://www.monografias.com/trabajos10/carso/carso.shtml

http://www.monografias.com/trabajos7/coad/coad.shtml#costo

http://www.monografias.com/Computacion/Sistemas_Operativos/

http://www.monografias.com/trabajos7/tcp/tcp.shtml#Telnet

http://www.monografias.com/trabajos/ftpbasico/ftpbasico.shtml




http://www.monografias.com/trabajos10/vire/vire.shtml

http://www.monografias.com/Computacion/Hardware/



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.


http://www.alegsa.com.ar/Dic/ms-dos.php

http://www.alegsa.com.ar/Dic/multitarea.php

http://www.alegsa.com.ar/Dic/kernel.php

http://www.alegsa.com.ar/Dic/kernel.php

http://www.alegsa.com.ar/Dic/multitarea.php

http://www.alegsa.com.ar/Dic/ms-dos.php




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).

http://es.wikipedia.org/wiki/Windows_Vista

http://es.wikipedia.org/wiki/Windows_XP

http://es.wikipedia.org/wiki/Windows_2000


http://es.wikipedia.org/wiki/Debian_GNU/Linux


http://es.wikipedia.org/wiki/Fedora_(distribuci%C3%B3n_Linux)

http://es.wikipedia.org/wiki/Linux

http://es.wikipedia.org/wiki/OpenSUSE

http://es.wikipedia.org/wiki/Proyecto_Fedora


http://es.wikipedia.org/wiki/SuSE

http://es.wikipedia.org/wiki/1993



http://es.wikipedia.org/wiki/Software_no_libre

http://es.wikipedia.org/wiki/Software_libre

http://es.wikipedia.org/wiki/Licencia_p%C3%BAblica_general_de_GNU





http://es.wikipedia.org/w/index.php?title=Intel_x86_64&action=edit&redlink=1

http://es.wikipedia.org/w/index.php?title=Intel_IA64&action=edit&redlink=1

http://es.wikipedia.org/wiki/Intel_x86






http://es.wikipedia.org/wiki/AMD64

http://es.wikipedia.org/wiki/PowerPC































http://es.wikipedia.org/wiki/SuSE


http://es.wikipedia.org/wiki/OpenSUSE

http://es.wikipedia.org/wiki/Linux

http://es.wikipedia.org/wiki/Fedora_(distribuci%C3%B3n_Linux)




http://es.wikipedia.org/wiki/Windows_XP

http://es.wikipedia.org/wiki/Windows_Vista



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.



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.

http://es.wikipedia.org/wiki/Red_de_comunicaciones

http://es.wikipedia.org/wiki/Protocolo_de_red

http://es.wikipedia.org/wiki/TCP/IP

http://es.wiktionary.org/wiki/heterog%C3%A9neo


http://es.wikipedia.org/wiki/California

http://es.wikipedia.org/wiki/Hipertexto

http://es.wikipedia.org/wiki/Medio_de_transmisi%C3%B3n

http://es.wikipedia.org/wiki/Correo_electr%C3%B3nico

http://es.wikipedia.org/w/index.php?title=Transmisi%C3%B3n_de_archivos&action=edit&redlink=1

http://es.wikipedia.org/wiki/Chat

http://es.wikipedia.org/wiki/Mensajer%C3%ADa_instant%C3%A1nea

http://es.wikipedia.org/wiki/Telefon%C3%ADa

http://es.wikipedia.org/wiki/Televisi%C3%B3n

http://es.wikipedia.org/wiki/Grupo_de_noticias


http://es.wikipedia.org/wiki/Administraci%C3%B3n_remota

http://es.wikipedia.org/wiki/Juegos_en_l%C3%ADnea


http://es.wikipedia.org/wiki/P%C3%A1gina_web

http://es.wikipedia.org/wiki/Dominio_de_Internet

http://es.wikipedia.org/wiki/Subdominio


http://es.wikipedia.org/wiki/HTML

http://es.wikipedia.org/wiki/XHTML


http://es.wikipedia.org/wiki/Internet











http://es.wikipedia.org/wiki/Administraci%C3%B3n_remota




http://es.wikipedia.org/wiki/Telefon%C3%ADa

http://es.wikipedia.org/wiki/Mensajer%C3%ADa_instant%C3%A1nea


http://es.wikipedia.org/w/index.php?title=Transmisi%C3%B3n_de_archivos&action=edit&redlink=1


http://es.wikipedia.org/wiki/Medio_de_transmisi%C3%B3n


http://es.wikipedia.org/wiki/California


http://es.wiktionary.org/wiki/heterog%C3%A9neo



http://es.wikipedia.org/wiki/Red_de_comunicaciones



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.

http://es.wikipedia.org/w/index.php?title=Portada_(web)&action=edit&redlink=1

http://es.wikipedia.org/wiki/Hiperenlace

http://es.wikipedia.org/wiki/Tr%C3%A1fico_web

http://es.wikipedia.org/wiki/Navegador_web






http://es.wikipedia.org/w/index.php?title=Portada_(web)&action=edit&redlink=1



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.



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.



23|

3.5. FrontPage


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:

http://www.desarrolloweb.com/articulos/335.php




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.



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.

http://es.wikipedia.org/wiki/Macromedia

http://es.wikipedia.org/wiki/Internet_Explorer

http://es.wikipedia.org/wiki/C%2B%2B

http://es.wikipedia.org/wiki/Javascript




http://es.wikipedia.org/wiki/C%2B%2B

http://es.wikipedia.org/wiki/Internet_Explorer

http://es.wikipedia.org/wiki/Macromedia



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.



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.

http://es.wikipedia.org/wiki/Lenguaje_interpretado

http://es.wikipedia.org/wiki/Compilaci%C3%B3n

http://es.wikipedia.org/wiki/Lenguaje_de_programaci%C3%B3n_Java

http://es.wikipedia.org/wiki/Lenguaje_C


http://es.wikipedia.org/wiki/Programaci%C3%B3n_orientada_a_objetos

http://es.wikipedia.org/wiki/Herencia_(programaci%C3%B3n_orientada_a_objetos)

http://es.wikipedia.org/wiki/Programaci%C3%B3n_basada_en_prototipos


http://es.wikipedia.org/wiki/Navegador

http://es.wikipedia.org/wiki/Navegador



http://es.wikipedia.org/wiki/Herencia_(programaci%C3%B3n_orientada_a_objetos)



http://es.wikipedia.org/wiki/Lenguaje_C






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.



29|

3.8. Php


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.



http://es.wikipedia.org/wiki/Interfaz_gr%C3%A1fica_de_usuario

http://es.wikipedia.org/wiki/Acr%C3%B3nimo_recursivo


http://es.wikipedia.org/wiki/Interfaz_gr%C3%A1fica_de_usuario





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.

http://es.wikipedia.org/wiki/Multiplataforma

http://es.wikipedia.org/wiki/Software_Libre

http://es.wikipedia.org/wiki/Programaci%C3%B3n_Orientada_a_Objetos

http://es.wikipedia.org/wiki/Programaci%C3%B3n_Orientada_a_Objetos

http://es.wikipedia.org/wiki/Software_Libre

http://es.wikipedia.org/wiki/Multiplataforma



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.



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.

http://es.wikipedia.org/wiki/Inform%C3%A1tica

http://es.wikipedia.org/wiki/Electr%C3%B3nica

http://es.wikipedia.org/wiki/Software

http://es.wikipedia.org/wiki/Sistemas_gestores_de_bases_de_datos

http://es.wikipedia.org/wiki/Sistemas_gestores_de_bases_de_datos


http://es.wikipedia.org/wiki/Electr%C3%B3nica




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.



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.

http://es.wikipedia.org/wiki/Sistema_de_gesti%C3%B3n_de_base_de_datos


http://es.wikipedia.org/wiki/Servidor_HTTP_Apache

http://es.wikipedia.org/wiki/Copyright



http://es.wikipedia.org/w/index.php?title=David_Axmark&action=edit&redlink=1

http://es.wikipedia.org/w/index.php?title=Allan_Larsson&action=edit&redlink=1

http://es.wikipedia.org/w/index.php?title=Michael_Widenius&action=edit&redlink=1

http://es.wikipedia.org/w/index.php?title=Michael_Widenius&action=edit&redlink=1

http://es.wikipedia.org/w/index.php?title=Allan_Larsson&action=edit&redlink=1

http://es.wikipedia.org/w/index.php?title=David_Axmark&action=edit&redlink=1




http://es.wikipedia.org/wiki/Servidor_HTTP_Apache





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.



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.



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.

http://es.wikipedia.org/wiki/Transferencia_de_archivos

http://es.wikipedia.org/wiki/Cliente-servidor


http://es.wikipedia.org/wiki/Puerto_de_red

http://es.wikipedia.org/wiki/Sistema_de_archivos




http://es.wikipedia.org/wiki/Puerto_de_red






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).

http://es.wikipedia.org/wiki/Red_de_%C3%A1rea_local

http://es.wikipedia.org/wiki/MAN

http://es.wikipedia.org/wiki/Alojamiento_web

http://es.wikipedia.org/wiki/Sftp

http://upload.wikimedia.org/wikipedia/commons/c/c5/Modelo_ftp.jpg

http://es.wikipedia.org/wiki/Sftp

http://es.wikipedia.org/wiki/Alojamiento_web

http://es.wikipedia.org/wiki/MAN

http://es.wikipedia.org/wiki/Red_de_%C3%A1rea_local



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):



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.

http://www.uam.es/servicios/ti/servicios/ftp/ftp.html




41|

3.11. AppServ


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.

http://es.wikipedia.org/wiki/Windows

http://es.wikipedia.org/wiki/Apache

http://es.wikipedia.org/wiki/MySQL

http://es.wikipedia.org/wiki/PHP

http://es.wikipedia.org/wiki/PhpMyAdmin




http://es.wikipedia.org/wiki/PhpMyAdmin



http://es.wikipedia.org/wiki/Apache




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/.

http://es.wikipedia.org/wiki/Programa_%28computaci%C3%B3n%29

http://es.wikipedia.org/wiki/Adobe_Systems_Incorporated

http://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorial

http://es.wikipedia.org/wiki/Imagen


http://es.wikipedia.org/wiki/M%C3%A1quina_virtual

http://es.wikipedia.org/wiki/Extensi%C3%B3n_de_archivo

http://es.wikipedia.org/wiki/SWF


http://es.wikipedia.org/wiki/Animaci%C3%B3n

http://es.wikipedia.org/wiki/Aplicaciones_de_Internet_Ricas

http://es.wikipedia.org/wiki/Anuncio

http://es.wikipedia.org/wiki/Anuncio

http://es.wikipedia.org/wiki/Aplicaciones_de_Internet_Ricas

http://es.wikipedia.org/wiki/Animaci%C3%B3n


http://es.wikipedia.org/wiki/SWF

http://es.wikipedia.org/wiki/Extensi%C3%B3n_de_archivo

http://es.wikipedia.org/wiki/M%C3%A1quina_virtual



http://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorial

http://es.wikipedia.org/wiki/Adobe_Systems_Incorporated




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.



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.



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.



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.



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



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



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.

mailto:[email protected]










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



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



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



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.



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.



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”.



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.



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,)

http://www.apache.org/

http://www.php.net/

http://es.wikipedia.org/wiki/Lenguaje_de_programaci%C3%B3n



http://www.mysql.com/



http://es.wikipedia.org/wiki/Modelo_relacional

http://es.wikipedia.org/wiki/Hilo_en_sistemas_operativos

http://es.wikipedia.org/wiki/Multiusuario

http://phpmyadmin.sourceforge.net/



http://es.wikipedia.org/wiki/Multiusuario


http://es.wikipedia.org/wiki/Modelo_relacional






http://www.php.net/

http://www.apache.org/



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.





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.



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.

http://localhost/





http://localhost/



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.



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

http://localhost/

http://localhost/



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

http://localhost/phpmyadmin/

http://localhost/phpmyadmin/



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.



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



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



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



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.



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.



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.



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.



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.

http://www.acerosatesa.com.mx/





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



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.



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

https://adm.vivetelmex.com/





mailto:%[email protected]









https://adm.vivetelmex.com/



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.



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



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



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



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.



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.



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.



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.



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.



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



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.



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.



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.



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.



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.



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.

http://es.wikipedia.org/wiki/Acr%C3%B3nimo

http://es.wikipedia.org/wiki/Idioma_ingl%C3%A9s

http://es.wikipedia.org/wiki/Codificaci%C3%B3n_de_caracteres

http://es.wikipedia.org/wiki/Alfabeto_latino

http://es.wikipedia.org/wiki/Active_Server_Pages


http://es.wikipedia.org/wiki/Microsoft


http://es.wikipedia.org/wiki/Programa_inform%C3%A1tico


http://es.wikipedia.org/wiki/Proceso_de_traducci%C3%B3n_de_programas


http://es.wikipedia.org/wiki/C%C3%B3digo_de_m%C3%A1quina



http://es.wikipedia.org/wiki/C%C3%B3digo_de_m%C3%A1quina








http://es.wikipedia.org/wiki/Active_Server_Pages

http://es.wikipedia.org/wiki/Alfabeto_latino

http://es.wikipedia.org/wiki/Codificaci%C3%B3n_de_caracteres





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..

http://es.wikipedia.org/wiki/Programa_(computaci%C3%B3n)

http://es.wikipedia.org/wiki/Token_(programaci%C3%B3n)



http://es.wikipedia.org/wiki/Analizador_sint%C3%A1ctico


http://es.wikipedia.org/wiki/XML


http://es.wikipedia.org/wiki/W3C

http://es.wikipedia.org/wiki/Hojas_de_estilo

http://es.wikipedia.org/wiki/Agentes_de_usuario


http://es.wikipedia.org/wiki/Navegadores

http://es.wikipedia.org/wiki/Sitio_Web


http://es.wikipedia.org/wiki/JavaScript

http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada

http://es.wikipedia.org/wiki/DOM

http://es.wikipedia.org/wiki/Gui%C3%B3n_(inform%C3%A1tica)





http://es.wikipedia.org/wiki/Nombre_de_equipo

http://es.wikipedia.org/wiki/Direcci%C3%B3n_IP




http://es.wikipedia.org/wiki/Nombre_de_equipo





http://es.wikipedia.org/wiki/Gui%C3%B3n_(inform%C3%A1tica)

http://es.wikipedia.org/wiki/DOM

http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada

http://es.wikipedia.org/wiki/JavaScript


http://es.wikipedia.org/wiki/Sitio_Web

http://es.wikipedia.org/wiki/Navegadores



http://es.wikipedia.org/wiki/Hojas_de_estilo

http://es.wikipedia.org/wiki/W3C




http://es.wikipedia.org/wiki/Analizador_sint%C3%A1ctico



http://es.wikipedia.org/wiki/Token_(programaci%C3%B3n)




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).


http://es.wikipedia.org/wiki/Sistema_operativo

http://es.wikipedia.org/wiki/Perif%C3%A9rico

http://es.wikipedia.org/wiki/Abstracci%C3%B3n_(programaci%C3%B3n_orientada_a_objetos)

http://es.wikipedia.org/wiki/Hardware

http://es.wikipedia.org/wiki/Interfaz

http://es.wikipedia.org/wiki/Drupal

http://es.wikipedia.org/wiki/CMS

http://es.wikipedia.org/wiki/Red_de_computadoras


http://es.wikipedia.org/wiki/Computadora

http://es.wikipedia.org/wiki/Servidor

http://es.wikipedia.org/wiki/Perif%C3%A9rico_de_computadora

http://es.wikipedia.org/wiki/Cable

http://es.wikipedia.org/wiki/FTP






http://es.wikipedia.org/wiki/Unix

http://es.wikipedia.org/wiki/Unix






http://es.wikipedia.org/wiki/Cable

http://es.wikipedia.org/wiki/Perif%C3%A9rico_de_computadora




http://es.wikipedia.org/wiki/Red_de_computadoras

http://es.wikipedia.org/wiki/CMS

http://es.wikipedia.org/wiki/Drupal



http://es.wikipedia.org/wiki/Abstracci%C3%B3n_(programaci%C3%B3n_orientada_a_objetos)

http://es.wikipedia.org/wiki/Perif%C3%A9rico





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.

http://es.wikipedia.org/wiki/Documento_electr%C3%B3nico

http://es.wikipedia.org/wiki/Recurso

http://es.wikipedia.org/wiki/Hiperv%C3%ADnculo

http://es.wikipedia.org/wiki/Lexia

http://es.wikipedia.org/wiki/IPTV


http://es.wikipedia.org/wiki/V%C3%ADdeo

http://es.wikipedia.org/wiki/Banda_ancha

http://es.wikipedia.org/wiki/Protocolo_IP

http://es.wikipedia.org/wiki/IRC

http://es.wikipedia.org/wiki/Protocolo








http://es.wikipedia.org/wiki/IRC


http://es.wikipedia.org/wiki/Banda_ancha



http://es.wikipedia.org/wiki/IPTV

http://es.wikipedia.org/wiki/Lexia

http://es.wikipedia.org/wiki/Hiperv%C3%ADnculo

http://es.wikipedia.org/wiki/Recurso

http://es.wikipedia.org/wiki/Documento_electr%C3%B3nico



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.


http://es.wikipedia.org/wiki/Idioma_alem%C3%A1n



http://es.wikipedia.org/wiki/Seguridad_inform%C3%A1tica



http://es.wikipedia.org/wiki/Lenguaje

http://es.wikipedia.org/wiki/Programaci%C3%B3n

http://es.wikipedia.org/wiki/Sintaxis

http://es.wikipedia.org/wiki/Sem%C3%A1ntica



http://es.wikipedia.org/wiki/Tarjeta_de_red

http://es.wikipedia.org/wiki/Ethernet

http://es.wikipedia.org/wiki/Wiki




http://es.wikipedia.org/wiki/CPU

http://es.wikipedia.org/wiki/Memoria_cache

http://es.wikipedia.org/wiki/Memoria_cache

http://es.wikipedia.org/wiki/CPU




http://es.wikipedia.org/wiki/Wiki

http://es.wikipedia.org/wiki/Ethernet

http://es.wikipedia.org/wiki/Tarjeta_de_red



http://es.wikipedia.org/wiki/Sem%C3%A1ntica

http://es.wikipedia.org/wiki/Sintaxis


http://es.wikipedia.org/wiki/Lenguaje



http://es.wikipedia.org/wiki/Seguridad_inform%C3%A1tica



http://es.wikipedia.org/wiki/Idioma_alem%C3%A1n




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".




http://es.wikipedia.org/wiki/DOS




http://es.wikipedia.org/wiki/Sistema_administrador_de_bases_de_datos_relacionales




http://es.wikipedia.org/wiki/Netscape_Communications

http://es.wikipedia.org/wiki/Marc_Andreessen

http://es.wikipedia.org/wiki/NNTP



http://es.wikipedia.org/wiki/Noticias

http://es.wikipedia.org/wiki/Usenet















http://es.wikipedia.org/wiki/Marc_Andreessen

http://es.wikipedia.org/wiki/Netscape_Communications







http://es.wikipedia.org/wiki/DOS






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





http://es.wikipedia.org/wiki/Puerto_(computaci%C3%B3n)#Puerto_Hardware



http://es.wikipedia.org/wiki/Cliente_(inform%C3%A1tica)


http://es.wikipedia.org/wiki/Nodo


http://es.wikipedia.org/wiki/Dispositivo

http://es.wikipedia.org/wiki/Informaci%C3%B3n

http://es.wikipedia.org/wiki/CD-ROM

http://es.wikipedia.org/wiki/Acceso_a_internet

http://es.wikipedia.org/wiki/E-mail


http://es.wikipedia.org/wiki/Videojuego

http://es.wikipedia.org/wiki/Usuario


http://es.wikipedia.org/wiki/Int%C3%A9rprete_inform%C3%A1tico

http://es.wikipedia.org/wiki/Lenguaje_compilado

http://es.wikipedia.org/w/index.php?title=Parches&action=edit&redlink=1





http://es.wikipedia.org/w/index.php?title=Parches&action=edit&redlink=1

http://es.wikipedia.org/wiki/Lenguaje_compilado

http://es.wikipedia.org/wiki/Int%C3%A9rprete_inform%C3%A1tico


http://es.wikipedia.org/wiki/Usuario

http://es.wikipedia.org/wiki/Videojuego


http://es.wikipedia.org/wiki/E-mail

http://es.wikipedia.org/wiki/Acceso_a_internet

http://es.wikipedia.org/wiki/CD-ROM

http://es.wikipedia.org/wiki/Informaci%C3%B3n

http://es.wikipedia.org/wiki/Dispositivo


http://es.wikipedia.org/wiki/Nodo


http://es.wikipedia.org/wiki/Cliente_(inform%C3%A1tica)



http://es.wikipedia.org/wiki/Puerto_(computaci%C3%B3n)#Puerto_Hardware







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.).


http://www.monografias.com/trabajos12/rete/rete.shtml



http://es.wikipedia.org/wiki/Base_de_datos

http://es.wikipedia.org/wiki/Aplicaci%C3%B3n_(inform%C3%A1tica)

http://es.wikipedia.org/wiki/Ordenador_personal

http://es.wikipedia.org/w/index.php?title=Sinclair_Research&action=edit&redlink=1


http://es.wikipedia.org/wiki/ZX_Spectrum


http://es.wikipedia.org/wiki/Software_de_sistema






http://es.wikipedia.org/wiki/World_Wide_Web


http://es.wikipedia.org/wiki/SMTP


http://es.wikipedia.org/wiki/Protocolos_de_red



http://es.wikipedia.org/wiki/PDA

http://es.wikipedia.org/wiki/Tel%C3%A9fono_m%C3%B3vil

http://es.wikipedia.org/wiki/Tel%C3%A9fono_m%C3%B3vil

http://es.wikipedia.org/wiki/PDA



http://es.wikipedia.org/wiki/Protocolos_de_red


http://es.wikipedia.org/wiki/SMTP


http://es.wikipedia.org/wiki/World_Wide_Web






http://es.wikipedia.org/wiki/Software_de_sistema


http://es.wikipedia.org/wiki/ZX_Spectrum


http://es.wikipedia.org/w/index.php?title=Sinclair_Research&action=edit&redlink=1

http://es.wikipedia.org/wiki/Ordenador_personal

http://es.wikipedia.org/wiki/Aplicaci%C3%B3n_(inform%C3%A1tica)

http://es.wikipedia.org/wiki/Base_de_datos



http://www.monografias.com/trabajos12/rete/rete.shtml



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.

http://es.wikipedia.org/wiki/Nivel_de_aplicaci%C3%B3n#Capa_de_aplicaci.C3.B3n_.28Capa_7.29


http://es.wikipedia.org/wiki/Familia_de_protocolos_de_Internet



http://es.wikipedia.org/wiki/Libertad

http://es.wikipedia.org/wiki/RISC

http://es.wikipedia.org/wiki/Big-endian






http://es.wikipedia.org/wiki/Protocolo_de_Control_de_Transmisi%C3%B3n

http://es.wikipedia.org/wiki/Protocolo_de_Internet



http://es.wikipedia.org/wiki/Sitio_web

http://es.wikipedia.org/w/index.php?title=Tr%C3%A1fico_de_internet&action=edit&redlink=1

http://es.wikipedia.org/wiki/Estandarizaci%C3%B3n

http://es.wikipedia.org/wiki/Codificaci%C3%B3n

http://es.wikipedia.org/wiki/Codificaci%C3%B3n

http://es.wikipedia.org/wiki/Estandarizaci%C3%B3n

http://es.wikipedia.org/w/index.php?title=Tr%C3%A1fico_de_internet&action=edit&redlink=1

http://es.wikipedia.org/wiki/Sitio_web




http://es.wikipedia.org/wiki/Protocolo_de_Control_de_Transmisi%C3%B3n





http://es.wikipedia.org/wiki/Big-endian

http://es.wikipedia.org/wiki/RISC

http://es.wikipedia.org/wiki/Libertad



http://es.wikipedia.org/wiki/Familia_de_protocolos_de_Internet





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.

http://es.wikipedia.org/wiki/VoIP



http://es.wikipedia.org/wiki/Normalizaci%C3%B3n



http://es.wikipedia.org/wiki/Perl




http://es.wikipedia.org/wiki/Navegador_Web


http://es.wikipedia.org/wiki/Texto



http://es.wikipedia.org/wiki/Multimedia



http://es.wikipedia.org/wiki/Procesador_de_texto



http://es.wikipedia.org/wiki/Lenguaje_de_marcas

http://es.wikipedia.org/wiki/Metalenguaje

http://es.wikipedia.org/wiki/World_Wide_Web_Consortium


http://es.wikipedia.org/wiki/SGML



http://es.wikipedia.org/wiki/SGML



http://es.wikipedia.org/wiki/Metalenguaje

http://es.wikipedia.org/wiki/Lenguaje_de_marcas



http://es.wikipedia.org/wiki/Procesador_de_texto



http://es.wikipedia.org/wiki/Multimedia



http://es.wikipedia.org/wiki/Texto


http://es.wikipedia.org/wiki/Navegador_Web




http://es.wikipedia.org/wiki/Perl



http://es.wikipedia.org/wiki/Normalizaci%C3%B3n



http://es.wikipedia.org/wiki/VoIP



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.)



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.

http://www.adobe.com/es/products/flashpaper/productinfo/features/static_tour/web_ready



http://platea.pntic.mec.es/~abercian/guiahtml/comienzo.htm



http://www.definicion.biz/de/Windows.htm

http://www.linux-es.org/sobre_linux

http://www.codigocaxa.net78.net/php_mysql/php_mysql_1.pdf

http://www.codigocaxa.net78.net/php_mysql/php_mysql_1.pdf

http://www.linux-es.org/sobre_linux

http://www.definicion.biz/de/Windows.htm



http://platea.pntic.mec.es/~abercian/guiahtml/comienzo.htm






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


http://www.cherada.com/articulos/ventajas-y-desventajas-de-crear-los-sitios-en-flash









xviii|



xix|



xx|



xxi|

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"></style></head><body background="rollo.JPG"><p style="margin-bottom: 0"> </P><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



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>

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></strong><p align="center"><script type="text/javascript"src="http://contadores.miarroba.com/ver.php?id=545831"></script></body></html>

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><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];

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">

xxvii|

</style></head>

<body background="rollo.JPG" onLoad="MM_preloadImages('forja.3.jpg')">

<p align="center"><![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"><tr><td class="Estilo19"><div align="center"><strong>Tuberia</strong></div></td><td class="Estilo19"><div align="center"><span

class="Estilo26">....</span></div></td>

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"> </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"> </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"><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>

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> </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> </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> </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> </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> </td></tr>

</table></div><p align="center" class="Estilo19"> </p></body>

</html>

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"></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>



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>



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>



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>

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"></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">

</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>



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>

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"></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>



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>

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"></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>

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"></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'])



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>



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>

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"></style>

<div align="center"><a href="perfil.php" class="Estilo1">Regresar</a></div>

Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris

Documents

Transcript of Documento de Titulacion Ahora Este Es El Mero Ya No El de Boris