SlideShare ist ein Scribd-Unternehmen logo
1 von 82
I
INSTITUTO
TECNOLÓGICO de
Tuxtepec
“Desarrollo e Implementación de un Sitio Web
para la Zapatería TMC Shoes de San Juan
Bautista Tuxtepec, Oaxaca”
PROYECTO DE INVESTIGACIÓN
PRESENTAN:
ASESOR:
L.I. MARÍA DE LOS ÁNGELES MARTÍNEZ MORALES
Tuxtepec, Oaxaca 05 DE MAYO DEL 2014
S.E.P D.G.E.S.T S.N.E.S.T
Acevedo Teodoro Vanessa
Meneses Miguel Elizabeth
Pérez Calderón Laura Elena
II
III
RESUMEN
El presente proyecto ha sido elaborado para realizar un sitio web a la empresa “TMC
SHOES” con la finalidad que la empresa crezca en el mercado electrónico. Se apoyó
en las bases teóricas y en referencias bibliográficas, como de las técnicas de
recolección de datos de las cuales fueron utilizadas como por ejemplo las encuestas
y entrevistas, que se realizaron a una determinada población, y al personal que
trabaja en la empresa, éstas fueron analizadas para tener el conocimiento de que
tanto los habitantes estarían dispuestos a utilizar el sitio web de la zapatería y a los
trabajadores para saber sus habilidades con las tecnologías y si tendrían que estar
capacitados.
Una razón que motiva la realización de este proyecto, es precisamente el limitado
impacto de las nuevas tecnologías, el sitio web sirve como escenario de la
construcción de un soporte conceptual de algunas técnicas y un recurso para apoyar
la enseñanza de las ciencias en edades tempranas. Particularmente, como marco
para la formación a personas de todas las edades, estará diseñado para niños,
adolescentes, adultos y toda persona que tenga conocimiento de usar una
computadora. La función principal de este proyecto es promover a que la empresa
se distribuya por medio del sitio web y su producto sea conocido, se puede atender
a los clientes y solucionar dudas y resolver problemas.
Es por eso que en los últimos años todas las empresas se han visto en la necesidad
de implementar un sitio web para un mejor confort con sus clientes y estos pueden
obtener información confiable, segura y la empresa sea beneficiada, generando
ingresos económicos por medio de la publicidad. El objetivo de este proyecto es
desarrollar e implementar un sitio web para la zapatería “TMC SHOES” para mejor
difusión en el municipio de San Juan Bautista, Tuxtepec Oaxaca.
IV
CONTENIDO
RESUMEN ............................................................................................................. III
Índice De Tablas ..................................................................................................VIII
Índice De Ilustraciones .........................................................................................VIII
INTRODUCCIÓN .................................................................................................. 10
ANTECEDENTES ................................................................................................. 13
FUNDAMENTACIÓN Y FORMULACIÓN DEL PROBLEMA................................. 14
Planteamiento Del Problema ............................................................................. 14
Pregunta De Investigación................................................................................. 14
OBJETIVOS .......................................................................................................... 15
Objetivo General................................................................................................ 15
Objetivos Específicos ........................................................................................ 15
JUSTIFICACIÓN ................................................................................................... 16
Impacto Social ................................................................................................... 16
Impacto Económico ........................................................................................... 17
Impacto Tecnológico.......................................................................................... 17
Impacto Ambiental............................................................................................. 17
FUNDAMENTACIÓN Y FORMULACIÓN DE LAS HIPÓTESIS............................ 18
Hipótesis ........................................................................................................ 18
Hipótesis Nula................................................................................................ 18
Identificación Y Clasificación De Las Variables ................................................. 18
Identificación De Las Variables...................................................................... 18
DELIMITACIÓN..................................................................................................... 20
Alcances ............................................................................................................ 20
V
Limitaciones....................................................................................................... 20
ANÁLISIS DE FUNDAMENTOS............................................................................ 21
1. INTERNET ........................................................................................................ 21
1.1 Protocolos De Internet ................................................................................. 21
1.2 Navegadores ............................................................................................... 21
1.2.1 Funcionamiento De Los Navegadores .................................................. 22
1.2.2 Ejemplo De Navegadores Web ............................................................. 22
2. APLICACIONES WEB....................................................................................... 23
2.1 Interfaz......................................................................................................... 23
2.2 El Servidor ................................................................................................... 24
3. ARQUITECTURA CLIENTE/SERVIDOR .......................................................... 25
3.1 Características............................................................................................. 25
3.2 Ventajas....................................................................................................... 26
3.3 Desventajas................................................................................................. 26
4. BASE DE DATOS ............................................................................................. 27
4.1 Tipos De Bases De Datos............................................................................ 27
4.1.1 Bases De Datos Estáticas..................................................................... 28
4.1.2 Bases De Datos Dinámicas................................................................... 28
4.2 Modelos De Bases De Datos....................................................................... 28
4.2.1. Bases De Datos De Red ...................................................................... 28
4.2.2. Bases De Datos Relacionales.............................................................. 28
4.2.3. Bases De Datos Orientadas A Objetos. ............................................... 28
4.3 SGBD........................................................................................................... 29
5. METODOLOGÍA PARA LA CREACIÓN DE SITIOS WEB................................ 30
VI
5.1 Análisis ........................................................................................................ 30
5.2 Planificación................................................................................................. 31
5.3 Contenido .................................................................................................... 32
5.4 Diseño.......................................................................................................... 32
5.5 Programación .............................................................................................. 33
5.6 Testeo.......................................................................................................... 34
5.7 Mercadeo Y Publicidad................................................................................ 35
6. HTML................................................................................................................. 36
6.1. Definición.................................................................................................... 36
6.2. Historia........................................................................................................ 36
6.3. Elementos................................................................................................... 37
6.4. Estructura De Una Página Web.................................................................. 37
7. PHP................................................................................................................... 39
7.1. Historia........................................................................................................ 39
7.2. Sintaxis ....................................................................................................... 39
7.3. Características De Php............................................................................... 40
8. MYSQL.............................................................................................................. 41
8.1. Definición.................................................................................................... 41
8.2 Características............................................................................................. 41
8.3 Aplicaciones................................................................................................. 42
9. MULTIMEDIA .................................................................................................... 43
9.1 Dreamweaver .............................................................................................. 43
9.1.1 Funcionalidad........................................................................................ 43
9.1.2 Ventajas ................................................................................................ 44
VII
10. WAMPSERVER .............................................................................................. 45
10.1 Características........................................................................................... 45
10.2 Utilidad....................................................................................................... 45
10.3 Funcionalidad ............................................................................................ 45
11. FILEZILLA ....................................................................................................... 47
11.1 Características........................................................................................... 47
11.2 Ventajas..................................................................................................... 47
11.3 Desventajas............................................................................................... 48
PROCEDIMIENTO O MÉTODO............................................................................ 49
Enfoque Dela Investigación ............................................................................... 49
Alcance De La Investigación.............................................................................. 49
Tipo De Investigación ........................................................................................ 49
Diseño De La Investigación ............................................................................... 49
Unidad De Análisis ............................................................................................ 50
Muestra.............................................................................................................. 50
Técnicas Y Elementos De Recolección De Datos ............................................. 52
Factibilidad Operativa ........................................................................................ 53
Factibilidad Técnica ........................................................................................... 53
Factibilidad Económica...................................................................................... 54
Desarrollo Del Sitio Web.................................................................................... 55
Análisis De Resultados ......................................................................................... 67
CONCLUSIONES Y RECOMENDACIONES ........................................................ 73
Conclusiones ..................................................................................................... 73
Recomendaciones............................................................................................. 74
VIII
REFERENCIAS BIBLIOGRÁFICAS...................................................................... 75
ANEXOS ............................................................................................................... 78
Anexo A ............................................................................................................. 78
Anexo B ............................................................................................................. 80
Anexo C............................................................................................................. 82
Índice De Tablas
Tabla 1 Identificación de las Variables .................................................................. 18
Tabla 2. Definición Operacional de Variables........................................................ 19
Tabla 3 Hardware y software................................................................................. 53
Tabla 4 Cronograma ............................................................................................. 82
Índice De Ilustraciones
Ilustración 1 Cálculo de La Muestra ...................................................................... 51
Ilustración 2 Prototipo de Sitio web ....................................................................... 55
Ilustración 3 Prototipo 2 del Sitio Web................................................................... 56
Ilustración 4 Editor de Código de Macromedia Dreamweaver............................... 57
Ilustración 5 Editor Gráfico de Macromedia Dreamweaver ................................... 57
Ilustración 6 Mozilla Firefox - Galería.................................................................... 58
Ilustración 7 Mozilla Firefox - Galería Selección.................................................... 59
Ilustración 8 Mozilla Firefox - Nuestro Equipo ....................................................... 59
Ilustración 9 Mozilla Firefox - Nuestros Servicios.................................................. 60
Ilustración 10 Mozilla Firefox - Contáctanos.......................................................... 60
IX
Ilustración 11 Internet Explorer - Galería............................................................... 61
Ilustración 12 Internet Explorer - Nuestro Equipo.................................................. 61
Ilustración 13 Internet Explorer - Nuestros Servicios............................................. 62
Ilustración 14 Internet Explorer - Contactanos ...................................................... 62
Ilustración 15 Google Chrome - Galería................................................................ 63
Ilustración 16 Google Chrome - Nuestro Equipo................................................... 63
Ilustración 17 Google Chrome - Nuestros Servicios.............................................. 64
Ilustración 18 Google Chrome - Contáctanos........................................................ 64
Ilustración 19 WampServer - Localhost................................................................. 65
Ilustración 20 Php MyAdmin - Tabla...................................................................... 65
Ilustración 21 Tabla - Consulta.............................................................................. 66
Ilustración 22 Medio de Difusión - Resultados ...................................................... 67
Ilustración 23 Uso de Internet - Resultados .......................................................... 68
Ilustración 24 Internet como medio de Difusión - Resultados ............................... 68
Ilustración 25 Aceptación del Sitio Web - Resultados ........................................... 69
Ilustración 26 Proyección del Sitio web - Resultados............................................ 69
Ilustración 27 Interés del Público - Resultados...................................................... 70
Ilustración 28 Factibilidad del Sitio web - Resultados............................................ 70
Ilustración 29 Percepción del Sitio Web - Resultados........................................... 71
Ilustración 30 Impacto del Sitio Web - Resultados ................................................ 71
10
INTRODUCCIÓN
La Zapatería TMC Shoes, nace con el objetivo de preservar el patrimonio familiar,
y para alcanzarlo centra su actividad en la venta de calzado en la región de Tuxtepec
Oaxaca, y quiere hacer uso de las tecnologías de la información para aumentar su
mercado de ventas y alcanzar sus objetivos. Por esta razón ha decidido migrar su
servicio a un entorno web que le permita; a sus usuarios y colaboradores, acceder
a ellos en la red.
El proyecto se encuentra estructurado de la siguiente manera: consta de la
introducción, la cual abarca, antecedentes y planteamiento del problema, que no es
más que la situación actual de la investigación a realizar, también abarca, los
objetivos tanto general como específicos, justificación la cual abarca los impactos
que la elaboración del sitio web tiene social, económica, tecnológica y
ambientalmente, la formulación de hipótesis, donde se identifican y clasifican las
variables, las delimitación, que son los alcances y limitaciones que tiene el sitio web.
El siguiente apartado, consta del fundamento teórico, que son aquellos estudios,
trabajos de grado o tesis realizados por autores, donde se plantean una breve
síntesis de los conceptos más usados en el proyecto, que inicia con el Tema
Internet, en donde se explica que es, cual es el protocolo que utiliza y cómo es
posible acceder a él mediante navegadores exponiendo una lista de los
navegadores más usados actualmente.
Definimos lo que es una Aplicación Web y sus principales propiedades que permiten
su funcionamiento e interacción para el usuario como la Interfaz y el Servidor; el
cual da pauta a exponer las características, ventajas y desventajas de la
Arquitectura Cliente/servidor que es la que se utiliza para la interacción con las
páginas web, posteriormente abordamos el tema de Base de Datos que al igual que
la arquitectura cliente/servidor es esencial al cargar un sitio web al servidor de
Internet, en este tema damos una pequeña vista de los tipos y modelos, para
proseguir con la explicación de los Sistemas Gestores de Bases de Datos.
11
El Tema siguiente muestra la metodología en la cual nos basamos para la
elaboración del Sitio Web, explicando cada una de sus fases y actividades a realizar
en ellas, iniciando en la fase de análisis, para continuar con la fase de Planificación,
Contenido, Diseño, Programación, Testeo y Mercadeo y Publicidad.
En el tema de HTML pasamos por su definición e Historia que nos dan una vista de
cómo se inició la elaboración de páginas dinámicas a través de este código de
hipertexto, además que se enlistan sus elementos y se muestra como está
estructurada básicamente una página web, el siguiente lenguaje que se expone es
PHP, en donde del mismo modo que con HTML tenemos la historia, además de la
Sintaxis y finalizando con sus características.
En el apartado de MySQL hablamos de este servidor de Bases de Datos
mencionando sus características y las aplicaciones que se le dan a esta útil
herramienta, en el siguiente apartado listamos las herramientas multimedia que se
utilizaron en la elaboración del sitio web como lo es el editor de código PHP y HTML
Dreamweaver, haciendo énfasis en su funcionalidad y las ventajas que ofrece.
Posteriormente hablamos del entorno de desarrollo web WampServer que nos
ofrece diversas características, explicamos su utilidad y funcionalidad. En el último
Tema hablamos del software Filezilla que se utiliza para cargar archivos a un
servidor en web, por medio de transferencia FTP, el cual también ofrece diversas
características y ventajas.
Después sigue el capítulo de procedimiento o métodos, es donde presenta el tipo
de investigación, su diseño y la metodología desarrollada para sitio web. En los
últimos puntos se presentan las conclusiones, fuentes consultadas y anexos.
A lo largo del protocolo de investigación se exponen los objetivos principales y en
base a esta informacion se realiza el estudio de factibilidad, y se presenta la solución
que se considera más adecuada para la ejecución del proyecto. El uso de las
12
Tecnologías de la información contribuirá a la mejora de la difusión de la Zapatería
y ayudará a aumentar la audiencia que tenga acceso a los productos que ofrece.
Aprovechando el ambiente cultural de nuestro tiempo, marcado por la tecnología e
informática, hemos emprendido la tara de diseñar e implementar un sitio web, que
muestre la informacion de la empresa y el calzado con el que cuenta, de una forma
más llamativa para los clientes potenciales y la audiencia en general. Además
también de fomentar el uso de las TIC como medio para agilizar la difusión y
crecimiento mercantil de la empresa.
13
ANTECEDENTES
La zapatería “TMC SHOES” es una empresa Fundada en el año de 1992 como un
negocio familiar de comercio de calzado, no muy reconocida ya que solo cuenta con
ventas por medio físico en la ciudad de san juan bautista Tuxtepec, Oaxaca ubicado
en la colonia centro entre matamoros 5 de mayo y 20 de noviembre.
Con medida a como fue creciendo el mercado sus ventas se fueron disminuyendo
y se hizo necesario contar con medios de difusión impresos como volantes, siendo
que aun así, son muy bajas sus ventas a causa del medio de difusión y por lo tanto
no ha logrado ser de los establecimientos más reconocidos en la región; teniendo
así pérdida de ventas, por ahora solo cuenta con ventas por medio de teléfono y
eso hace al cliente más difícil de visualizar el calzado el cual está adquiriendo.
También ha intentado crecer de acuerdo a las Tecnologías, contratando un Servicio
de Telefonía con acceso a internet, el cual no ha aprovechado a su máximo
potencial, continuando solamente actualizando la propaganda impresa con la que
se ha apoyado, a lo largo de los años.
14
FUNDAMENTACIÓN Y FORMULACIÓN DEL PROBLEMA
Planteamiento Del Problema
La zapatería TMC SHOES posee más de 15 años en el mercado, ubicado en San
Juan Bautista Tuxtepec, Oaxaca. En la colonia centro avenida 5 de mayo y 20 de
noviembre no cuenta con ningún medio publicitario interactivo, para dar a conocer
su producto.
Esta empresa solo cuenta con un medio de promoción que es la distribución de
calzado de forma directa con el cliente, por lo que esta estrategia no ha sido
suficiente para incrementar las ventas y aumentar el número de clientes.
Parte del problema existente es en cuento a mejora la comunicación entre empresa
y cliente por lo que la información es transmitida por llamadas telefónicas ya que
resulta una explicación muy escasa y confusa al no tener un apoyo visual.
Pregunta De Investigación
¿Cuál es el medio de comunicación y difusión más efectiva para la promoción
del calzado de la zapatería TMC SHOES?
15
OBJETIVOS
Objetivo General
Implementar un sitio web para la zapatería “TMC SHOES” ubicada en el municipio
de San Juan Bautista, Tuxtepec Oaxaca, con el propósito de dar a conocer los
productos a la sociedad en general.
Objetivos Específicos
 Identificar los requerimientos necesarios para el desarrollo del sitio web.
 Analizar la información básica de comunicación que permita su cualificación.
 Diseñar la estructura de un sitio web.
 Desarrollar un sitio web mediante la herramienta Dreamweaver que permita
mejorar la comunicación interactiva.
 Dar a conocer las características del personal, producto y la organización de
la zapatería.
 Implantar el sitio web como medio de difusión para proporcionar los
productos.
16
JUSTIFICACIÓN
El uso de nuevas tecnologías de comunicación permite una interacción más asertiva
entre las empresas y sus clientes en este caso la zapatería “TCM SHOES” ubicada
en el municipio de Tuxtepec Oaxaca, se beneficiaría de poseer un vínculo
electrónico, como lo es la página web, dando una mayor accesibilidad de
mercancías actuales, referentes a la compra venta de calzado, fortaleciéndose e
innovando la imagen del mismo, permitiendo un mayor alcance y presencia en
Internet. Se minimizaría costos operativos referentes a la publicación de
propaganda; ya que no será necesario realizar impresiones, con lo que se
acapararía recursos e insumos que comúnmente se utilizan para tal fin. En la
comunidad se podrá disponer a través de una página web, información acerca de
los productos de forma rápida y ágil.
Impacto Social
La sociedad es un factor muy importante para cualquier empresa es por ello
que se requiere desarrollar un sitio web en la zapatería, para poder mejorar la
manera de dar a conocer sus productos ante la comunidad, y así tener conocimiento
sobre los productos existentes en la empresa; estos tendrán debidamente sus
precios establecidos. Será muy fácil tener acceso a él ya que con el uso de las
tecnologías y el internet es más fácil que visiten la página frecuentemente. Mediante
la página web también se pretende adquirir mayor demanda y así poder tener
recursos suficientes para poder realizar sucursales en diferentes áreas de la región.
17
Impacto Económico
Al ser desarrollado el sitio web, la empresa ganara; pretende mejorar su economía
es decir tendrá menos gastos con la publicidad de propaganda de la empresa ya
que no será necesario realizar impresiones sobre folletos o lonas para dar a conocer
los productos de la zapatería. El medio de difusión le ahorraría muchos gastos, y
así mediante la página obtendrían más beneficios rápidos.
Impacto Tecnológico
Por medio del sitio web, la zapatería “TMC Shoes” hará uso de las TIC, ya que a
través del uso de internet, el cliente podrá, con un clic acceder a los catálogos,
videos y álbumes, para conocer así la variedad de diseños y costos que ofrece su
establecimiento sin necesidad de visitar el lugar.
Con ello el cliente será capaz de conocer mejor la trayectoria, así como también la
misión y visión de la zapatería sin preguntar de forma directa al dueño. Podrá
también desde la comodidad de su hogar, consultar la existencia de los productos
por medio de la información de contacto que se le proporcionara en el sitio. La
implementación del sitio web busca así facilitar al cliente la forma de conocer para
adquirir el producto del modelo y características de su preferencia, en las
instalaciones de la tienda.
Impacto Ambiental
El impacto que este proyecto pretende tener en el ambiente, es claramente positivo,
ya que con el desarrollo de éste, se busca a mediano plazo lograr disminuir la
producción de propaganda impresa, para evitar así, que ésta sea desechada y no
sea reciclada debidamente, se podrá disminuir la contaminación visual que es hoy
en día un grave problema en la ciudad, y se verá como parte de un plan de
conservación de los árboles, ya que con ellos es elaborado el papel, que se utiliza
en la propaganda impresa, y también, disminuir la contaminación de los ríos
aledaños, ya que como sabemos, toda esta propaganda impresa, termina en las
causes de los ríos, provocando así, contaminación.
18
FUNDAMENTACIÓN Y FORMULACIÓN DE LAS
HIPÓTESIS
Hipótesis
La implementación de un sitio web para la zapatería “TMC Shoes”, aumentara la
proyección y difusión mercantil e incrementará el número de clientes y ventas.
Hipótesis Nula
La implementación de un sitio web para la zapatería “TMC Shoes”, no aumentara la
proyección y difusión mercantil ni incrementará el número de clientes y ventas.
Identificación Y Clasificación De Las Variables
Identificación De Las Variables
Tabla 1 Identificación de las Variables
Variable independiente Variable Dependiente
La implementación de un sitio web para
la zapatería “TMC Shoes”
 Aumentará la proyección y
difusión mercantil
 Incrementará el número de
clientes y ventas.
Definición Conceptual De Las Variables
 Implementación: Es la realización de una especificación técnica o algoritmos
como un programa, componente software, u otro sistema de cómputo.
 Sitio web: Es un gran espacio documental organizado que la mayoría de las
veces está típicamente dedicado a algún tema particular o propósito
específico.
 Difusión: Proceso de propagación o divulgación de conocimientos, noticias,
actitudes, costumbres, modas, etc.
19
 Incrementar: Hace referencia a dar mayor extensión, número o materia a
algo. También se utiliza este concepto para adelantar o mejorar
conveniencias, empleos o riquezas.
Definición Operacional (indicadores)
Tabla 2. Definición Operacional de Variables
Variable independiente Variable Dependiente
La implementación de un sitio web para
la zapatería “TMC Shoes”
 Aumentará la proyección y
difusión mercantil
 Incrementará el número de
clientes y ventas.
Indicadores Indicadores
 Factible como Herramienta de
Comercio Electrónico
 Intuitivo y de fácil navegación.
 Eficaz como Medio de
promoción.
20
DELIMITACIÓN
Alcances
El sitio Web podrá llevar a Cabo las Siguientes Actividades:
 Muestra una Galería de Fotos del Calzado disponible en el
Establecimiento
 Proporciona una breve descripción sobre El equipo de trabajo.
 Muestra Información sobre los servicios que ofrece la Zapatería al
momento de visitarla en su dirección.
 Cuenta con un formulario de llenado que permite dejar comentarios y
observaciones que serán revisadas por el administrador del sitio.
 Proporciona información de contacto con los creadores del sitio web.
Limitaciones
El sitio web no realiza las siguientes funciones:
 No es capaz de generar estadísticas.
 No cuenta con un formulario destinado a realizar ventas, o pedidos.
 No contiene un formulario de llenado para registro de clientes.
 El sitio solo funcionará de forma local.
21
ANÁLISIS DE FUNDAMENTOS
1. INTERNET
(Roberts, 2011, pág. 49) Es una red universal informática de comunicación que
permite el intercambio de todo tipo de información entre sus usuarios para compartir
recursos. Es decir mediante las computadoras se establece una comunicación
inmediata en cualquier parte del mundo para obtener información o datos sobre algo
en particular que le interesa al usuario, ya sea sobre temas de investigación,
académicos o personales, este es un vínculo comunicativo que se establece por
millones de personas.
1.1 Protocolos De Internet
(Roberts, 2011, pág. 51) Son una variedad de protocolos de red diseñados para
enlazar vía internet y permitir la entrega de datos entre redes de computadoras, no
importando el sistema operativo en que s este ejecutando ni el tipo de computadora
que se esté utilizando. Existen varios protocolos pero entre los que más se destacan
son:
 TCP/IP: que son un protocolo de control de transmisión y protocolo de
internet, son los más utilizados.
 HTTP: Es el que se utiliza para acceder a una página web.
 FTP: Utilizado para transferencia de archivos
1.2 Navegadores
(Roberts, 2011, pág. 52) La búsqueda de enlaces de una página a otra, ubicada en
cualquier computadora conectada a Internet, se llama navegación, es de donde se
origina el nombre navegador (aplicado tanto para el programa como para la persona
que lo utiliza, a la cual también se le llama cibernauta). Los navegadores son un
software que permite acceder a internet, explicando la información de archivos,
permite la visualización de documentos de texto, sitios web y hacer actividades en
22
ella, es decir se puede enlazar de un sitio a otro, enviar y recibir correo entre otras
cosas distintas. Los navegadores son para que a la información que accede puedan
ser leídos, comprendidos y utilizados por los usuarios.
1.2.1 Funcionamiento De Los Navegadores
(Roberts, 2011, pág. 52) La función principal del navegador es descargar
documentos HTML y mostrarlos en pantalla. Hoy en día, no solamente descargan
este tipo de documentos sino que muestran con el documento sus imágenes,
sonidos, en diferentes formatos y protocolos. Además, permiten almacenar la
información en el disco o crear marcadores de las páginas más visitadas. Los
primeros navegadores web sólo soportaban una versión muy simple de HTML. Los
estándares web son un conjunto de recomendaciones dadas por el “www” y otras
organizaciones internacionales acercan de cómo crear e interpretar documentos
basados en la web. Su objetivo es crear una web que trabaje mejor para todos, con
sitios accesibles a más personas y que funcionen en cualquier dispositivo de acceso
a Internet.
1.2.2 Ejemplo De Navegadores Web
(Roberts, 2011, pág. 53)Existe varios tipos de navegadores, pero los más
destacados son los que se muestran a continuación:
 Safari
 Google Chrome
 Opera
 Internet Explorer
 Mozilla Firefox
23
2. APLICACIONES WEB
(Cobo, Gómez, Pérez, & Rocha, 2005, pág. 23) Son herramientas que los usuarios
pueden utilizar mediante un servidor web a través de internet, mediante un
navegador, se realiza en lenguajes soportados por los navegadores web. Contiene
elementos que permite una comunicación activa entre los usuarios y la información,
esto permite que los usuarios puedan acceder de modo interactivo, ya que la página
responderá a cada una de las acciones de los usuarios, como por ejemplos rellenar
y enviar formularios, participar en juegos, acceder a base de datos, etc. Generan
una serie de páginas en un formato estándar, como HTML o XHTML, soportados
por los navegadores web comunes.
(Hanke, 2011, pág. 45) Se utilizan lenguajes interpretados, tales como JavaScript,
Java, Flash, etc., para añadir elementos dinámicos a la interfaz de usuario.
Generalmente cada página web en particular se envía al cliente como un documento
estático, pero la secuencia de páginas ofrece al usuario una experiencia interactiva.
Durante la sesión, el navegador web interpreta y muestra en pantalla las páginas,
actuando como cliente para cualquier aplicación web. Se una buena forma para su
mejor visualización
2.1 Interfaz
(Hanke, 2011, pág. 57) Las interfaces web tienen algunas limitaciones en las
funcionalidades que se ofrecen al usuario. Hay funcionalidades comunes en las
aplicaciones de escritorio como dibujar en la pantalla o arrastrar y soltar que no
están soportadas por las tecnologías web estándar. Los desarrolladores web
generalmente utilizan lenguajes interpretados (scripts) en el lado del cliente para
añadir más funcionalidades, especialmente para ofrecer una experiencia interactiva
que no requiera recargar la página cada vez. La interfaz gracia de usuario, consiste
en proporcionar un entorno visual sencillo para permitir la comunicación con
el sistema operativo de una máquina o computador.
24
2.2 El Servidor
(Quijado, 2010, pág. 57) Un servidor es software que realiza tareas específicas en
nombre de los usuarios, sirve información a los ordenadores que se conecten a él,
cuando los usuarios se conectan a un servidor pueden acceder a programas,
archivos y otra información del servidor. En la web, un servidor web es un ordenador
que usa el protocolo http para enviar páginas web al ordenador de un usuario
cuando el usuario las solicita. Los servidores web, servidores de correo y servidores
de bases de datos son a lo que tiene acceso la mayoría de la gente al usar Internet.
Algunos servidores manejan solamente correo o solamente archivos, mientras que
otros hacen más de un trabajo, ya que un mismo ordenador puede tener diferentes
programas de servidor funcionando al mismo tiempo.
25
3. ARQUITECTURA CLIENTE/SERVIDOR
(Conolly T. , 2010, pág. 35) Es un modelo de aplicaciones en donde las tareas se
reparten entre los proveedores de recursos y servicios estos son los servidores, y
los demandantes que son los clientes, consiste principalmente en un cliente que
realiza peticiones a otro programa que es el servidor, que le da respuesta. La
separación entre cliente y servidor es una separación de tipo lógico, donde el
servidor no se ejecuta sobre una sola máquina en un sólo programa. Una
disposición muy común son los sistemas multicapa en los que el servidor se
descompone en diferentes programas que pueden ser ejecutados por
diferentes computadoras aumentando así el grado de distribución del sistema.
(Conolly T. , 2010, pág. 36) La red cliente-servidor es una red de comunicaciones
en la cual los clientes están conectados a un servidor, en el que se agrupan los
diversos recursos y aplicaciones con que se cuenta, y que los pone a disposición
de los clientes cada vez que estos son solicitados. Esto significa que todas las
gestiones que se realizan se concentran en el servidor, de manera que en él se
disponen los requerimientos de los clientes.
3.1 Características
(Conolly T. , 2010, pág. 42) Una de las principales contribuciones de esta
arquitectura a los sistemas de información, es la interfaz gráfica de usuario. Gracias
a ella se dispone de un manejo más fácil de las aplicaciones mediante el uso de un
dispositivo tipo ratón. En esta arquitectura los datos se presentan, editan y validan
en la parte de la aplicación cliente. En cuanto a los datos, cabe señalar que en la
arquitectura cliente/servidor se evitan las duplicidades (copias y comparaciones de
datos), teniendo siempre una imagen única y correcta de los mismos, disponible en
línea para su uso inmediato. Todo esto tiene como fin que el usuario de un sistema
de información soportado por una arquitectura cliente/servidor, trabaje desde su
trabajo con distintos datos y aplicaciones.
26
3.2 Ventajas
(López Quijado, 2007, pág. 89)
 Centralización del control: es decir, los accesos, recursos y la integridad de
los datos son controlados por el servidor de forma que un programa cliente
defectuoso o no autorizado no pueda dañar el sistema.
 Escalabilidad: se puede aumentar la capacidad de clientes y servidores por
separado. Cualquier elemento puede ser mejorado en cualquier momento, o
se pueden añadir nuevos nodos a la red (clientes/servidores).
 Fácil mantenimiento: al estar distribuidas las funciones y responsabilidades
entre varios ordenadores independientes, es posible reemplazar, reparar,
actualizar, o incluso trasladar un servidor, mientras que sus clientes no se
verán afectados por ese cambio o si son afectados que sea lo más
mínimamente posible.
3.3 Desventajas
(Vaswani, 2005, pág. 93)
 La congestión o atasco del tráfico ha sido siempre un problema en la
arquitectura de c/s. Cuando una gran cantidad de clientes envían peticiones
simultáneas al mismo servidor, puede ser que cause muchos problemas para
éste (a mayor número de clientes, más problemas para el servidor).
 El software y el hardware de un servidor son generalmente muy precisos. Un
hardware regular de un ordenador personal puede no poder servir a cierta
cantidad de clientes. Normalmente se necesita software y hardware
específico, sobre todo en el lado del servidor, para satisfacer el trabajo. Por
supuesto, esto aumentará el coste.
27
4. BASE DE DATOS
(M., C.M., & & L, 2009, pág. 27) Una base de datos es una colección de archivos
relacionados que permite el manejo de la información de alguna compañía. Cada
uno de dichos archivos puede ser visto como una colección de registros y cada
registro está compuesto de una colección de campos. Cada uno de los campos de
cada registro permite llevar información de algún atributo de una entidad del mundo
real. El objetivo principal de las bases de datos es el de unificar los datos que se
manejan y los programas o aplicaciones que los manejan.
(P. A., 2009, pág. 56) Existe una gran diferencia entre Base de Datos y SGBD. La
base de datos es el almacenamiento donde residen los datos. El SGBD es el
encargado de manipular la información contenida en ese almacenamiento mediante
operaciones de lectura o escritura sobre la misma.
4.1 Tipos De Bases De Datos
(Ruiz L. , 2011, pág. 63) Las bases de datos pueden clasificarse de muchas formas,
de acuerdo al contexto que se esté manejando, la utilidad de las mismas o las
necesidades que quieran satisfacer; primeramente están las de; según la
variabilidad de la base de Datos, que estas a su vez se clasifican en bases de datos
estáticas (son bases de datos de solo lectura) y bases de datos dinámicas (donde
la información almacenada se pueda modificar con el paso del tiempo).
(Ruiz L. , 2011, pág. 64) También existen las bases de datos según el contenido,
que pueden ser las bases de datos bibliográficas (son las que contienen un
representante para que puedan ser localizadas), bases de datos de texto completo
(almacenan las principales fuentes), directorios (como por ejemplo las guías
telefónicas en formato electrónico).
28
4.1.1 Bases De Datos Estáticas
(Piattiani, 2009, pág. 87) Son bases de datos de solo lectura, es decir que son
utilizadas principalmente para almacenar datos históricos que en un futuro se
pueden utilizar para estudiar el comportamiento de un conjunto de datos a través
del tiempo, realizar proyecciones o proyectos, hacer una buena toma de
decisiones y realizar análisis de datos para inteligencia empresarial.
4.1.2 Bases De Datos Dinámicas
(Piattiani, 2009, pág. 89) Éstas son bases de datos donde la información
almacenada se modifica con el tiempo, permitiendo operaciones como
actualización, borrado y editar de datos, además de las operaciones de consulta.
Un ejemplo de esto puede ser la base de datos utilizada en un sistema de
información de empresas ya sea un supermercado, una farmacia, un videoclub, etc.
4.2 Modelos De Bases De Datos
4.2.1. Bases De Datos De Red
(P. A., 2009, pág. 72) Este modelo es la modificación del nodo ya que permite que
un mismo nodo tenga varios padres, por lo que esté en su mayoría es utilizado por
programadores más que por usuarios finales.
4.2.2. Bases De Datos Relacionales
(Navathe, 2011, pág. 103) Este es el modelo más utilizado en la actualidad para
modelar problemas reales y administrar datos dinámicamente, la mayoría de las
veces se ve de una manera más fácil. Ya que cada relación se muestra como una
tabla que está compuesta por registros que representan las filas y las columnas de
una tabla.
4.2.3. Bases De Datos Orientadas A Objetos.
(Navathe, 2011, pág. 105) Es una colección persistente y compatible de objetos
definidos por un modelo de datos orientados a objetos.
Representa cierta informacion y modela ciertos aspectos del mundo real.
29
Mientras que los modelos clásicos permite representar gran cantidad de datos, pero
las operaciones y representaciones que se pueden realizar sobre ellos son bastante
simples.
Los datos se almacenan como objetos.
La forma de identificar un objeto es mediante un identificador de objetos.
Cada objeto contiene y define métodos y la interfaz mediante la cual se puede
acceder a él y a otros objetos que pueda manipularlo.
4.3 SGBD
(Gilfillan, 2009, pág. 23) Es el conjunto de programas que administran y gestionan
la informacion contenida en una base de datos.
Realiza diferentes acciones de las cuales son:
 Definición de los datos
 Mantenimiento de la integridad de los datos dentro de la base de datos
 Control de la seguridad y privacidad de los datos
 Manipulación de los datos
También se encargan de la privacidad, la integridad, la seguridad de los datos y la
interacción con el sistema operativo. Proporciona una interfaz entre los datos, los
programas que los manejan y los usuarios finales.
30
5. METODOLOGÍA PARA LA CREACIÓN DE SITIOS WEB
Ing. Dely Maybel Gil Álvarez
5.1 Análisis
(Gil Alvarez, 2007, pág. 2) A la hora del desarrollo de un sitio web se debe comenzar
por dar respuesta a un grupo muy concreto de interrogantes, que permitirán aclarar
y definir de manera básica las expectativas existentes en torno a la aplicación web
e interacción que se va a generar. Podemos comenzar con Considerar las
siguientes actividades:
 Selección de Objetivos
También se conoce esta etapa como resumen de objetivos, donde se establecen
los objetivos contra los cuales puede mediarse la efectividad de las acciones que
se desarrollen.
 Selección de Usuarios
Se refiere a aquella parte de la población a la que se pretende alcanzar o influir con
el sitio web. Toda la informacion que se obtenga servirá para establecer parte de
los criterios de diseño de contenido, lenguajes, estética, entre otros.
 Expectativas de Usuario
Al plantearse la puesta en marcha de un sitio web es necesario conocer hacia quien
va dirigido éste y que podrían esperar dichos usuarios al visitarlos.
 Expectativas de la Organización
Es vital establecer que resultados pretende conseguir la organización con la
creación del sitio web. Con ello se busca definir el propósito del sitio web y se deben
incluir aspectos que van desde los más generales, relacionados con el público de
destino hasta los más específicos relacionados con la organización.
31
5.2 Planificación
(Gil Alvarez, 2007, pág. 4) Todo proyecto posee una fase de planificación, en ella
se deben definir cuáles son los requerimientos técnicos para este fin, quienes serán
los miembros del equipo, seleccionar la estructura, para así planear un sitio bien
organizado.
 Selección de Software y Hardware
En esta etapa se busca determinar los requerimientos en cuanto al software que se
utilizaran para el desarrollo de la aplicación, es decir sistemas operativos,
servidores, editores de diseño, lenguajes de programación, animaciones y otros
componentes; así como de hardware, es decir se debe reservar el dominio y ubicar
el servicio de hospedaje de empresas que se especializan en este servicio.
 Selección del equipo de trabajo
Se debe seleccionar al equipo competente en cada campo de trabajo, con el objetivo
de segmentar el proceso de producción en varias funciones diferenciadas, y
conformar así un equipo web eficiente.
 Benchmarking
Es una manera de detallar, observar y evaluar todas aquellas páginas web
calificadas como las mejores que se encuentran en la red, con la finalidad de diseñar
una forma que permita crear un producto de alta calidad, productividad y
competitividad.
 Estructura de navegación
La estructura de una página web es importante, ya que permitirá al lector visualizar
todos los contenidos de una manera fácil y clara, o provocar en el lector una
sensación de estar perdido, por lo cual no encontrará rápidamente lo que busca y
terminara por abandonar el sitio.
32
5.3 Contenido
(Gil Alvarez, 2007, pág. 14)
 Definir las necesidades del usuario
De acuerdo a las expectativas encontradas en la etapa de análisis, se deben definir
ahora las necesidades del usuario, sus principales inquietudes y solicitudes para
hacer así que sea más sencillo e intuitivo para el usuario encontrar la informacion
que solicita dentro del sitio web.
 Creación de formularios de acceso
En este punto se crean los formularios de acceso para los usuarios a quienes está
destinada la administración del sitio web, en caso de que sea solicitada de esta
forma el diseño del sitio web.
 Creación de prototipos de páginas
Se crearán posibles diseños para las páginas de primer y segundo nivel a las que
acezara el usuario destino de la página web, y se probará que tan factible es el uso
de cada propuesta para ser implementada.
 Creación de textos y gráficos
Se definirán los textos y gráficos que se mostraran en el sitio web con la finalidad
de brindar al usuario la informacion necesaria y precisa de lo que está buscando en
el Sitio.
5.4 Diseño
(Gil Alvarez, 2007, pág. 15)
Esta etapa supone un trabajo extenso y detallado, pesto que abarca no solo la
interacción de múltiples elementos, como la tecnología multimedia; si no que abarca
también su integración con una estructura lógica basada en el propósito del sitio.
33
Representando un labor que va más allá de la simple presentación visual de la
informacion.
 Diseño de Formularios y gráficos
En esta etapa se diseñan lo formularios y gráficos finales que servirán como apoyo
visual para el usuario dentro del sitio web.
 Diseño de la estructura
De acuerdo a la estructura que ha sido seleccionada, se diseñara el acceso a cada
uno de los formularios que se diseñaran en esta etapa.
 Diseño de páginas de primer y segundo nivel
Se diseñan las páginas de inicio, menú y submenús a los cuales tendrá acceso el
usuario para navegar dentro la página web.
 Determinar el nivel de usabilidad y accesibilidad
Se evalúa el tiempo esfuerzo y capacidad requeridos por el visitante, para alcanzar
un nivel de adaptación al sistema, por ejemplo el número de pasos necesarios para
lograr una actividad, y al nivel de conocimientos que necesitan los usuarios para el
uso del Sitio web, también hay que tener presente que cada usuario puede contar
con equipos, con navegadores e idiomas distintos, que pueden impedirle apreciar
la aplicación en su totalidad.
5.5 Programación
(Gil Alvarez, 2007, pág. 17)
Esta etapa corresponde a la utilización de las herramientas de programación web,
para establecer la comunicación entre la base de datos y la interfaz.
 Determinación de lenguajes de programación
34
Es primordial seleccionar los lenguajes de programación en los que se desarrollara
el sitio web con la finalidad de crear posteriormente los manuales de usuario y
programador.
 Determinación de páginas estáticas y dinámicas
Se diseñan las páginas estáticas y se programara las páginas con las cuales el
usuario, tendrá la opción de interactuar.
 Programación de la interfaz
Se construyen los programas y códigos que desplegarán el contenido a los usuarios
a través del navegador web. Aquí se establecerá la comunicación entre la base de
daos y la interfaz.
 Analizar la estructura de la BD
Se diseña y se crea la base de daos, de acuerdo a los requerimientos funcionales
que manifestó el solicitante de la aplicación.
5.6 Testeo
(Gil Alvarez, 2007, pág. 18)
 Comprobación en navegadores
El primer paso de esta fase es también el más importante, comprobar si las
páginas se visualizan de manera correcta en diferentes navegadores, por lo
regular en los más utilizados por los usuarios.
 Detección de vínculos rotos
Es necesario detectar documentos que existen en el sitio pero que no están
conectados a través de vínculos; ellos deben ser reparados o eliminados en caso
de no ser necesario, puesto que ocupan espacio en el servidor y tienden a generar
confusión.
 Comprobación de tiempos de descarga
35
Uno de los puntos clave en el éxito de un sitio web es su rapidez de descarga, en
base a ellos se recomienda un tiempo mínimo de descarga.
 Capacitación del personal administrador del sitio
En esta etapa también los administradores reciben capacitación para el desarrollo
de sus tareas.
5.7 Mercadeo Y Publicidad
(Gil Alvarez, 2007, pág. 19)
En esta fase se deben realizar los trámites necesarios para implementar el proyecto
y comenzar con la difusión del Sitio web terminado.
 Registro de derechos de autor
Se anexa en el sitio los créditos de los desarrolladores, o un enlace que les permitan
a los usuarios contactarlos.
 Carga del sitio al dominio
Despues de definido el nombre del sitio y verificada su disponibilidad, se
transfieren los archivos al servidor FTP, o desde la página del servidor. Se debe
verificar que los archivos estén en su carpeta correspondiente de la web.
 Verificaciones finales
Se hacen pruebas finales en distintos ordenadores con el sitio ya puesto en línea,
se comprueban los tiempos de descarga y se corrobora que los enlaces funcionen
de forma correcta.
36
6. HTML
6.1. Definición
(O.P., 2010, pág. 46) Es el lenguaje de programación que se utiliza para el
desarrollo de páginas de internet. Se trata de un formato abierto generalmente como
“Estándar de Lenguaje de Marcado Generalizado” y que se entiende como un
sistema que permite ordenar y etiquetar diversos documentos dentro de una lista.
Este lenguaje es el que se utiliza para especificar los nombres de las etiquetas que
se utilizarán al ordenar, no existen reglas para dicha organización, por eso se dice
que es un sistema de formato abierto.
6.2. Historia
(O.P., 2010, pág. 43) El origen de HTML se remonta a 1980, cuando el físico Tim
Berners-Lee, trabajador del CERN (Organización Europea para la Investigación
Nuclear) propuso un nuevo sistema de “hipertexto” para compartir documentos.
Tras finalizar el desarrollo de su sistema de “hipertexto”, Tim Berners-Lee lo
presentó a una convocatoria organizada para desarrollar un sistema de “hipertexto”
para Internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert
Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3).
El primer documento formal con la descripción de HTML se publicó en 1991 bajo el
nombre HTML Tags (Etiquetas HTML) y todavía hoy puede ser consultado online a
modo de reliquia informática.
La primera propuesta oficial para convertir HTML en un estándar se realizó en 1993
por parte del organismo IETF (Internet Engineering Task Force).
A partir de 1996, los estándares de HTML los publica otro organismo de
estandarización llamado W3C (World Wide Web Consortium). La versión HTML 3.2
se publicó el 14 de Enero de 1997 y es la primera recomendación de HTML
publicada por el W3C. Esta revisión incorpora los últimos avances de las páginas
37
web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de
las imágenes.
6.3. Elementos
(O.P., 2010, pág. 48) Son componentes que especifican como los documentos
HTML deben ser construidos y que tipo de contenido debe ser posicionado en qué
lugar de un documento HTML.
(Hassan, J., Fernandez, & Jazza, 2008) Los nombres de elementos son encerrados
en paréntesis angulares: <elementname>, los cuales son llamados etiquetas. Si el
elemento contiene otro contenido, este termina con una etiqueta de cierre, donde el
nombre del elemento es precedido por un slash: </elementname>. Algunos
elementos no necesitan ser cerrados, como los elementos de imagen. Estos se
conocen como elementos vacíos. Los documentos HTML contienen un árbol de
estos elementos.
Cada uno es nombrado en representación de lo que hace. Por ejemplo, el elemento
<title> representa el título de un documento.
6.4. Estructura De Una Página Web
(O.P., 2010, pág. 48) La estructura básica de una página web es la siguiente:
<Html>
<Head>
</head>
<Body>
</body>
</Html>
38
Una estructura HTML se empieza con la etiqueta <HTML> y acaba con </HTML>.
Todo lo que esté en medio será la página web. Dentro de <HTML></HTML> se
encuentran 2 partes diferenciadas.
<Head></head> es la cabecera de la página. Aquí irá cierta información que no es
directamente el contenido de la página. Aquí se pone el título de la página, los
metadatos, estilos, código JavaScript. <Title></title>, que indica el título de la página
(lo que el navegador pone en la parte superior izquierda).
<Body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos,
formularios, etc. Por ejemplo:
<HTML>
<head>
<title>Esto es el título de la página. </Title>
</head>
<body>
¡Hola mundo!<br>
<b>Esto es negrita</b><br>
<i>Y esto itálica.</i><br>
</body>
</HTML>
39
7. PHP
7.1. Historia
(G., 2009, pág. 8) PHP tal y como se conoce hoy en día es en realidad el sucesor
de un producto llamado PHP/FI. Creado en 1994 por Rasmus Lerdorf, la primera
encarnación de PHP era un conjunto simple de ficheros binarios Common Gateway
Interface (CGI) escritos en el lenguaje de programación C. Originalmente utilizado
para rastrear visitas de su currículum online, llamó al conjunto de scripts “Personal
Home Page Tools”, más frecuentemente referenciado como “PHP Tools”. En junio
de 1995, Rasmus publico el código fuente de PHP Tools, lo que permitió a los
desarrolladores usarlo como considerasen apropiado.
7.2. Sintaxis
(Hanke, 2011, pág. 14) Primero y principal debemos diferenciar el código HTML del
código PHP y para realizar esta diferencia tenemos que abrir el código PHP con la
etiqueta “<?php” y cerrarlo con “?>”, también existen otros métodos pero para esto
hay configurar una serie de parámetros y eso lo veremos en otros artículos sobre
PHP. Ahora veamos un breve ejemplo de código PHP.
Noten que al finalizar cada instrucción se debe agregar el caracteres ‘;’ como en
JavaScript.
<?php echo “Esto es una prueba”;?>
Como todo lenguaje tiene la posibilidad de agregar comentarios a continuación
veremos las formas de realizar los comentarios
<?php

echo “¡Hola a Todos!”; // Esto es un comentario tipo c++ 

/* Comentario
multilínea
para varias líneas de código*/ 

echo “Chau!!!”;
echo “Saludos!!!”; #
Comentario estilo Shell de Unix

?>
40
7.3. Características De Php
(Segura, 2009, pág. 61) Al ser un lenguaje libre dispone de una gran cantidad de
características que lo convierte en la herramienta ideal para la creación de páginas
dinámicas.
-soporta una gran cantidad de bases de datos como MySQL, PostgresSQl, Oracle,
MS, SQL Server entro otros.
-Integración con varias bibliotecas externas, permite generar documentos en PDF
41
8. MYSQL
8.1. Definición
(Gilfillan, 2009, pág. 34) El software MySQL proporciona un servidor de base de
datos SQL (Structured Query Language) veloz, multi-hilo, multiusuario y robusto. El
servidor está proyectado tanto para sistemas críticos en producción soportando
intensas cargas de trabajo como para empotrarse en sistemas de desarrollo masivo
de software. El software MySQL tiene licencia dual, pudiéndose usar de forma
gratuita bajo licencia GNU o bien adquiriendo licencias comerciales de MySQL AB
en el caso de no desear estar sujeto a los términos de la licencia GPL. MySQL es
una marca registrada de MySQL AB.
8.2 Características
(Cobo, Gómez, Pérez, & Rocha, 2005, pág. 29) Las principales características del
servidor MySQL son:
 Tiene licencia pública, permitiendo la consulta y modificación de su código
fuente.
 El programa está desarrollado en C/C++, lo que facilita su integración en
otras aplicaciones desarrolladas en esos lenguajes.
 Puede ser descargado directamente de internet haciendo uso de su licencia
GPL.
 Cuenta también con una licencia comercial.
 Utiliza el lenguaje SQL que es el lenguaje de consulta más usado y
estandarizado para acceder a bases de datos relacionales.
 Es un sistema Cliente/servidor, que permite trabajar como servidor
multiusuario y de subprocesamiento múltiple.
 Cuenta con un sistema de ayuda en línea y de monitor que permite realizar
todas las operaciones desde la línea de comandos del sistema, sin necesidad
de interfaz gráfica.
42
 Por su portabilidad puede ser llevado a cualquier plataforma informática, ya
que está disponible en más de veinte plataformas diferentes incluyendo las
distribuciones más usadas de Linux, Mac X, UNIX y Microsoft Windows.
 Es posible encontrar gran cantidad de software desarrollado sobre MySQL o
que soporte MySQL.
8.3 Aplicaciones
(Barrera, 2009, pág. 2) MySQL es muy utilizado en aplicaciones web, como Drupal
o phpBB, en plataformas Linux/Windows-Apache-MySQL-PHP/Perl/Python, y así
por mismo herramientas de seguimiento de errores como Bugzilla. Su gran auge
como aplicación web está muy ligada a PHP, que frecuentemente aparece en
combinación con MySQL.
(Cobo A. , 2005, pág. 174) MySQL es una base de datos muy rápida en la lectura
cuando utiliza el motor no transaccional MyISAM, sin embargo puede provocar
problemas de integridad en entornos de alta concurrencia en la modificación.
En aplicaciones web hay baja concurrencia en la modificación de datos y el entorno
es intensivo en lectura de datos, lo que hace que MySQL sea ideal para este tipo
de aplicaciones. Sea cual sea el entorno en el que va a utilizar MySQL, es
importante monitorizar de antemano el rendimiento para detectar y corregir errores
tanto de SQL como de programación.
43
9. MULTIMEDIA
9.1 Dreamweaver
(O.P., 2010, pág. 10) Creador y editor de páginas web tipo WYSIWYG creado por
Macromedia (actualmente de Adobe Systems)
Es la aplicación de este tipo más usada en el sector de diseño y programación web.
Posee, como toda la línea Macromedia/Adobe, excelentes funcionalidades e
integración con otras herramientas.
(Pérez, 2004, pág. 31) La aplicación permite crear sitios de forma totalmente gráfica,
y dispone de funciones para acceder al código HTML generado. Permite la conexión
a un servidor, a base de datos, soporte para programación en ASP, PHP,
JavaScript, cliente FTP integrado, etc.
Principal competencia de Microsoft FrontPage.
9.1.1 Funcionalidad
(O.P., 2010, pág. 67) Cumple perfectamente el objetivo de diseñar páginas con
aspecto profesional, y soporta gran cantidad de tecnologías, además muy fáciles de
usar:
 Hojas de estilo y capas
 JavaScript para crear efectos e interactividades
 Inserción de archivos multimedia…
Además es un programa que se puede actualizar con componentes, que fabrica
tanto Macromedia como otras compañías, para realizar otras acciones más
avanzadas.
En resumen, el programa es realmente satisfactorio, incluso el código generado es
de buena calidad. La única pega consiste en que al ser tan avanzado, puede resultar
44
un poco difícil su manejo para personas menos experimentadas en el diseño de
webs.
(Pérez, 2004, pág. 26) Dreamweaver ha evolucionado mucho en su versión 4, que
incluye soporte para la creación de páginas dinámicas de servidor en ASP, con
acceso a bases de datos (versión Ultradev) y una mayor integración con otras
herramientas de Macromedia como Fireworks.
9.1.2 Ventajas
(Powers, 2004, pág. 178)
 Excelente para trabajos profesionales
 Destaca su soporte de los estándares del World Wide Web Consortium
 Utiliza la tecnología web como CSS y Java Script
 Se puede diseñar y crear páginas web sin conocimiento de código HTML
 Permite pre visualizar las páginas web en casi todos los navegadores web
 Permite el uso de extinciones como HTML y Java Script
45
10. WAMPSERVER
10.1 Características
(Dondo, 2008, pág. 1) Provee a los desarrolladores con los cuatro elementos
necesarios para un servidor web: un Sistema Operativo (Windows), un manejador
de base de datos (MySQL), un software para servidor web (Apache) y un software
de programación script Web (PHP (generalmente), Python o PERL), debiendo su
nombre a dichas herramientas. Lo mejor de todo es que WampServer es
completamente gratuito. WAMP incluye, además de las últimas versiones de
Apache, PHP Y MySQL, versiones anteriores de las mismas, para el caso de que
se quiera testear en un entorno de desarrollo particular.
10.2 Utilidad
(Naramore, Glass, & Scouarmec, 2004, pág. 92) Su utilidad es importante a la hora
de desarrollar aplicaciones web, ya que funciona al igual como si
cuando trabajamos en un servidor web, ya que podemos ejecutar estas aplicaciones
de manera local y ver como sería el funcionamiento antes de ser subidas a un
hosting o servidor web. Además de ello podemos gestionar datos con la ayuda del
motor de base de datos (MySQL) y su administrador (PHP MyAdmin).
10.3 Funcionalidad
(Dondo, 2008, pág. 1) WampServer tiene funcionalidades que lo hacen muy
completo y fácil de usar.
Con un clic izquierdo sobre el icono de WampServer, será capaz de:
 Gestionar sus servicios de Apache y MySQL
 cambiar a modo en línea / fuera de línea (accesible a todos, estar limitado a
localhost)
 Instalar y cambiar la versión de Apache, MySQL y PHP
 Administrar la configuración de los servidores
46
 Acceder a los registros
 El acceso a los archivos de configuración
 Crear alias y mucho más...
47
11. FILEZILLA
11.1 Características
(Hanke, 2011, pág. 47) Este programa sirve para gestionar archivos, renombrarlos,
ordenarlos en carpetas, mover archivos de un sitio a otro, etc. dentro de nuestro
ordenador. Pero cuando estamos aprendiendo a programar o trabajando en
entornos web, se hace necesario un programa que nos permita subir y bajar
archivos a un servidor y gestionar los archivos en el servidor. Hay diferentes
alternativas para ello. Una de ellas, de gran interés, es Filezilla.
La transmisión de archivos entre un ordenador personal y un servidor se hace
mediante un protocolo denominado FTP y que se corresponde con la terminología
inglesa File Transfer Protocol. El protocolo FTP se basa en la arquitectura cliente-
servidor. Supongamos que nosotros estamos en un restaurante como clientes
(equivalencia: nuestro ordenador personal), necesitamos un camarero
(equivalencia: programa ftp como Filezilla, al que también se llama “cliente ftp”
porque realmente el que comunica es el programa, no nosotros mismos) que nos
traiga cosas de la cocina (equivalencia: la cocina es el servidor). Traer un plato de
la cocina sería bajar un archivo. En el caso de los ordenadores, además de recibir
cosas de la cocina, podemos enviarlas, lo que sería subir un archivo.
11.2 Ventajas
(Hanke, 2011, pág. 48)
 Fácil de usar.
 Traducido a múltiples idiomas.
 Soporte de codificación SFTP sobre SSH y FTP sobre SSL/TLS
 Permite reanudar la transferencia de archivos y maneja archivos de gran
tamaño
 Administrador de sitios
 Cola de transferencia
 Comunicación a través de un proxy, un proxy FTP o un firewall
48
 Registro de mensajes
11.3 Desventajas
(Hanke, 2011, pág. 48)
 Algunos errores no se explican bien
 A veces no conecta como debería
49
PROCEDIMIENTO O MÉTODO
Enfoque Dela Investigación
El enfoque que se utiliza para la realización de la investigación es el Cuantitativo,
ya que este enfoque requiere de la realización secuencial de la investigación,
comprobación de la hipótesis, utilizando estadísticas para generalización de
resultados de forma precisa, brindándonos la capacidad de predecir y controlar
fenómenos.
Alcance De La Investigación
Nuestro estudio se define como Descriptivo ya que con él, tomarán en cuenta las
tendencias en la población y se definirán las dimensiones de la medición,
posteriormente en correlacional ya que con él también se asociaran las variables
para así saber cómo se comportan y proceder a comprobar hipótesis, para así
finalmente definirá como explicativa ya que se llegara más allá de la simple
explicación llegando a la implementación del sitio web respondiendo a los
fenómenos relacionados con las variables.
Tipo De Investigación
Según su propósito como de desarrollo, ya que utilizaran los resultados de la
investigación teórica para ser aplicados; Según sus fuentes como documental ya
que se recurrirá a libros y protocolos similares al que se aplicará, además que
también será considerada como de campo ya que se observarán directamente los
hechos; según la forma y momento es experimental ya que se analizarán los
cambios de manera controlada después de implementadas las herramientas.
Diseño De La Investigación
El diseño de la investigación estará definido como experimental, ya que se hará uso
de elementos de recolección de informacion y se medirán los efectos entre las
variables definidas, controlando las situaciones y fenómenos, haciendo pruebas
previas con un pequeño grupo, es decir pre-experimentos, en la muestra tomada,
que nos servirá como referencia para la realización del Proyecto.
50
Unidad De Análisis
Encuestaremos a todas las personas de la ciudad de Tuxtepec, Oaxaca de las
cuales a las personas a partir de 16 años a 64 años de edad. Población La población
está constituida por 155766 habitantes de las cuales encuestaremos a 86000
habitantes de la edad de 16 a 64 años en la ciudad de Tuxtepec, Oaxaca. Para
saber si están dispuestos a visualizar nuestro sitio web sobre la zapatería TMC
SHOES.
Muestra
La muestra utilizada para la presente investigación es el probabilístico, este
muestreo permite minimizar el tamaño de error de la muestra ya que se adecua a
este tipo de investigación.
La fórmula es la siguiente:
n =
K2pqn
e2(N − 1) + z2pq
Donde
N=tamaño de la población
N=tamaño de la muestra representativa que deseamos obtener
Z=valor z curva normal (1.96)
P=probabilidad de éxito (0.5)
Q=probabilidad de fracaso (0.5)
En esta imagen se muestran los resultados que se obtuvieron para la realización de
nuestras encuestas hacia los habitantes de San Juan Bautista Tuxtepec.
51
 El resultado fue el siguiente:
 Tenemos un error del 5%
 Nivel de confianza es de 95%
 Habitantes 86000
 Distribución de las respuestas es de 50%
 La muestra recomendada es de 383
 Se encuestaran un total de 383 personas para saber si visualizaran nuestro
sitio web.
Ilustración 1 Cálculo de La Muestra
52
Técnicas Y Elementos De Recolección De Datos
Como técnica de recolección de datos se consideró conveniente utilizar la
entrevista ya que a través de ella podremos explicar el propósito del estudio y
especificaremos claramente la información que necesitamos, si hay una
interpretación errónea de alguna pregunta se permitirá aclararla, asegurando una
mejor respuesta.
La comunicación entre nosotros como investigadores, y los encargados de
administrar la Zapatería, se realizó a fin de obtener respuestas verbales a las
interrogantes planteadas sobre el problema propuesto. Profundizando un poco más
y de acuerdo a la respuestas que emitieron originalmente exploraremos.
Esta Técnica de Recolección de Información es más eficaz que el cuestionario, ya
que permite obtener una información más completa. Adicionalmente se hizo utilizó
como método de Investigación la Encuesta, ya que es compatible con el empleo de
las técnicas e instrumentos de recolección de datos, mencionados líneas arriba
como son: la entrevista y la observación. Utilizando este método la información es
más fácil de procesar, simplificando el análisis comparativo, además no
necesitaremos estar entrenados arduamente para ponerla en práctica. Habría
uniformidad en el tipo de información obtenida.
53
Factibilidad Operativa
La zapatería es factible operativamente ya que primeramente se realizaron
entrevistas con el personal involucrado con la finalidad de contar con nuevas
tecnologías de información y se llegó a la conclusión que no presentan ninguna
oposición ante el cambio, ya que están dispuestos a llevar capacitación y dar paso
a nuevas experiencias para el crecimiento de la empresa. A los que serán
encargado del manejo del sitio web se les impartirán cursos, asesorías, etc.
Este proyecto ayudara a la zapatería “TMC SHOES” a promoverse y darse a
conocer mejor en el ámbito empresarial, mediante la publicación de un sitio web, el
uso de esta aplicación no tiene dificultad se podrá navegar fácilmente, se necesitara
de una persona que se encargara, será el administrador y estará capacitado. Con
la finalidad de garantizar el buen funcionamiento y que impactara en forma positiva
al administrador y a los usuarios.
Factibilidad Técnica
Realizadas las observaciones y el análisis necesarios podemos expresar la
factibilidad del proyecto basados en que la empresa no requiere realizar una
inversión para adquirir nuevos equipos y tiene suficiente solvencia para repotenciar
y actualizar el equipo con el que cuenta, el cual es especificado en la siguiente tabla:
Tabla 3 Hardware y software
Cant. Hardware Software Cant.
1 Equipo de computo S.O. Windows 7 Home
Premium (sin licencia)
1
1 Procesador Intel Core Duo Procesador de gráficos Intel
GMA 3750
1
54
1 Memoria RAM de 2 Gb de
capacidad
Antivirus NORTON Internet
Security (2010 versión de
prueba)
1
1 Disco duro de 320 Gb de
capacidad
Controlador de red WiFi 1
1 Slot de memoria SODDIM Controlador de red LAN 1
En base a lo especificado anteriormente se determina que en el actual momento, la
empresa cuenta con la infraestructura tecnológica suficiente para la puesta en
funcionamiento del Sitio Web, además de completa disponibilidad, por parte del
propietario; a adquirir las licencias necesarias para evitar posibles inconvenientes.
Factibilidad Económica
La factibilidad económica del proyecto se menciona en las especificaciones del
costo total del proyecto.
Aunque se puede decir que es factible económicamente por que se cuenta con la
mayoría de las herramientas, conocimientos y disponibilidad para llevar acabo dicho
proyecto.
A continuación se mencionara lo que contendrá el paquete estándar.
Paquete estándar
 Analista y diseñador
 Diseño de un sitio web con 6 paginas (pestañas)
 Hospedaje y dominio.com
55
 Por un año
 Hasta 40 imágenes de su producto
 Ideal para micro, pequeñas y medianas empresas.
Desarrollo Del Sitio Web
Despues de realizadas las encuestas, entrevistas y analizada la informacion, se
comprobó la factibilidad de desarrollar un sitio web para la zapatería TMC SHOES
de Tuxtepec, Oaxaca.
Se realizaron bocetos previos con HTML y Flas como los que se muestran a
continuación:
Ilustración 2 Prototipo de Sitio web
56
Ilustración 3 Prototipo 2 del Sitio Web
Se llegó la decisión de realizar el contenido de la página con HTML y hojas de estilo
HTML5. Posteriormente la programación y Edicion del Sitio web se hizo en
Macromedia Dreamweaver 8 por medio de la sección de código y la sección de
Diseño.
57
Ilustración 4 Editor de Código de Macromedia Dreamweaver
Ilustración 5 Editor Gráfico de Macromedia Dreamweaver
58
La galería se desarrolló con una hoja de estilos de HTML5 que muestra las fotos
con forma hexagonal, que al dar click sobre ellas, abre la imagen completa en la
misma página con un efecto de sobrepuesto.
El espacio Nuestro equipo muestra un poco de quienes intervienen en la realización
del trabajo detrás de una Zapatería exitosa como lo es TMC SHOES
El espacio Nuestros Servicios, se describe brevemente los servicios que ofrece la
Zapatería TMC SHOES.
En la pestaña de Contáctanos, se presenta un formulario de llenado que nuestros
clientes podrán rellenar con sus datos, y dejar un breve mensaje con sus opiniones
o dudas.
Se realizaron pruebas preliminares en el explorador web Mozilla Firefox 29.0
Ilustración 6 Mozilla Firefox - Galería
59
Ilustración 7 Mozilla Firefox - Galería Selección
Ilustración 8 Mozilla Firefox - Nuestro Equipo
60
Ilustración 9 Mozilla Firefox - Nuestros Servicios
Ilustración 10 Mozilla Firefox - Contáctanos
61
La prueba en Internet Explorer
Ilustración 11 Internet Explorer - Galería
Ilustración 12 Internet Explorer - Nuestro Equipo
62
Ilustración 13 Internet Explorer - Nuestros Servicios
Ilustración 14 Internet Explorer - Contactanos
63
Pruebas en Google Chrome
Ilustración 15 Google Chrome - Galería
Ilustración 16 Google Chrome - Nuestro Equipo
64
Ilustración 17 Google Chrome - Nuestros Servicios
Ilustración 18 Google Chrome - Contáctanos
65
Así mismo se realizó la Base de datos en MySQL de PHP MyAdmin desde la
plataforma WampServer de manera Local.
Ilustración 19 WampServer - Localhost
Ilustración 20 Php MyAdmin - Tabla
66
Ilustración 21 Tabla - Consulta
67
Análisis De Resultados
Se interpretaron los Resultados Obtenidos con la finalidad de facilitar la
comprensión de los mismos atendiendo a la problemática planteada, y a sus
objetivos. El diagnóstico de la situación actual de la promoción de la Zapatería TMC
SHOES, fue determinado mediante la aplicación de entrevistas y Encuestas; con el
fin de orientar la investigación y servir de soporte al estudio, debido a que estas
técnicas de recolección de datos nos permitieron determinar las debilidades en las
técnicas de promoción con las que cuenta actualmente la zapatería.
Las encuestas realizadas arrojaron los siguientes resultados graficados:
1.- ¿Por qué medio de promoción conoció usted la Zapatería TMC SHOES?
Ilustración 22 Medio de Difusión - Resultados
El grafico nos muestra que el principal medio de difusión de la zapatería ha sido el
medio impreso, indicado como folletos.
2.- ¿Utiliza Usted Internet con Frecuencia para conocer o adquirir productos?
78%
20%
2% 0%
Medio de Difusion
folletos
carteles
radiodifusion
otros
68
Ilustración 23 Uso de Internet - Resultados
El grafico nos muestra que el 69% de la población encuestada ha utilizado la Internet
para comprar o conocer productos de las tiendas.
3.- ¿Crees que es más eficiente el uso de Internet para que las tiendas den a
conocer sus productos?
Ilustración 24 Internet como medio de Difusión - Resultados
El grafico nos indica que el 71% de la población considera el internet como un medio
más eficiente para que la zapatería dé a conocer sus productos
4.- ¿Ha visitado alguna tienda online?
69%
18%
13%
Uso de Internet
si
no
indiferente
69%
18%
13%
Internet como medio de difusión
si
no
indiferente
69
Ilustración 25 Aceptación del Sitio Web - Resultados
El 64% de la población indicó que ha visitado tiendas online, de cualquier índole.
5.- ¿Le gustaría que la visitará el público en general?
Ilustración 26 Proyección del Sitio web - Resultados
El gráfico nos muestra que el 73% del público compartiría un sitio web de su agrado
con otros usuarios.
64%
19%
17%
Aceptación del sitio web
si
no
indiferente
73%
19%
8%
Proyección del Sitio web
si
no
indiferente
70
6.- ¿Quisiera estar en contacto con la zapatería?
Ilustración 27 Interés del Público - Resultados
El 56% de los encuestados respondieron que quieren estar en contacto con la
zapatería sin medio específico.
7.- ¿Cree que sea factible para la zapatería la realización del sitio web?
Ilustración 28 Factibilidad del Sitio web - Resultados
El 67% de los encuestados considera factible la realización del sitio web como
medio de difusión para la zapatería.
56%
26%
18%
Interés del Público
si
no
indiferente
67%
23%
10%
Factibilidad del Sitio web
si
no
indiferente
71
8.- ¿Le ahorraría dinero y tiempo visualizar los productos por medio de
Internet?
Ilustración 29 Percepción del Sitio Web - Resultados
El 73% de los encuestados considera que la creación del sitio web ahorra su
esfuerzo y dinero para conocer los productos de la zapatería
9.- ¿Le gustaría que la Zapatería contara con un Sitio en Internet donde diera
a conocer su calzado?
Ilustración 30 Impacto del Sitio Web - Resultados
El 68% de la población encuestada dijo que sería ideal la construcción de un sitio
web para la zapatería.
73%
15%
12%
Percepción del Público
si
no
indiferente
68%
20%
12%
Impacto del sitio web
si
no
indiferente
72
10.- Opiniones
Los encuestados manifestaron también que además de la construcción del sitio web
quieren que haya contenido que se esté actualizando constantemente, y que
posteriormente se realice un apartado con un formulario de llenado para poder hacer
pedidos y compras en línea, así como la opción de registro para clientes frecuentes.
73
CONCLUSIONES Y RECOMENDACIONES
Conclusiones
Con el desarrollo de este proyecto, y la investigación del mismo, de acuerdo a la
problemática planteada, los objetivos, seguido de las bases teóricas y diversas
investigaciones que sustentan la problemática y descrita la metodología seguir, se
procedió al diagnóstico de la situación actual de la zapatería “TMC SHOES”.
Y esta fue que la situación actual de la zapatería es que mostro mucha deficiencia
y pérdida de tiempo en el servicio de publicidad y propaganda y es que no cuenta
con un medio de difusión electrónico para dar a conocer sus productos. El origen
del problema radica en la falta de un sitio web en la zapatería, para que los clientes
puedan visualizar bien los productos que se encuentran en existencia en la empresa
y así poder tener mayor demanda y mejores ganancias.
De acuerdo a los resultados obtenidos, se pudo comprobar la mayoría de las
diferencias y debilidades presentadas en la empresa; y es por eso necesario que
la zapatería “TMC SHOES” tome las decisiones necesarias; ya sean medidas para
reducir al máximo las diferencias y deficiencias con el control de la publicidad; y esta
manera lograr mayor calidad en el servicio de ventas y control de mercancías, así
aumentar la eficiencia en el negocio, la productividad, las ganancias y se mejore la
motivación del personal que labora dentro de la zapatería; ya que estarán más
impulsados al desarrollo o actualización del sitio web, también motivara a los
clientes al momento de ver una interfaz agradable y de su interés.
Es por ello que se ha planteado en esta investigación elaborar un proyecto de
mejora que alcance optimizar las debilidades existentes en la empresa y que
pretenda ser el comienzo para que la empresa crezca en el mercado internacional,
y este sea el punto de partida hacia un camino de grandes éxitos en un futuro.
74
Recomendaciones
En general, se recomienda el desarrollo y la implementación de este proyecto que
es el sitio web en la zapatería “TMC SHOES” en el municipio de San Juan Bautista,
Tuxtepec Oaxaca; la cual responde en gran medida al alcance y la solución para
una mejor difusión de los productos con los que cuenta la empresa.
La aplicación del sitio web es una mejora para conseguir un buen manejo en la
publicidad de los productos y el desarrollo positivo de las actividades del personal
que labora en la empresa, ya que se encargaran de la realización de actualizaciones
en el sitio del calzado existente en la empresa; y así obtener un proceso y desarrollo
económico como medio para lograr involucrarse en el mercado competitivo.
Es fundamental que la gerencia se mantenga en constante actualización en cuanto
a alternativas de mejora y de inversión, que permitan adecuar a la empresa a las
necesidades y oportunidades propias, evitando las deficiencias en sus operaciones.
Un sitio web es hoy en día un medio de difusión muy importante para cualquier
empresa ya que con la ayuda de este mismo, las compañías pueden vender en
línea, o que su clientes estén informados sobre los productos con los que cuenta,
saber los precios, las ofertas, descuentos, o para que tipo de personas está dirigido
el producto, y así tener grandes cambios financieros es decir muy buenas
ganancias, y poder crecer en el mundo electrónico.
75
REFERENCIAS BIBLIOGRÁFICAS
Barrera, G. (28 de Octubre de 2009). Mtop: Monitoreo de Carga en MySQL.
Obtenido de http://tecnocacharrero.blogspot.mx/2009/10/mtop-monitoreo-
de-carga-en-mysql.html
Cobo, A. (2005). PHP y MySQL; Tecnología para el Desarrollo de Aplicaciones Web.
Ediciones Díaz de Santos.
Cobo, Á., Gómez, P., Pérez, D., & Rocha, R. (2005). PHP y MySQL: Tecnologia
para el Desarrollo de Aplicaciones Web. España: Edicion Díaz de Santos.
Conolly, T. (2009). Data Base Systems; A practical approach to design (Second
Edition). México: Addison-Wesley.
Conolly, T. (2010). Sistemas de Bases de Datos (3° Edicion). México: Adison
Wesley.
Dondo, A. (7 de Julio de 2008). Como interactuar con una base de Datos. Obtenido
de http://www.programacion.com/php/articulo/phph_mysql/
G., L. (2009). PHP 5. México: Anaya Multimedia.
Gary N. Jansen, J. (2011). Diseño y Admistracion (3° Edicion). México: Practie Hall.
Gil Alvarez, D. (24 de Mayo de 2007). Instituto Mar De Cortés. Obtenido de
http://www.institutomardecortes.edu.mx/pubs/metodologia_web.pdf
Gilfillan, I. (2009). MySQL. México: Anaya Multimedia.
Hanke. (2011). PHP Sitios Web Dinamicos. Barcelona: Trillas.
76
Hassan, Y., J., F., Fernandez, M., & Jazza, G. (7 de Julio de 2008). Diseño web
Centrado en el Usuario: Usabilidad y Arquitectura de la Informacion. Obtenido
de http://www.hipertext.net
Kroenke. (2012). Procesamientos de Base de Datos. Fundamentos Diseño e
Implementacion (8a Edición). Editoriales Españolas.
López Quijado, J. (2007). Programacion Dinamica en el Lado Servidor. Madrid: RA-
MA.
M., C., C.M., & & L. (2009). Bases de Datos (2° Edicion). Barcelona: Person-Prentice
Hall.
Mannino, M. (2013). Administracion de Base de Datos: Diseño y Desarrollo de
Aplicaciones Web (3a Edición). México: Editoriales Españolas.
Naramore, E., Glass, M. K., & Scouarmec, Y. L. (2004). Desarrollo Web con PHP,
Apache y Mysql. Anaya Multimedia.
Navathe, E. (2011). Fundamentos de Sistemas de Bases de Datos (3a Edicion).
España: Editoriales Españolas.
O.P., A. (2010). Dreamweaver. México: Anaya Multimedia.
P. A., W. (2009). Sistemas de Bases de Datos. Un enfoque Practico para diseño e
Implementacion. Madrid: Editioriales Españolas.
Pérez, C. (2004). Macromedia Dreamweaver MX 2004; Desarrollo de Paginas Web
dinamicas con PHP y MySQL. Anaya Multimedia.
Piattiani, E. (2009). Tecnologia y Diseño de Bases de Datos (4a Edicion). Mexico:
Anaya Multimedia.
77
Powers, D. (2004). Desarrollo Web dinamico con Dreamweaver 8 y php. Anaya
Multimedia - Anaya Interactiva.
Quijado, L. (2010). Domine PHP y MySQL; Programacion dinamica en el lado del
servidor (2a Edicion). México: RA-MA.
Roberts, L. (2011). Multiples Redes Informaticas y Comunicacion entre
Ordenadores (4a Edicion). México: RA-MA.
Roldan Martinez, D. (2010). Aplicaciones Web, Un enfoque practico (3a Edicion).
México: Anaya Multimedia.
Ruiz, A. (2010). Servidores Wamserver (3a Edicion). México: Editorial Castillo.
Ruiz, L. (2011). Base de Datos (5ta Edicion). México: Anaya Multimedia.
Segura, G. (2009). Programacion Web con PHP y MySQL. Mexico: Trillas.
Silbershatz, K. (2011). Fundamentos de Base de Datos (3a Edicion). España: MC
Graw Hill.
Vaswani, V. (2005). How to Everything with PHP and MySQL. USA: McGraw-Hill.
78
ANEXOS
Anexo A
Entrevista
1. Sabes que es un sitio web
a) Sí b) No
2. ¿Sabes utilizar una computadora?
a) Si b) No
3. ¿Es necesario implantar un sitio web en la zapatería?
a) Si b) No
4. ¿Tiene conocimientos sobre utilizar un sitio web?
a) Si b) No
5. ¿Por qué es importante que todas las empresas cuenten con un sitio web?
__________________________________________________________________
__________________________________________________________________
__________________________________________________________________
6.- ¿Es importante que la sociedad conozca los productos de la zapatería?
a) Si b) No
7.- ¿Tiene alguna oposición sobre la creación del sitio web?
a) Si b) No
79
__________________________________________________________________
__________________________________________________________________
8.- ¿Cuál cree que es el objetivo principal de un sitio web?
a) Mejor difusión b) Entretenimiento
9.- ¿Qué beneficios crees que tendría la realización del sitio web?
10. ¿Estarías dispuesto a ingresar al sitio web?
a) Si b) No
80
Anexo B
Encuesta
Ésta en encuesta se realiza con la finalidad de conocer la aceptación ante la
introducción de un Sitio Web para la Zapatería TMC SHOES, con la finalidad de dar
a conocer el calzado que ofrece.
1.- ¿Por qué medio de promoción conoció usted la Zapatería TMC SHOES?
a) Folletos b) Carteles c) Radiodifusión d) Otros
2.- ¿Utiliza Usted Internet con Frecuencia para conocer o adquirir productos?
a) Si b) No c) Indiferente
3.- ¿Crees que es más eficiente el uso de Internet para que las tiendas den a
conocer sus productos?
a) Si b) No c) Indiferente
4.- ¿Ha visitado alguna tienda online?
a) Si b) No c) Indiferente
5.- ¿Le gustaría que la visitará el público en general?
a) Si b) No c) Indiferente
6.- ¿Quisiera estar en contacto con la zapatería?
a) Si b) No c) Indiferente
7.- ¿Cree que sea factible para la zapatería la realización del sitio web?
81
a) Si b) No c) Indiferente
8.- ¿Le ahorraría dinero y tiempo visualizar los productos por medio de Internet?
a) Si b) No c) Indiferente
9.- ¿Le gustaría que la Zapatería contara con un Sitio en Internet donde diera a
conocer su calzado?
a) Si b) No c) Indiferente
10.- Opiniones:
__________________________________________________________________
__________________________________________________________________
__________________________________________________________________
Zapatería “TMC SHOES”, Te agradece la atención prestada para responder ésta
encuesta.
82
Anexo C
Cronograma
Tabla 4 Cronograma
NOMBRE DEL INFORME FECHA DE ENTREGA
Informe de la Fase de análisis 12 de enero de 2014
Informe de la Fase de Planificación 11 de Febrero de 2014
Informe de la Fase de Contenido 31 de Marzo de 2014
Informe de la Fase de Diseño 5 de Abril de 2014
Informe De la Fase de Programación 7 de Abril de 2014
Informe de la fase de Testeo 27 de Mayo de 2014
Informe de la fase de Mercadeo y
Publicidad
2 de Junio de 2014
Reporte Final del Proyecto 9 de Junio de 2014

Weitere ähnliche Inhalte

Was ist angesagt?

Proyecto Sociotecnológico 1
Proyecto Sociotecnológico 1Proyecto Sociotecnológico 1
Proyecto Sociotecnológico 1Maviola Pulido
 
8. tipos de auditoria en informatica
8.  tipos de  auditoria en informatica8.  tipos de  auditoria en informatica
8. tipos de auditoria en informaticaGemiunivo
 
POLÍTICA PÚBLICA PARA LA ADQUISICIÓN Y USO DEL HARDWARE EN LA ADMINISTRACIÓN ...
POLÍTICA PÚBLICA PARA LA ADQUISICIÓN Y USO DEL HARDWARE EN LA ADMINISTRACIÓN ...POLÍTICA PÚBLICA PARA LA ADQUISICIÓN Y USO DEL HARDWARE EN LA ADMINISTRACIÓN ...
POLÍTICA PÚBLICA PARA LA ADQUISICIÓN Y USO DEL HARDWARE EN LA ADMINISTRACIÓN ...Yesy Diaz
 
Unidad I El Proyecto Sociotecnológico como Núcleo Central del PNF INF
Unidad I El Proyecto Sociotecnológico como Núcleo Central del PNF INFUnidad I El Proyecto Sociotecnológico como Núcleo Central del PNF INF
Unidad I El Proyecto Sociotecnológico como Núcleo Central del PNF INFCarlos Macallums
 
Análisis SOBRE LA EXPERIENCIA DE ENSAMBLAJE DE HARDWARE EN VENEZUELA
Análisis SOBRE LA EXPERIENCIA DE ENSAMBLAJE DE HARDWARE EN VENEZUELAAnálisis SOBRE LA EXPERIENCIA DE ENSAMBLAJE DE HARDWARE EN VENEZUELA
Análisis SOBRE LA EXPERIENCIA DE ENSAMBLAJE DE HARDWARE EN VENEZUELAvictortyy
 
Proyecto sociotecnologico i completo
Proyecto sociotecnologico i completoProyecto sociotecnologico i completo
Proyecto sociotecnologico i completoDaniel Gomez
 
Garantia del software aplicativo
Garantia del software aplicativoGarantia del software aplicativo
Garantia del software aplicativoEvaluandoSoftware
 
Informe completo base de datos
Informe completo base de datosInforme completo base de datos
Informe completo base de datosricop88
 
Software libre
Software libreSoftware libre
Software librekyaalena
 
Esquema de particiones
Esquema de particionesEsquema de particiones
Esquema de particionesPnfi Unermb
 
Presentacion Análisis y diseño de sistemas
Presentacion Análisis y diseño de sistemasPresentacion Análisis y diseño de sistemas
Presentacion Análisis y diseño de sistemasNoelvins Laya
 
Organismos que apoyan la ejecucion de proyectos
Organismos que apoyan la ejecucion de proyectos Organismos que apoyan la ejecucion de proyectos
Organismos que apoyan la ejecucion de proyectos ElNegritoO
 
Alcance y planeacion protectos de software
Alcance y planeacion protectos de softwareAlcance y planeacion protectos de software
Alcance y planeacion protectos de softwareAlexi vidal
 
Planteamiento y ejecucion del mantenimiento preventivo y correctivo de la mic...
Planteamiento y ejecucion del mantenimiento preventivo y correctivo de la mic...Planteamiento y ejecucion del mantenimiento preventivo y correctivo de la mic...
Planteamiento y ejecucion del mantenimiento preventivo y correctivo de la mic...Rogelio N Cornejo
 
Taller de requerimientos funcionales modulo 10.2
Taller de requerimientos funcionales modulo 10.2Taller de requerimientos funcionales modulo 10.2
Taller de requerimientos funcionales modulo 10.2Javier Calderon
 
FORMATO PARA DICCIONARIO DE DATOS
FORMATO PARA DICCIONARIO DE DATOSFORMATO PARA DICCIONARIO DE DATOS
FORMATO PARA DICCIONARIO DE DATOSPilar Pardo Hidalgo
 

Was ist angesagt? (20)

Proyecto Sociotecnológico 1
Proyecto Sociotecnológico 1Proyecto Sociotecnológico 1
Proyecto Sociotecnológico 1
 
8. tipos de auditoria en informatica
8.  tipos de  auditoria en informatica8.  tipos de  auditoria en informatica
8. tipos de auditoria en informatica
 
POLÍTICA PÚBLICA PARA LA ADQUISICIÓN Y USO DEL HARDWARE EN LA ADMINISTRACIÓN ...
POLÍTICA PÚBLICA PARA LA ADQUISICIÓN Y USO DEL HARDWARE EN LA ADMINISTRACIÓN ...POLÍTICA PÚBLICA PARA LA ADQUISICIÓN Y USO DEL HARDWARE EN LA ADMINISTRACIÓN ...
POLÍTICA PÚBLICA PARA LA ADQUISICIÓN Y USO DEL HARDWARE EN LA ADMINISTRACIÓN ...
 
Unidad I El Proyecto Sociotecnológico como Núcleo Central del PNF INF
Unidad I El Proyecto Sociotecnológico como Núcleo Central del PNF INFUnidad I El Proyecto Sociotecnológico como Núcleo Central del PNF INF
Unidad I El Proyecto Sociotecnológico como Núcleo Central del PNF INF
 
Software cientifico
Software cientificoSoftware cientifico
Software cientifico
 
Checklist centro computo
Checklist centro computoChecklist centro computo
Checklist centro computo
 
Análisis SOBRE LA EXPERIENCIA DE ENSAMBLAJE DE HARDWARE EN VENEZUELA
Análisis SOBRE LA EXPERIENCIA DE ENSAMBLAJE DE HARDWARE EN VENEZUELAAnálisis SOBRE LA EXPERIENCIA DE ENSAMBLAJE DE HARDWARE EN VENEZUELA
Análisis SOBRE LA EXPERIENCIA DE ENSAMBLAJE DE HARDWARE EN VENEZUELA
 
Proyecto sociotecnologico i completo
Proyecto sociotecnologico i completoProyecto sociotecnologico i completo
Proyecto sociotecnologico i completo
 
358050855 planificacion-de-soporte-tecnico
358050855 planificacion-de-soporte-tecnico358050855 planificacion-de-soporte-tecnico
358050855 planificacion-de-soporte-tecnico
 
Garantia del software aplicativo
Garantia del software aplicativoGarantia del software aplicativo
Garantia del software aplicativo
 
Informe completo base de datos
Informe completo base de datosInforme completo base de datos
Informe completo base de datos
 
Seguridad sql server
Seguridad sql serverSeguridad sql server
Seguridad sql server
 
Software libre
Software libreSoftware libre
Software libre
 
Esquema de particiones
Esquema de particionesEsquema de particiones
Esquema de particiones
 
Presentacion Análisis y diseño de sistemas
Presentacion Análisis y diseño de sistemasPresentacion Análisis y diseño de sistemas
Presentacion Análisis y diseño de sistemas
 
Organismos que apoyan la ejecucion de proyectos
Organismos que apoyan la ejecucion de proyectos Organismos que apoyan la ejecucion de proyectos
Organismos que apoyan la ejecucion de proyectos
 
Alcance y planeacion protectos de software
Alcance y planeacion protectos de softwareAlcance y planeacion protectos de software
Alcance y planeacion protectos de software
 
Planteamiento y ejecucion del mantenimiento preventivo y correctivo de la mic...
Planteamiento y ejecucion del mantenimiento preventivo y correctivo de la mic...Planteamiento y ejecucion del mantenimiento preventivo y correctivo de la mic...
Planteamiento y ejecucion del mantenimiento preventivo y correctivo de la mic...
 
Taller de requerimientos funcionales modulo 10.2
Taller de requerimientos funcionales modulo 10.2Taller de requerimientos funcionales modulo 10.2
Taller de requerimientos funcionales modulo 10.2
 
FORMATO PARA DICCIONARIO DE DATOS
FORMATO PARA DICCIONARIO DE DATOSFORMATO PARA DICCIONARIO DE DATOS
FORMATO PARA DICCIONARIO DE DATOS
 

Andere mochten auch

Portafolio digital
Portafolio digital Portafolio digital
Portafolio digital escarlen_etc
 
Ejemplo Desarrollo Factibilidad Operativa
Ejemplo Desarrollo Factibilidad OperativaEjemplo Desarrollo Factibilidad Operativa
Ejemplo Desarrollo Factibilidad Operativatutor03770
 
Proyecto de software ii 2010
Proyecto de software ii 2010Proyecto de software ii 2010
Proyecto de software ii 2010Heisell Bermudez
 
Principales características de PostgreSQL
Principales características de PostgreSQLPrincipales características de PostgreSQL
Principales características de PostgreSQLDavid M. Martín García
 
Factibilidad administrativa y legal
Factibilidad administrativa y legalFactibilidad administrativa y legal
Factibilidad administrativa y legaltutor03770
 
Trabajo de investigació.“el efecto de los medios de comunicación y las redes ...
Trabajo de investigació.“el efecto de los medios de comunicación y las redes ...Trabajo de investigació.“el efecto de los medios de comunicación y las redes ...
Trabajo de investigació.“el efecto de los medios de comunicación y las redes ...manuelnunezserrano
 
Trabajo final calzado danny
Trabajo final calzado dannyTrabajo final calzado danny
Trabajo final calzado dannyGustavo Agudelo
 
4 guiones de entrevistas (prof roberto)
4 guiones de entrevistas (prof roberto)4 guiones de entrevistas (prof roberto)
4 guiones de entrevistas (prof roberto)Maria Vega
 

Andere mochten auch (14)

Portafolio digital
Portafolio digital Portafolio digital
Portafolio digital
 
Ejemplo Desarrollo Factibilidad Operativa
Ejemplo Desarrollo Factibilidad OperativaEjemplo Desarrollo Factibilidad Operativa
Ejemplo Desarrollo Factibilidad Operativa
 
Proyecto de software ii 2010
Proyecto de software ii 2010Proyecto de software ii 2010
Proyecto de software ii 2010
 
Principales características de PostgreSQL
Principales características de PostgreSQLPrincipales características de PostgreSQL
Principales características de PostgreSQL
 
Portal web para una institucion educativa
Portal web para una institucion educativa Portal web para una institucion educativa
Portal web para una institucion educativa
 
Factibilidad administrativa y legal
Factibilidad administrativa y legalFactibilidad administrativa y legal
Factibilidad administrativa y legal
 
Trabajo de investigació.“el efecto de los medios de comunicación y las redes ...
Trabajo de investigació.“el efecto de los medios de comunicación y las redes ...Trabajo de investigació.“el efecto de los medios de comunicación y las redes ...
Trabajo de investigació.“el efecto de los medios de comunicación y las redes ...
 
Factibilidad operativa
Factibilidad operativaFactibilidad operativa
Factibilidad operativa
 
Proyecto calzado.PDF
Proyecto calzado.PDFProyecto calzado.PDF
Proyecto calzado.PDF
 
Entrevista para admision de estudiantes nuevos jaial 2013
Entrevista para admision de estudiantes nuevos   jaial 2013Entrevista para admision de estudiantes nuevos   jaial 2013
Entrevista para admision de estudiantes nuevos jaial 2013
 
Rosalieonline
RosalieonlineRosalieonline
Rosalieonline
 
Trabajo final calzado danny
Trabajo final calzado dannyTrabajo final calzado danny
Trabajo final calzado danny
 
ENCUESTA PARA PADRES DE FAMILIA
ENCUESTA PARA PADRES DE FAMILIAENCUESTA PARA PADRES DE FAMILIA
ENCUESTA PARA PADRES DE FAMILIA
 
4 guiones de entrevistas (prof roberto)
4 guiones de entrevistas (prof roberto)4 guiones de entrevistas (prof roberto)
4 guiones de entrevistas (prof roberto)
 

Ähnlich wie Proyecto final-eq1

Plan de negocios para la creación de una empresa
Plan de negocios para la creación de una empresaPlan de negocios para la creación de una empresa
Plan de negocios para la creación de una empresaJuan Anaya
 
Anteproyeto anyelina lebron
Anteproyeto anyelina lebronAnteproyeto anyelina lebron
Anteproyeto anyelina lebronedwina260981
 
Ecosistema del turismo red: modelo de la abundancia e innovación en las Islas...
Ecosistema del turismo red: modelo de la abundancia e innovación en las Islas...Ecosistema del turismo red: modelo de la abundancia e innovación en las Islas...
Ecosistema del turismo red: modelo de la abundancia e innovación en las Islas...eduwilliam
 
Panaderia alex (daisy loera's conflicted copy 2019 11-25 1) (1)
Panaderia alex (daisy loera's conflicted copy 2019 11-25 1) (1)Panaderia alex (daisy loera's conflicted copy 2019 11-25 1) (1)
Panaderia alex (daisy loera's conflicted copy 2019 11-25 1) (1)manuelNuez61
 
Proyecto caja piura
Proyecto caja piuraProyecto caja piura
Proyecto caja piuraJose
 
Proyecto. sig 7x
Proyecto. sig 7xProyecto. sig 7x
Proyecto. sig 7xAlexander
 
Proyecto de costos password removed
Proyecto de costos password removedProyecto de costos password removed
Proyecto de costos password removedDorance Morales
 
Blockchain: casos de uso en turismo
Blockchain: casos de uso en turismoBlockchain: casos de uso en turismo
Blockchain: casos de uso en turismoInvattur
 
El_ciclo_de_la_transformacion_digital_preview.pdf
El_ciclo_de_la_transformacion_digital_preview.pdfEl_ciclo_de_la_transformacion_digital_preview.pdf
El_ciclo_de_la_transformacion_digital_preview.pdfRUTHROSMERYAGUILARTI
 
Proyecto caja piura
Proyecto caja piuraProyecto caja piura
Proyecto caja piuraJose
 
Proyecto investigacion-sitio web bic 23
Proyecto investigacion-sitio web bic 23Proyecto investigacion-sitio web bic 23
Proyecto investigacion-sitio web bic 23Mary Martínez Morales
 
Terminado pis grande
Terminado pis grandeTerminado pis grande
Terminado pis grandeMAGIC231
 
Proyecto cobao
Proyecto cobaoProyecto cobao
Proyecto cobaoYara Anota
 

Ähnlich wie Proyecto final-eq1 (20)

Plan de negocios para la creación de una empresa
Plan de negocios para la creación de una empresaPlan de negocios para la creación de una empresa
Plan de negocios para la creación de una empresa
 
la-investigacion-de-mercados.pdf
la-investigacion-de-mercados.pdfla-investigacion-de-mercados.pdf
la-investigacion-de-mercados.pdf
 
Proyect tronix
Proyect tronixProyect tronix
Proyect tronix
 
INSIGHT BRAND
INSIGHT BRANDINSIGHT BRAND
INSIGHT BRAND
 
Anteproyeto anyelina lebron
Anteproyeto anyelina lebronAnteproyeto anyelina lebron
Anteproyeto anyelina lebron
 
Ecosistema del turismo red: modelo de la abundancia e innovación en las Islas...
Ecosistema del turismo red: modelo de la abundancia e innovación en las Islas...Ecosistema del turismo red: modelo de la abundancia e innovación en las Islas...
Ecosistema del turismo red: modelo de la abundancia e innovación en las Islas...
 
Tesis_sist._gerencial
  Tesis_sist._gerencial  Tesis_sist._gerencial
Tesis_sist._gerencial
 
Panaderia alex (daisy loera's conflicted copy 2019 11-25 1) (1)
Panaderia alex (daisy loera's conflicted copy 2019 11-25 1) (1)Panaderia alex (daisy loera's conflicted copy 2019 11-25 1) (1)
Panaderia alex (daisy loera's conflicted copy 2019 11-25 1) (1)
 
Proyecto caja piura
Proyecto caja piuraProyecto caja piura
Proyecto caja piura
 
Proyecto. sig 7x
Proyecto. sig 7xProyecto. sig 7x
Proyecto. sig 7x
 
PROYECTO FINAL
PROYECTO FINALPROYECTO FINAL
PROYECTO FINAL
 
Proyecto de costos password removed
Proyecto de costos password removedProyecto de costos password removed
Proyecto de costos password removed
 
Blockchain: casos de uso en turismo
Blockchain: casos de uso en turismoBlockchain: casos de uso en turismo
Blockchain: casos de uso en turismo
 
El_ciclo_de_la_transformacion_digital_preview.pdf
El_ciclo_de_la_transformacion_digital_preview.pdfEl_ciclo_de_la_transformacion_digital_preview.pdf
El_ciclo_de_la_transformacion_digital_preview.pdf
 
Proyecto caja piura
Proyecto caja piuraProyecto caja piura
Proyecto caja piura
 
Proyecto investigacion-sitio web bic 23
Proyecto investigacion-sitio web bic 23Proyecto investigacion-sitio web bic 23
Proyecto investigacion-sitio web bic 23
 
Terminado pis grande
Terminado pis grandeTerminado pis grande
Terminado pis grande
 
Proyecto cobao
Proyecto cobaoProyecto cobao
Proyecto cobao
 
Liderato
LideratoLiderato
Liderato
 
Comprobantes de pago
Comprobantes de pagoComprobantes de pago
Comprobantes de pago
 

Mehr von Helena Pérez Calderón (13)

Equipo1
Equipo1Equipo1
Equipo1
 
Proyecto final
Proyecto finalProyecto final
Proyecto final
 
Contrato des-pag-web-2
Contrato des-pag-web-2Contrato des-pag-web-2
Contrato des-pag-web-2
 
Propuesta
PropuestaPropuesta
Propuesta
 
Mandato del proyecto1.2
Mandato del proyecto1.2Mandato del proyecto1.2
Mandato del proyecto1.2
 
Coti-Empresa-Presentacion
Coti-Empresa-PresentacionCoti-Empresa-Presentacion
Coti-Empresa-Presentacion
 
Slidectics4
Slidectics4Slidectics4
Slidectics4
 
Analisis Eq1
Analisis Eq1Analisis Eq1
Analisis Eq1
 
5 Razones
5 Razones5 Razones
5 Razones
 
Dramatización Dialogo
Dramatización DialogoDramatización Dialogo
Dramatización Dialogo
 
Reporte debate
Reporte debateReporte debate
Reporte debate
 
Evidencias Isai
Evidencias IsaiEvidencias Isai
Evidencias Isai
 
Ensayo
EnsayoEnsayo
Ensayo
 

Proyecto final-eq1

  • 1. I INSTITUTO TECNOLÓGICO de Tuxtepec “Desarrollo e Implementación de un Sitio Web para la Zapatería TMC Shoes de San Juan Bautista Tuxtepec, Oaxaca” PROYECTO DE INVESTIGACIÓN PRESENTAN: ASESOR: L.I. MARÍA DE LOS ÁNGELES MARTÍNEZ MORALES Tuxtepec, Oaxaca 05 DE MAYO DEL 2014 S.E.P D.G.E.S.T S.N.E.S.T Acevedo Teodoro Vanessa Meneses Miguel Elizabeth Pérez Calderón Laura Elena
  • 2. II
  • 3. III RESUMEN El presente proyecto ha sido elaborado para realizar un sitio web a la empresa “TMC SHOES” con la finalidad que la empresa crezca en el mercado electrónico. Se apoyó en las bases teóricas y en referencias bibliográficas, como de las técnicas de recolección de datos de las cuales fueron utilizadas como por ejemplo las encuestas y entrevistas, que se realizaron a una determinada población, y al personal que trabaja en la empresa, éstas fueron analizadas para tener el conocimiento de que tanto los habitantes estarían dispuestos a utilizar el sitio web de la zapatería y a los trabajadores para saber sus habilidades con las tecnologías y si tendrían que estar capacitados. Una razón que motiva la realización de este proyecto, es precisamente el limitado impacto de las nuevas tecnologías, el sitio web sirve como escenario de la construcción de un soporte conceptual de algunas técnicas y un recurso para apoyar la enseñanza de las ciencias en edades tempranas. Particularmente, como marco para la formación a personas de todas las edades, estará diseñado para niños, adolescentes, adultos y toda persona que tenga conocimiento de usar una computadora. La función principal de este proyecto es promover a que la empresa se distribuya por medio del sitio web y su producto sea conocido, se puede atender a los clientes y solucionar dudas y resolver problemas. Es por eso que en los últimos años todas las empresas se han visto en la necesidad de implementar un sitio web para un mejor confort con sus clientes y estos pueden obtener información confiable, segura y la empresa sea beneficiada, generando ingresos económicos por medio de la publicidad. El objetivo de este proyecto es desarrollar e implementar un sitio web para la zapatería “TMC SHOES” para mejor difusión en el municipio de San Juan Bautista, Tuxtepec Oaxaca.
  • 4. IV CONTENIDO RESUMEN ............................................................................................................. III Índice De Tablas ..................................................................................................VIII Índice De Ilustraciones .........................................................................................VIII INTRODUCCIÓN .................................................................................................. 10 ANTECEDENTES ................................................................................................. 13 FUNDAMENTACIÓN Y FORMULACIÓN DEL PROBLEMA................................. 14 Planteamiento Del Problema ............................................................................. 14 Pregunta De Investigación................................................................................. 14 OBJETIVOS .......................................................................................................... 15 Objetivo General................................................................................................ 15 Objetivos Específicos ........................................................................................ 15 JUSTIFICACIÓN ................................................................................................... 16 Impacto Social ................................................................................................... 16 Impacto Económico ........................................................................................... 17 Impacto Tecnológico.......................................................................................... 17 Impacto Ambiental............................................................................................. 17 FUNDAMENTACIÓN Y FORMULACIÓN DE LAS HIPÓTESIS............................ 18 Hipótesis ........................................................................................................ 18 Hipótesis Nula................................................................................................ 18 Identificación Y Clasificación De Las Variables ................................................. 18 Identificación De Las Variables...................................................................... 18 DELIMITACIÓN..................................................................................................... 20 Alcances ............................................................................................................ 20
  • 5. V Limitaciones....................................................................................................... 20 ANÁLISIS DE FUNDAMENTOS............................................................................ 21 1. INTERNET ........................................................................................................ 21 1.1 Protocolos De Internet ................................................................................. 21 1.2 Navegadores ............................................................................................... 21 1.2.1 Funcionamiento De Los Navegadores .................................................. 22 1.2.2 Ejemplo De Navegadores Web ............................................................. 22 2. APLICACIONES WEB....................................................................................... 23 2.1 Interfaz......................................................................................................... 23 2.2 El Servidor ................................................................................................... 24 3. ARQUITECTURA CLIENTE/SERVIDOR .......................................................... 25 3.1 Características............................................................................................. 25 3.2 Ventajas....................................................................................................... 26 3.3 Desventajas................................................................................................. 26 4. BASE DE DATOS ............................................................................................. 27 4.1 Tipos De Bases De Datos............................................................................ 27 4.1.1 Bases De Datos Estáticas..................................................................... 28 4.1.2 Bases De Datos Dinámicas................................................................... 28 4.2 Modelos De Bases De Datos....................................................................... 28 4.2.1. Bases De Datos De Red ...................................................................... 28 4.2.2. Bases De Datos Relacionales.............................................................. 28 4.2.3. Bases De Datos Orientadas A Objetos. ............................................... 28 4.3 SGBD........................................................................................................... 29 5. METODOLOGÍA PARA LA CREACIÓN DE SITIOS WEB................................ 30
  • 6. VI 5.1 Análisis ........................................................................................................ 30 5.2 Planificación................................................................................................. 31 5.3 Contenido .................................................................................................... 32 5.4 Diseño.......................................................................................................... 32 5.5 Programación .............................................................................................. 33 5.6 Testeo.......................................................................................................... 34 5.7 Mercadeo Y Publicidad................................................................................ 35 6. HTML................................................................................................................. 36 6.1. Definición.................................................................................................... 36 6.2. Historia........................................................................................................ 36 6.3. Elementos................................................................................................... 37 6.4. Estructura De Una Página Web.................................................................. 37 7. PHP................................................................................................................... 39 7.1. Historia........................................................................................................ 39 7.2. Sintaxis ....................................................................................................... 39 7.3. Características De Php............................................................................... 40 8. MYSQL.............................................................................................................. 41 8.1. Definición.................................................................................................... 41 8.2 Características............................................................................................. 41 8.3 Aplicaciones................................................................................................. 42 9. MULTIMEDIA .................................................................................................... 43 9.1 Dreamweaver .............................................................................................. 43 9.1.1 Funcionalidad........................................................................................ 43 9.1.2 Ventajas ................................................................................................ 44
  • 7. VII 10. WAMPSERVER .............................................................................................. 45 10.1 Características........................................................................................... 45 10.2 Utilidad....................................................................................................... 45 10.3 Funcionalidad ............................................................................................ 45 11. FILEZILLA ....................................................................................................... 47 11.1 Características........................................................................................... 47 11.2 Ventajas..................................................................................................... 47 11.3 Desventajas............................................................................................... 48 PROCEDIMIENTO O MÉTODO............................................................................ 49 Enfoque Dela Investigación ............................................................................... 49 Alcance De La Investigación.............................................................................. 49 Tipo De Investigación ........................................................................................ 49 Diseño De La Investigación ............................................................................... 49 Unidad De Análisis ............................................................................................ 50 Muestra.............................................................................................................. 50 Técnicas Y Elementos De Recolección De Datos ............................................. 52 Factibilidad Operativa ........................................................................................ 53 Factibilidad Técnica ........................................................................................... 53 Factibilidad Económica...................................................................................... 54 Desarrollo Del Sitio Web.................................................................................... 55 Análisis De Resultados ......................................................................................... 67 CONCLUSIONES Y RECOMENDACIONES ........................................................ 73 Conclusiones ..................................................................................................... 73 Recomendaciones............................................................................................. 74
  • 8. VIII REFERENCIAS BIBLIOGRÁFICAS...................................................................... 75 ANEXOS ............................................................................................................... 78 Anexo A ............................................................................................................. 78 Anexo B ............................................................................................................. 80 Anexo C............................................................................................................. 82 Índice De Tablas Tabla 1 Identificación de las Variables .................................................................. 18 Tabla 2. Definición Operacional de Variables........................................................ 19 Tabla 3 Hardware y software................................................................................. 53 Tabla 4 Cronograma ............................................................................................. 82 Índice De Ilustraciones Ilustración 1 Cálculo de La Muestra ...................................................................... 51 Ilustración 2 Prototipo de Sitio web ....................................................................... 55 Ilustración 3 Prototipo 2 del Sitio Web................................................................... 56 Ilustración 4 Editor de Código de Macromedia Dreamweaver............................... 57 Ilustración 5 Editor Gráfico de Macromedia Dreamweaver ................................... 57 Ilustración 6 Mozilla Firefox - Galería.................................................................... 58 Ilustración 7 Mozilla Firefox - Galería Selección.................................................... 59 Ilustración 8 Mozilla Firefox - Nuestro Equipo ....................................................... 59 Ilustración 9 Mozilla Firefox - Nuestros Servicios.................................................. 60 Ilustración 10 Mozilla Firefox - Contáctanos.......................................................... 60
  • 9. IX Ilustración 11 Internet Explorer - Galería............................................................... 61 Ilustración 12 Internet Explorer - Nuestro Equipo.................................................. 61 Ilustración 13 Internet Explorer - Nuestros Servicios............................................. 62 Ilustración 14 Internet Explorer - Contactanos ...................................................... 62 Ilustración 15 Google Chrome - Galería................................................................ 63 Ilustración 16 Google Chrome - Nuestro Equipo................................................... 63 Ilustración 17 Google Chrome - Nuestros Servicios.............................................. 64 Ilustración 18 Google Chrome - Contáctanos........................................................ 64 Ilustración 19 WampServer - Localhost................................................................. 65 Ilustración 20 Php MyAdmin - Tabla...................................................................... 65 Ilustración 21 Tabla - Consulta.............................................................................. 66 Ilustración 22 Medio de Difusión - Resultados ...................................................... 67 Ilustración 23 Uso de Internet - Resultados .......................................................... 68 Ilustración 24 Internet como medio de Difusión - Resultados ............................... 68 Ilustración 25 Aceptación del Sitio Web - Resultados ........................................... 69 Ilustración 26 Proyección del Sitio web - Resultados............................................ 69 Ilustración 27 Interés del Público - Resultados...................................................... 70 Ilustración 28 Factibilidad del Sitio web - Resultados............................................ 70 Ilustración 29 Percepción del Sitio Web - Resultados........................................... 71 Ilustración 30 Impacto del Sitio Web - Resultados ................................................ 71
  • 10. 10 INTRODUCCIÓN La Zapatería TMC Shoes, nace con el objetivo de preservar el patrimonio familiar, y para alcanzarlo centra su actividad en la venta de calzado en la región de Tuxtepec Oaxaca, y quiere hacer uso de las tecnologías de la información para aumentar su mercado de ventas y alcanzar sus objetivos. Por esta razón ha decidido migrar su servicio a un entorno web que le permita; a sus usuarios y colaboradores, acceder a ellos en la red. El proyecto se encuentra estructurado de la siguiente manera: consta de la introducción, la cual abarca, antecedentes y planteamiento del problema, que no es más que la situación actual de la investigación a realizar, también abarca, los objetivos tanto general como específicos, justificación la cual abarca los impactos que la elaboración del sitio web tiene social, económica, tecnológica y ambientalmente, la formulación de hipótesis, donde se identifican y clasifican las variables, las delimitación, que son los alcances y limitaciones que tiene el sitio web. El siguiente apartado, consta del fundamento teórico, que son aquellos estudios, trabajos de grado o tesis realizados por autores, donde se plantean una breve síntesis de los conceptos más usados en el proyecto, que inicia con el Tema Internet, en donde se explica que es, cual es el protocolo que utiliza y cómo es posible acceder a él mediante navegadores exponiendo una lista de los navegadores más usados actualmente. Definimos lo que es una Aplicación Web y sus principales propiedades que permiten su funcionamiento e interacción para el usuario como la Interfaz y el Servidor; el cual da pauta a exponer las características, ventajas y desventajas de la Arquitectura Cliente/servidor que es la que se utiliza para la interacción con las páginas web, posteriormente abordamos el tema de Base de Datos que al igual que la arquitectura cliente/servidor es esencial al cargar un sitio web al servidor de Internet, en este tema damos una pequeña vista de los tipos y modelos, para proseguir con la explicación de los Sistemas Gestores de Bases de Datos.
  • 11. 11 El Tema siguiente muestra la metodología en la cual nos basamos para la elaboración del Sitio Web, explicando cada una de sus fases y actividades a realizar en ellas, iniciando en la fase de análisis, para continuar con la fase de Planificación, Contenido, Diseño, Programación, Testeo y Mercadeo y Publicidad. En el tema de HTML pasamos por su definición e Historia que nos dan una vista de cómo se inició la elaboración de páginas dinámicas a través de este código de hipertexto, además que se enlistan sus elementos y se muestra como está estructurada básicamente una página web, el siguiente lenguaje que se expone es PHP, en donde del mismo modo que con HTML tenemos la historia, además de la Sintaxis y finalizando con sus características. En el apartado de MySQL hablamos de este servidor de Bases de Datos mencionando sus características y las aplicaciones que se le dan a esta útil herramienta, en el siguiente apartado listamos las herramientas multimedia que se utilizaron en la elaboración del sitio web como lo es el editor de código PHP y HTML Dreamweaver, haciendo énfasis en su funcionalidad y las ventajas que ofrece. Posteriormente hablamos del entorno de desarrollo web WampServer que nos ofrece diversas características, explicamos su utilidad y funcionalidad. En el último Tema hablamos del software Filezilla que se utiliza para cargar archivos a un servidor en web, por medio de transferencia FTP, el cual también ofrece diversas características y ventajas. Después sigue el capítulo de procedimiento o métodos, es donde presenta el tipo de investigación, su diseño y la metodología desarrollada para sitio web. En los últimos puntos se presentan las conclusiones, fuentes consultadas y anexos. A lo largo del protocolo de investigación se exponen los objetivos principales y en base a esta informacion se realiza el estudio de factibilidad, y se presenta la solución que se considera más adecuada para la ejecución del proyecto. El uso de las
  • 12. 12 Tecnologías de la información contribuirá a la mejora de la difusión de la Zapatería y ayudará a aumentar la audiencia que tenga acceso a los productos que ofrece. Aprovechando el ambiente cultural de nuestro tiempo, marcado por la tecnología e informática, hemos emprendido la tara de diseñar e implementar un sitio web, que muestre la informacion de la empresa y el calzado con el que cuenta, de una forma más llamativa para los clientes potenciales y la audiencia en general. Además también de fomentar el uso de las TIC como medio para agilizar la difusión y crecimiento mercantil de la empresa.
  • 13. 13 ANTECEDENTES La zapatería “TMC SHOES” es una empresa Fundada en el año de 1992 como un negocio familiar de comercio de calzado, no muy reconocida ya que solo cuenta con ventas por medio físico en la ciudad de san juan bautista Tuxtepec, Oaxaca ubicado en la colonia centro entre matamoros 5 de mayo y 20 de noviembre. Con medida a como fue creciendo el mercado sus ventas se fueron disminuyendo y se hizo necesario contar con medios de difusión impresos como volantes, siendo que aun así, son muy bajas sus ventas a causa del medio de difusión y por lo tanto no ha logrado ser de los establecimientos más reconocidos en la región; teniendo así pérdida de ventas, por ahora solo cuenta con ventas por medio de teléfono y eso hace al cliente más difícil de visualizar el calzado el cual está adquiriendo. También ha intentado crecer de acuerdo a las Tecnologías, contratando un Servicio de Telefonía con acceso a internet, el cual no ha aprovechado a su máximo potencial, continuando solamente actualizando la propaganda impresa con la que se ha apoyado, a lo largo de los años.
  • 14. 14 FUNDAMENTACIÓN Y FORMULACIÓN DEL PROBLEMA Planteamiento Del Problema La zapatería TMC SHOES posee más de 15 años en el mercado, ubicado en San Juan Bautista Tuxtepec, Oaxaca. En la colonia centro avenida 5 de mayo y 20 de noviembre no cuenta con ningún medio publicitario interactivo, para dar a conocer su producto. Esta empresa solo cuenta con un medio de promoción que es la distribución de calzado de forma directa con el cliente, por lo que esta estrategia no ha sido suficiente para incrementar las ventas y aumentar el número de clientes. Parte del problema existente es en cuento a mejora la comunicación entre empresa y cliente por lo que la información es transmitida por llamadas telefónicas ya que resulta una explicación muy escasa y confusa al no tener un apoyo visual. Pregunta De Investigación ¿Cuál es el medio de comunicación y difusión más efectiva para la promoción del calzado de la zapatería TMC SHOES?
  • 15. 15 OBJETIVOS Objetivo General Implementar un sitio web para la zapatería “TMC SHOES” ubicada en el municipio de San Juan Bautista, Tuxtepec Oaxaca, con el propósito de dar a conocer los productos a la sociedad en general. Objetivos Específicos  Identificar los requerimientos necesarios para el desarrollo del sitio web.  Analizar la información básica de comunicación que permita su cualificación.  Diseñar la estructura de un sitio web.  Desarrollar un sitio web mediante la herramienta Dreamweaver que permita mejorar la comunicación interactiva.  Dar a conocer las características del personal, producto y la organización de la zapatería.  Implantar el sitio web como medio de difusión para proporcionar los productos.
  • 16. 16 JUSTIFICACIÓN El uso de nuevas tecnologías de comunicación permite una interacción más asertiva entre las empresas y sus clientes en este caso la zapatería “TCM SHOES” ubicada en el municipio de Tuxtepec Oaxaca, se beneficiaría de poseer un vínculo electrónico, como lo es la página web, dando una mayor accesibilidad de mercancías actuales, referentes a la compra venta de calzado, fortaleciéndose e innovando la imagen del mismo, permitiendo un mayor alcance y presencia en Internet. Se minimizaría costos operativos referentes a la publicación de propaganda; ya que no será necesario realizar impresiones, con lo que se acapararía recursos e insumos que comúnmente se utilizan para tal fin. En la comunidad se podrá disponer a través de una página web, información acerca de los productos de forma rápida y ágil. Impacto Social La sociedad es un factor muy importante para cualquier empresa es por ello que se requiere desarrollar un sitio web en la zapatería, para poder mejorar la manera de dar a conocer sus productos ante la comunidad, y así tener conocimiento sobre los productos existentes en la empresa; estos tendrán debidamente sus precios establecidos. Será muy fácil tener acceso a él ya que con el uso de las tecnologías y el internet es más fácil que visiten la página frecuentemente. Mediante la página web también se pretende adquirir mayor demanda y así poder tener recursos suficientes para poder realizar sucursales en diferentes áreas de la región.
  • 17. 17 Impacto Económico Al ser desarrollado el sitio web, la empresa ganara; pretende mejorar su economía es decir tendrá menos gastos con la publicidad de propaganda de la empresa ya que no será necesario realizar impresiones sobre folletos o lonas para dar a conocer los productos de la zapatería. El medio de difusión le ahorraría muchos gastos, y así mediante la página obtendrían más beneficios rápidos. Impacto Tecnológico Por medio del sitio web, la zapatería “TMC Shoes” hará uso de las TIC, ya que a través del uso de internet, el cliente podrá, con un clic acceder a los catálogos, videos y álbumes, para conocer así la variedad de diseños y costos que ofrece su establecimiento sin necesidad de visitar el lugar. Con ello el cliente será capaz de conocer mejor la trayectoria, así como también la misión y visión de la zapatería sin preguntar de forma directa al dueño. Podrá también desde la comodidad de su hogar, consultar la existencia de los productos por medio de la información de contacto que se le proporcionara en el sitio. La implementación del sitio web busca así facilitar al cliente la forma de conocer para adquirir el producto del modelo y características de su preferencia, en las instalaciones de la tienda. Impacto Ambiental El impacto que este proyecto pretende tener en el ambiente, es claramente positivo, ya que con el desarrollo de éste, se busca a mediano plazo lograr disminuir la producción de propaganda impresa, para evitar así, que ésta sea desechada y no sea reciclada debidamente, se podrá disminuir la contaminación visual que es hoy en día un grave problema en la ciudad, y se verá como parte de un plan de conservación de los árboles, ya que con ellos es elaborado el papel, que se utiliza en la propaganda impresa, y también, disminuir la contaminación de los ríos aledaños, ya que como sabemos, toda esta propaganda impresa, termina en las causes de los ríos, provocando así, contaminación.
  • 18. 18 FUNDAMENTACIÓN Y FORMULACIÓN DE LAS HIPÓTESIS Hipótesis La implementación de un sitio web para la zapatería “TMC Shoes”, aumentara la proyección y difusión mercantil e incrementará el número de clientes y ventas. Hipótesis Nula La implementación de un sitio web para la zapatería “TMC Shoes”, no aumentara la proyección y difusión mercantil ni incrementará el número de clientes y ventas. Identificación Y Clasificación De Las Variables Identificación De Las Variables Tabla 1 Identificación de las Variables Variable independiente Variable Dependiente La implementación de un sitio web para la zapatería “TMC Shoes”  Aumentará la proyección y difusión mercantil  Incrementará el número de clientes y ventas. Definición Conceptual De Las Variables  Implementación: Es la realización de una especificación técnica o algoritmos como un programa, componente software, u otro sistema de cómputo.  Sitio web: Es un gran espacio documental organizado que la mayoría de las veces está típicamente dedicado a algún tema particular o propósito específico.  Difusión: Proceso de propagación o divulgación de conocimientos, noticias, actitudes, costumbres, modas, etc.
  • 19. 19  Incrementar: Hace referencia a dar mayor extensión, número o materia a algo. También se utiliza este concepto para adelantar o mejorar conveniencias, empleos o riquezas. Definición Operacional (indicadores) Tabla 2. Definición Operacional de Variables Variable independiente Variable Dependiente La implementación de un sitio web para la zapatería “TMC Shoes”  Aumentará la proyección y difusión mercantil  Incrementará el número de clientes y ventas. Indicadores Indicadores  Factible como Herramienta de Comercio Electrónico  Intuitivo y de fácil navegación.  Eficaz como Medio de promoción.
  • 20. 20 DELIMITACIÓN Alcances El sitio Web podrá llevar a Cabo las Siguientes Actividades:  Muestra una Galería de Fotos del Calzado disponible en el Establecimiento  Proporciona una breve descripción sobre El equipo de trabajo.  Muestra Información sobre los servicios que ofrece la Zapatería al momento de visitarla en su dirección.  Cuenta con un formulario de llenado que permite dejar comentarios y observaciones que serán revisadas por el administrador del sitio.  Proporciona información de contacto con los creadores del sitio web. Limitaciones El sitio web no realiza las siguientes funciones:  No es capaz de generar estadísticas.  No cuenta con un formulario destinado a realizar ventas, o pedidos.  No contiene un formulario de llenado para registro de clientes.  El sitio solo funcionará de forma local.
  • 21. 21 ANÁLISIS DE FUNDAMENTOS 1. INTERNET (Roberts, 2011, pág. 49) Es una red universal informática de comunicación que permite el intercambio de todo tipo de información entre sus usuarios para compartir recursos. Es decir mediante las computadoras se establece una comunicación inmediata en cualquier parte del mundo para obtener información o datos sobre algo en particular que le interesa al usuario, ya sea sobre temas de investigación, académicos o personales, este es un vínculo comunicativo que se establece por millones de personas. 1.1 Protocolos De Internet (Roberts, 2011, pág. 51) Son una variedad de protocolos de red diseñados para enlazar vía internet y permitir la entrega de datos entre redes de computadoras, no importando el sistema operativo en que s este ejecutando ni el tipo de computadora que se esté utilizando. Existen varios protocolos pero entre los que más se destacan son:  TCP/IP: que son un protocolo de control de transmisión y protocolo de internet, son los más utilizados.  HTTP: Es el que se utiliza para acceder a una página web.  FTP: Utilizado para transferencia de archivos 1.2 Navegadores (Roberts, 2011, pág. 52) La búsqueda de enlaces de una página a otra, ubicada en cualquier computadora conectada a Internet, se llama navegación, es de donde se origina el nombre navegador (aplicado tanto para el programa como para la persona que lo utiliza, a la cual también se le llama cibernauta). Los navegadores son un software que permite acceder a internet, explicando la información de archivos, permite la visualización de documentos de texto, sitios web y hacer actividades en
  • 22. 22 ella, es decir se puede enlazar de un sitio a otro, enviar y recibir correo entre otras cosas distintas. Los navegadores son para que a la información que accede puedan ser leídos, comprendidos y utilizados por los usuarios. 1.2.1 Funcionamiento De Los Navegadores (Roberts, 2011, pág. 52) La función principal del navegador es descargar documentos HTML y mostrarlos en pantalla. Hoy en día, no solamente descargan este tipo de documentos sino que muestran con el documento sus imágenes, sonidos, en diferentes formatos y protocolos. Además, permiten almacenar la información en el disco o crear marcadores de las páginas más visitadas. Los primeros navegadores web sólo soportaban una versión muy simple de HTML. Los estándares web son un conjunto de recomendaciones dadas por el “www” y otras organizaciones internacionales acercan de cómo crear e interpretar documentos basados en la web. Su objetivo es crear una web que trabaje mejor para todos, con sitios accesibles a más personas y que funcionen en cualquier dispositivo de acceso a Internet. 1.2.2 Ejemplo De Navegadores Web (Roberts, 2011, pág. 53)Existe varios tipos de navegadores, pero los más destacados son los que se muestran a continuación:  Safari  Google Chrome  Opera  Internet Explorer  Mozilla Firefox
  • 23. 23 2. APLICACIONES WEB (Cobo, Gómez, Pérez, & Rocha, 2005, pág. 23) Son herramientas que los usuarios pueden utilizar mediante un servidor web a través de internet, mediante un navegador, se realiza en lenguajes soportados por los navegadores web. Contiene elementos que permite una comunicación activa entre los usuarios y la información, esto permite que los usuarios puedan acceder de modo interactivo, ya que la página responderá a cada una de las acciones de los usuarios, como por ejemplos rellenar y enviar formularios, participar en juegos, acceder a base de datos, etc. Generan una serie de páginas en un formato estándar, como HTML o XHTML, soportados por los navegadores web comunes. (Hanke, 2011, pág. 45) Se utilizan lenguajes interpretados, tales como JavaScript, Java, Flash, etc., para añadir elementos dinámicos a la interfaz de usuario. Generalmente cada página web en particular se envía al cliente como un documento estático, pero la secuencia de páginas ofrece al usuario una experiencia interactiva. Durante la sesión, el navegador web interpreta y muestra en pantalla las páginas, actuando como cliente para cualquier aplicación web. Se una buena forma para su mejor visualización 2.1 Interfaz (Hanke, 2011, pág. 57) Las interfaces web tienen algunas limitaciones en las funcionalidades que se ofrecen al usuario. Hay funcionalidades comunes en las aplicaciones de escritorio como dibujar en la pantalla o arrastrar y soltar que no están soportadas por las tecnologías web estándar. Los desarrolladores web generalmente utilizan lenguajes interpretados (scripts) en el lado del cliente para añadir más funcionalidades, especialmente para ofrecer una experiencia interactiva que no requiera recargar la página cada vez. La interfaz gracia de usuario, consiste en proporcionar un entorno visual sencillo para permitir la comunicación con el sistema operativo de una máquina o computador.
  • 24. 24 2.2 El Servidor (Quijado, 2010, pág. 57) Un servidor es software que realiza tareas específicas en nombre de los usuarios, sirve información a los ordenadores que se conecten a él, cuando los usuarios se conectan a un servidor pueden acceder a programas, archivos y otra información del servidor. En la web, un servidor web es un ordenador que usa el protocolo http para enviar páginas web al ordenador de un usuario cuando el usuario las solicita. Los servidores web, servidores de correo y servidores de bases de datos son a lo que tiene acceso la mayoría de la gente al usar Internet. Algunos servidores manejan solamente correo o solamente archivos, mientras que otros hacen más de un trabajo, ya que un mismo ordenador puede tener diferentes programas de servidor funcionando al mismo tiempo.
  • 25. 25 3. ARQUITECTURA CLIENTE/SERVIDOR (Conolly T. , 2010, pág. 35) Es un modelo de aplicaciones en donde las tareas se reparten entre los proveedores de recursos y servicios estos son los servidores, y los demandantes que son los clientes, consiste principalmente en un cliente que realiza peticiones a otro programa que es el servidor, que le da respuesta. La separación entre cliente y servidor es una separación de tipo lógico, donde el servidor no se ejecuta sobre una sola máquina en un sólo programa. Una disposición muy común son los sistemas multicapa en los que el servidor se descompone en diferentes programas que pueden ser ejecutados por diferentes computadoras aumentando así el grado de distribución del sistema. (Conolly T. , 2010, pág. 36) La red cliente-servidor es una red de comunicaciones en la cual los clientes están conectados a un servidor, en el que se agrupan los diversos recursos y aplicaciones con que se cuenta, y que los pone a disposición de los clientes cada vez que estos son solicitados. Esto significa que todas las gestiones que se realizan se concentran en el servidor, de manera que en él se disponen los requerimientos de los clientes. 3.1 Características (Conolly T. , 2010, pág. 42) Una de las principales contribuciones de esta arquitectura a los sistemas de información, es la interfaz gráfica de usuario. Gracias a ella se dispone de un manejo más fácil de las aplicaciones mediante el uso de un dispositivo tipo ratón. En esta arquitectura los datos se presentan, editan y validan en la parte de la aplicación cliente. En cuanto a los datos, cabe señalar que en la arquitectura cliente/servidor se evitan las duplicidades (copias y comparaciones de datos), teniendo siempre una imagen única y correcta de los mismos, disponible en línea para su uso inmediato. Todo esto tiene como fin que el usuario de un sistema de información soportado por una arquitectura cliente/servidor, trabaje desde su trabajo con distintos datos y aplicaciones.
  • 26. 26 3.2 Ventajas (López Quijado, 2007, pág. 89)  Centralización del control: es decir, los accesos, recursos y la integridad de los datos son controlados por el servidor de forma que un programa cliente defectuoso o no autorizado no pueda dañar el sistema.  Escalabilidad: se puede aumentar la capacidad de clientes y servidores por separado. Cualquier elemento puede ser mejorado en cualquier momento, o se pueden añadir nuevos nodos a la red (clientes/servidores).  Fácil mantenimiento: al estar distribuidas las funciones y responsabilidades entre varios ordenadores independientes, es posible reemplazar, reparar, actualizar, o incluso trasladar un servidor, mientras que sus clientes no se verán afectados por ese cambio o si son afectados que sea lo más mínimamente posible. 3.3 Desventajas (Vaswani, 2005, pág. 93)  La congestión o atasco del tráfico ha sido siempre un problema en la arquitectura de c/s. Cuando una gran cantidad de clientes envían peticiones simultáneas al mismo servidor, puede ser que cause muchos problemas para éste (a mayor número de clientes, más problemas para el servidor).  El software y el hardware de un servidor son generalmente muy precisos. Un hardware regular de un ordenador personal puede no poder servir a cierta cantidad de clientes. Normalmente se necesita software y hardware específico, sobre todo en el lado del servidor, para satisfacer el trabajo. Por supuesto, esto aumentará el coste.
  • 27. 27 4. BASE DE DATOS (M., C.M., & & L, 2009, pág. 27) Una base de datos es una colección de archivos relacionados que permite el manejo de la información de alguna compañía. Cada uno de dichos archivos puede ser visto como una colección de registros y cada registro está compuesto de una colección de campos. Cada uno de los campos de cada registro permite llevar información de algún atributo de una entidad del mundo real. El objetivo principal de las bases de datos es el de unificar los datos que se manejan y los programas o aplicaciones que los manejan. (P. A., 2009, pág. 56) Existe una gran diferencia entre Base de Datos y SGBD. La base de datos es el almacenamiento donde residen los datos. El SGBD es el encargado de manipular la información contenida en ese almacenamiento mediante operaciones de lectura o escritura sobre la misma. 4.1 Tipos De Bases De Datos (Ruiz L. , 2011, pág. 63) Las bases de datos pueden clasificarse de muchas formas, de acuerdo al contexto que se esté manejando, la utilidad de las mismas o las necesidades que quieran satisfacer; primeramente están las de; según la variabilidad de la base de Datos, que estas a su vez se clasifican en bases de datos estáticas (son bases de datos de solo lectura) y bases de datos dinámicas (donde la información almacenada se pueda modificar con el paso del tiempo). (Ruiz L. , 2011, pág. 64) También existen las bases de datos según el contenido, que pueden ser las bases de datos bibliográficas (son las que contienen un representante para que puedan ser localizadas), bases de datos de texto completo (almacenan las principales fuentes), directorios (como por ejemplo las guías telefónicas en formato electrónico).
  • 28. 28 4.1.1 Bases De Datos Estáticas (Piattiani, 2009, pág. 87) Son bases de datos de solo lectura, es decir que son utilizadas principalmente para almacenar datos históricos que en un futuro se pueden utilizar para estudiar el comportamiento de un conjunto de datos a través del tiempo, realizar proyecciones o proyectos, hacer una buena toma de decisiones y realizar análisis de datos para inteligencia empresarial. 4.1.2 Bases De Datos Dinámicas (Piattiani, 2009, pág. 89) Éstas son bases de datos donde la información almacenada se modifica con el tiempo, permitiendo operaciones como actualización, borrado y editar de datos, además de las operaciones de consulta. Un ejemplo de esto puede ser la base de datos utilizada en un sistema de información de empresas ya sea un supermercado, una farmacia, un videoclub, etc. 4.2 Modelos De Bases De Datos 4.2.1. Bases De Datos De Red (P. A., 2009, pág. 72) Este modelo es la modificación del nodo ya que permite que un mismo nodo tenga varios padres, por lo que esté en su mayoría es utilizado por programadores más que por usuarios finales. 4.2.2. Bases De Datos Relacionales (Navathe, 2011, pág. 103) Este es el modelo más utilizado en la actualidad para modelar problemas reales y administrar datos dinámicamente, la mayoría de las veces se ve de una manera más fácil. Ya que cada relación se muestra como una tabla que está compuesta por registros que representan las filas y las columnas de una tabla. 4.2.3. Bases De Datos Orientadas A Objetos. (Navathe, 2011, pág. 105) Es una colección persistente y compatible de objetos definidos por un modelo de datos orientados a objetos. Representa cierta informacion y modela ciertos aspectos del mundo real.
  • 29. 29 Mientras que los modelos clásicos permite representar gran cantidad de datos, pero las operaciones y representaciones que se pueden realizar sobre ellos son bastante simples. Los datos se almacenan como objetos. La forma de identificar un objeto es mediante un identificador de objetos. Cada objeto contiene y define métodos y la interfaz mediante la cual se puede acceder a él y a otros objetos que pueda manipularlo. 4.3 SGBD (Gilfillan, 2009, pág. 23) Es el conjunto de programas que administran y gestionan la informacion contenida en una base de datos. Realiza diferentes acciones de las cuales son:  Definición de los datos  Mantenimiento de la integridad de los datos dentro de la base de datos  Control de la seguridad y privacidad de los datos  Manipulación de los datos También se encargan de la privacidad, la integridad, la seguridad de los datos y la interacción con el sistema operativo. Proporciona una interfaz entre los datos, los programas que los manejan y los usuarios finales.
  • 30. 30 5. METODOLOGÍA PARA LA CREACIÓN DE SITIOS WEB Ing. Dely Maybel Gil Álvarez 5.1 Análisis (Gil Alvarez, 2007, pág. 2) A la hora del desarrollo de un sitio web se debe comenzar por dar respuesta a un grupo muy concreto de interrogantes, que permitirán aclarar y definir de manera básica las expectativas existentes en torno a la aplicación web e interacción que se va a generar. Podemos comenzar con Considerar las siguientes actividades:  Selección de Objetivos También se conoce esta etapa como resumen de objetivos, donde se establecen los objetivos contra los cuales puede mediarse la efectividad de las acciones que se desarrollen.  Selección de Usuarios Se refiere a aquella parte de la población a la que se pretende alcanzar o influir con el sitio web. Toda la informacion que se obtenga servirá para establecer parte de los criterios de diseño de contenido, lenguajes, estética, entre otros.  Expectativas de Usuario Al plantearse la puesta en marcha de un sitio web es necesario conocer hacia quien va dirigido éste y que podrían esperar dichos usuarios al visitarlos.  Expectativas de la Organización Es vital establecer que resultados pretende conseguir la organización con la creación del sitio web. Con ello se busca definir el propósito del sitio web y se deben incluir aspectos que van desde los más generales, relacionados con el público de destino hasta los más específicos relacionados con la organización.
  • 31. 31 5.2 Planificación (Gil Alvarez, 2007, pág. 4) Todo proyecto posee una fase de planificación, en ella se deben definir cuáles son los requerimientos técnicos para este fin, quienes serán los miembros del equipo, seleccionar la estructura, para así planear un sitio bien organizado.  Selección de Software y Hardware En esta etapa se busca determinar los requerimientos en cuanto al software que se utilizaran para el desarrollo de la aplicación, es decir sistemas operativos, servidores, editores de diseño, lenguajes de programación, animaciones y otros componentes; así como de hardware, es decir se debe reservar el dominio y ubicar el servicio de hospedaje de empresas que se especializan en este servicio.  Selección del equipo de trabajo Se debe seleccionar al equipo competente en cada campo de trabajo, con el objetivo de segmentar el proceso de producción en varias funciones diferenciadas, y conformar así un equipo web eficiente.  Benchmarking Es una manera de detallar, observar y evaluar todas aquellas páginas web calificadas como las mejores que se encuentran en la red, con la finalidad de diseñar una forma que permita crear un producto de alta calidad, productividad y competitividad.  Estructura de navegación La estructura de una página web es importante, ya que permitirá al lector visualizar todos los contenidos de una manera fácil y clara, o provocar en el lector una sensación de estar perdido, por lo cual no encontrará rápidamente lo que busca y terminara por abandonar el sitio.
  • 32. 32 5.3 Contenido (Gil Alvarez, 2007, pág. 14)  Definir las necesidades del usuario De acuerdo a las expectativas encontradas en la etapa de análisis, se deben definir ahora las necesidades del usuario, sus principales inquietudes y solicitudes para hacer así que sea más sencillo e intuitivo para el usuario encontrar la informacion que solicita dentro del sitio web.  Creación de formularios de acceso En este punto se crean los formularios de acceso para los usuarios a quienes está destinada la administración del sitio web, en caso de que sea solicitada de esta forma el diseño del sitio web.  Creación de prototipos de páginas Se crearán posibles diseños para las páginas de primer y segundo nivel a las que acezara el usuario destino de la página web, y se probará que tan factible es el uso de cada propuesta para ser implementada.  Creación de textos y gráficos Se definirán los textos y gráficos que se mostraran en el sitio web con la finalidad de brindar al usuario la informacion necesaria y precisa de lo que está buscando en el Sitio. 5.4 Diseño (Gil Alvarez, 2007, pág. 15) Esta etapa supone un trabajo extenso y detallado, pesto que abarca no solo la interacción de múltiples elementos, como la tecnología multimedia; si no que abarca también su integración con una estructura lógica basada en el propósito del sitio.
  • 33. 33 Representando un labor que va más allá de la simple presentación visual de la informacion.  Diseño de Formularios y gráficos En esta etapa se diseñan lo formularios y gráficos finales que servirán como apoyo visual para el usuario dentro del sitio web.  Diseño de la estructura De acuerdo a la estructura que ha sido seleccionada, se diseñara el acceso a cada uno de los formularios que se diseñaran en esta etapa.  Diseño de páginas de primer y segundo nivel Se diseñan las páginas de inicio, menú y submenús a los cuales tendrá acceso el usuario para navegar dentro la página web.  Determinar el nivel de usabilidad y accesibilidad Se evalúa el tiempo esfuerzo y capacidad requeridos por el visitante, para alcanzar un nivel de adaptación al sistema, por ejemplo el número de pasos necesarios para lograr una actividad, y al nivel de conocimientos que necesitan los usuarios para el uso del Sitio web, también hay que tener presente que cada usuario puede contar con equipos, con navegadores e idiomas distintos, que pueden impedirle apreciar la aplicación en su totalidad. 5.5 Programación (Gil Alvarez, 2007, pág. 17) Esta etapa corresponde a la utilización de las herramientas de programación web, para establecer la comunicación entre la base de datos y la interfaz.  Determinación de lenguajes de programación
  • 34. 34 Es primordial seleccionar los lenguajes de programación en los que se desarrollara el sitio web con la finalidad de crear posteriormente los manuales de usuario y programador.  Determinación de páginas estáticas y dinámicas Se diseñan las páginas estáticas y se programara las páginas con las cuales el usuario, tendrá la opción de interactuar.  Programación de la interfaz Se construyen los programas y códigos que desplegarán el contenido a los usuarios a través del navegador web. Aquí se establecerá la comunicación entre la base de daos y la interfaz.  Analizar la estructura de la BD Se diseña y se crea la base de daos, de acuerdo a los requerimientos funcionales que manifestó el solicitante de la aplicación. 5.6 Testeo (Gil Alvarez, 2007, pág. 18)  Comprobación en navegadores El primer paso de esta fase es también el más importante, comprobar si las páginas se visualizan de manera correcta en diferentes navegadores, por lo regular en los más utilizados por los usuarios.  Detección de vínculos rotos Es necesario detectar documentos que existen en el sitio pero que no están conectados a través de vínculos; ellos deben ser reparados o eliminados en caso de no ser necesario, puesto que ocupan espacio en el servidor y tienden a generar confusión.  Comprobación de tiempos de descarga
  • 35. 35 Uno de los puntos clave en el éxito de un sitio web es su rapidez de descarga, en base a ellos se recomienda un tiempo mínimo de descarga.  Capacitación del personal administrador del sitio En esta etapa también los administradores reciben capacitación para el desarrollo de sus tareas. 5.7 Mercadeo Y Publicidad (Gil Alvarez, 2007, pág. 19) En esta fase se deben realizar los trámites necesarios para implementar el proyecto y comenzar con la difusión del Sitio web terminado.  Registro de derechos de autor Se anexa en el sitio los créditos de los desarrolladores, o un enlace que les permitan a los usuarios contactarlos.  Carga del sitio al dominio Despues de definido el nombre del sitio y verificada su disponibilidad, se transfieren los archivos al servidor FTP, o desde la página del servidor. Se debe verificar que los archivos estén en su carpeta correspondiente de la web.  Verificaciones finales Se hacen pruebas finales en distintos ordenadores con el sitio ya puesto en línea, se comprueban los tiempos de descarga y se corrobora que los enlaces funcionen de forma correcta.
  • 36. 36 6. HTML 6.1. Definición (O.P., 2010, pág. 46) Es el lenguaje de programación que se utiliza para el desarrollo de páginas de internet. Se trata de un formato abierto generalmente como “Estándar de Lenguaje de Marcado Generalizado” y que se entiende como un sistema que permite ordenar y etiquetar diversos documentos dentro de una lista. Este lenguaje es el que se utiliza para especificar los nombres de las etiquetas que se utilizarán al ordenar, no existen reglas para dicha organización, por eso se dice que es un sistema de formato abierto. 6.2. Historia (O.P., 2010, pág. 43) El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, trabajador del CERN (Organización Europea para la Investigación Nuclear) propuso un nuevo sistema de “hipertexto” para compartir documentos. Tras finalizar el desarrollo de su sistema de “hipertexto”, Tim Berners-Lee lo presentó a una convocatoria organizada para desarrollar un sistema de “hipertexto” para Internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3). El primer documento formal con la descripción de HTML se publicó en 1991 bajo el nombre HTML Tags (Etiquetas HTML) y todavía hoy puede ser consultado online a modo de reliquia informática. La primera propuesta oficial para convertir HTML en un estándar se realizó en 1993 por parte del organismo IETF (Internet Engineering Task Force). A partir de 1996, los estándares de HTML los publica otro organismo de estandarización llamado W3C (World Wide Web Consortium). La versión HTML 3.2 se publicó el 14 de Enero de 1997 y es la primera recomendación de HTML publicada por el W3C. Esta revisión incorpora los últimos avances de las páginas
  • 37. 37 web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes. 6.3. Elementos (O.P., 2010, pág. 48) Son componentes que especifican como los documentos HTML deben ser construidos y que tipo de contenido debe ser posicionado en qué lugar de un documento HTML. (Hassan, J., Fernandez, & Jazza, 2008) Los nombres de elementos son encerrados en paréntesis angulares: <elementname>, los cuales son llamados etiquetas. Si el elemento contiene otro contenido, este termina con una etiqueta de cierre, donde el nombre del elemento es precedido por un slash: </elementname>. Algunos elementos no necesitan ser cerrados, como los elementos de imagen. Estos se conocen como elementos vacíos. Los documentos HTML contienen un árbol de estos elementos. Cada uno es nombrado en representación de lo que hace. Por ejemplo, el elemento <title> representa el título de un documento. 6.4. Estructura De Una Página Web (O.P., 2010, pág. 48) La estructura básica de una página web es la siguiente: <Html> <Head> </head> <Body> </body> </Html>
  • 38. 38 Una estructura HTML se empieza con la etiqueta <HTML> y acaba con </HTML>. Todo lo que esté en medio será la página web. Dentro de <HTML></HTML> se encuentran 2 partes diferenciadas. <Head></head> es la cabecera de la página. Aquí irá cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código JavaScript. <Title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda). <Body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. Por ejemplo: <HTML> <head> <title>Esto es el título de la página. </Title> </head> <body> ¡Hola mundo!<br> <b>Esto es negrita</b><br> <i>Y esto itálica.</i><br> </body> </HTML>
  • 39. 39 7. PHP 7.1. Historia (G., 2009, pág. 8) PHP tal y como se conoce hoy en día es en realidad el sucesor de un producto llamado PHP/FI. Creado en 1994 por Rasmus Lerdorf, la primera encarnación de PHP era un conjunto simple de ficheros binarios Common Gateway Interface (CGI) escritos en el lenguaje de programación C. Originalmente utilizado para rastrear visitas de su currículum online, llamó al conjunto de scripts “Personal Home Page Tools”, más frecuentemente referenciado como “PHP Tools”. En junio de 1995, Rasmus publico el código fuente de PHP Tools, lo que permitió a los desarrolladores usarlo como considerasen apropiado. 7.2. Sintaxis (Hanke, 2011, pág. 14) Primero y principal debemos diferenciar el código HTML del código PHP y para realizar esta diferencia tenemos que abrir el código PHP con la etiqueta “<?php” y cerrarlo con “?>”, también existen otros métodos pero para esto hay configurar una serie de parámetros y eso lo veremos en otros artículos sobre PHP. Ahora veamos un breve ejemplo de código PHP. Noten que al finalizar cada instrucción se debe agregar el caracteres ‘;’ como en JavaScript. <?php echo “Esto es una prueba”;?> Como todo lenguaje tiene la posibilidad de agregar comentarios a continuación veremos las formas de realizar los comentarios <?php

echo “¡Hola a Todos!”; // Esto es un comentario tipo c++ 

/* Comentario multilínea
para varias líneas de código*/ 

echo “Chau!!!”;
echo “Saludos!!!”; # Comentario estilo Shell de Unix

?>
  • 40. 40 7.3. Características De Php (Segura, 2009, pág. 61) Al ser un lenguaje libre dispone de una gran cantidad de características que lo convierte en la herramienta ideal para la creación de páginas dinámicas. -soporta una gran cantidad de bases de datos como MySQL, PostgresSQl, Oracle, MS, SQL Server entro otros. -Integración con varias bibliotecas externas, permite generar documentos en PDF
  • 41. 41 8. MYSQL 8.1. Definición (Gilfillan, 2009, pág. 34) El software MySQL proporciona un servidor de base de datos SQL (Structured Query Language) veloz, multi-hilo, multiusuario y robusto. El servidor está proyectado tanto para sistemas críticos en producción soportando intensas cargas de trabajo como para empotrarse en sistemas de desarrollo masivo de software. El software MySQL tiene licencia dual, pudiéndose usar de forma gratuita bajo licencia GNU o bien adquiriendo licencias comerciales de MySQL AB en el caso de no desear estar sujeto a los términos de la licencia GPL. MySQL es una marca registrada de MySQL AB. 8.2 Características (Cobo, Gómez, Pérez, & Rocha, 2005, pág. 29) Las principales características del servidor MySQL son:  Tiene licencia pública, permitiendo la consulta y modificación de su código fuente.  El programa está desarrollado en C/C++, lo que facilita su integración en otras aplicaciones desarrolladas en esos lenguajes.  Puede ser descargado directamente de internet haciendo uso de su licencia GPL.  Cuenta también con una licencia comercial.  Utiliza el lenguaje SQL que es el lenguaje de consulta más usado y estandarizado para acceder a bases de datos relacionales.  Es un sistema Cliente/servidor, que permite trabajar como servidor multiusuario y de subprocesamiento múltiple.  Cuenta con un sistema de ayuda en línea y de monitor que permite realizar todas las operaciones desde la línea de comandos del sistema, sin necesidad de interfaz gráfica.
  • 42. 42  Por su portabilidad puede ser llevado a cualquier plataforma informática, ya que está disponible en más de veinte plataformas diferentes incluyendo las distribuciones más usadas de Linux, Mac X, UNIX y Microsoft Windows.  Es posible encontrar gran cantidad de software desarrollado sobre MySQL o que soporte MySQL. 8.3 Aplicaciones (Barrera, 2009, pág. 2) MySQL es muy utilizado en aplicaciones web, como Drupal o phpBB, en plataformas Linux/Windows-Apache-MySQL-PHP/Perl/Python, y así por mismo herramientas de seguimiento de errores como Bugzilla. Su gran auge como aplicación web está muy ligada a PHP, que frecuentemente aparece en combinación con MySQL. (Cobo A. , 2005, pág. 174) MySQL es una base de datos muy rápida en la lectura cuando utiliza el motor no transaccional MyISAM, sin embargo puede provocar problemas de integridad en entornos de alta concurrencia en la modificación. En aplicaciones web hay baja concurrencia en la modificación de datos y el entorno es intensivo en lectura de datos, lo que hace que MySQL sea ideal para este tipo de aplicaciones. Sea cual sea el entorno en el que va a utilizar MySQL, es importante monitorizar de antemano el rendimiento para detectar y corregir errores tanto de SQL como de programación.
  • 43. 43 9. MULTIMEDIA 9.1 Dreamweaver (O.P., 2010, pág. 10) Creador y editor de páginas web tipo WYSIWYG creado por Macromedia (actualmente de Adobe Systems) Es la aplicación de este tipo más usada en el sector de diseño y programación web. Posee, como toda la línea Macromedia/Adobe, excelentes funcionalidades e integración con otras herramientas. (Pérez, 2004, pág. 31) La aplicación permite crear sitios de forma totalmente gráfica, y dispone de funciones para acceder al código HTML generado. Permite la conexión a un servidor, a base de datos, soporte para programación en ASP, PHP, JavaScript, cliente FTP integrado, etc. Principal competencia de Microsoft FrontPage. 9.1.1 Funcionalidad (O.P., 2010, pág. 67) Cumple perfectamente el objetivo de diseñar páginas con aspecto profesional, y soporta gran cantidad de tecnologías, además muy fáciles de usar:  Hojas de estilo y capas  JavaScript para crear efectos e interactividades  Inserción de archivos multimedia… Además es un programa que se puede actualizar con componentes, que fabrica tanto Macromedia como otras compañías, para realizar otras acciones más avanzadas. En resumen, el programa es realmente satisfactorio, incluso el código generado es de buena calidad. La única pega consiste en que al ser tan avanzado, puede resultar
  • 44. 44 un poco difícil su manejo para personas menos experimentadas en el diseño de webs. (Pérez, 2004, pág. 26) Dreamweaver ha evolucionado mucho en su versión 4, que incluye soporte para la creación de páginas dinámicas de servidor en ASP, con acceso a bases de datos (versión Ultradev) y una mayor integración con otras herramientas de Macromedia como Fireworks. 9.1.2 Ventajas (Powers, 2004, pág. 178)  Excelente para trabajos profesionales  Destaca su soporte de los estándares del World Wide Web Consortium  Utiliza la tecnología web como CSS y Java Script  Se puede diseñar y crear páginas web sin conocimiento de código HTML  Permite pre visualizar las páginas web en casi todos los navegadores web  Permite el uso de extinciones como HTML y Java Script
  • 45. 45 10. WAMPSERVER 10.1 Características (Dondo, 2008, pág. 1) Provee a los desarrolladores con los cuatro elementos necesarios para un servidor web: un Sistema Operativo (Windows), un manejador de base de datos (MySQL), un software para servidor web (Apache) y un software de programación script Web (PHP (generalmente), Python o PERL), debiendo su nombre a dichas herramientas. Lo mejor de todo es que WampServer es completamente gratuito. WAMP incluye, además de las últimas versiones de Apache, PHP Y MySQL, versiones anteriores de las mismas, para el caso de que se quiera testear en un entorno de desarrollo particular. 10.2 Utilidad (Naramore, Glass, & Scouarmec, 2004, pág. 92) Su utilidad es importante a la hora de desarrollar aplicaciones web, ya que funciona al igual como si cuando trabajamos en un servidor web, ya que podemos ejecutar estas aplicaciones de manera local y ver como sería el funcionamiento antes de ser subidas a un hosting o servidor web. Además de ello podemos gestionar datos con la ayuda del motor de base de datos (MySQL) y su administrador (PHP MyAdmin). 10.3 Funcionalidad (Dondo, 2008, pág. 1) WampServer tiene funcionalidades que lo hacen muy completo y fácil de usar. Con un clic izquierdo sobre el icono de WampServer, será capaz de:  Gestionar sus servicios de Apache y MySQL  cambiar a modo en línea / fuera de línea (accesible a todos, estar limitado a localhost)  Instalar y cambiar la versión de Apache, MySQL y PHP  Administrar la configuración de los servidores
  • 46. 46  Acceder a los registros  El acceso a los archivos de configuración  Crear alias y mucho más...
  • 47. 47 11. FILEZILLA 11.1 Características (Hanke, 2011, pág. 47) Este programa sirve para gestionar archivos, renombrarlos, ordenarlos en carpetas, mover archivos de un sitio a otro, etc. dentro de nuestro ordenador. Pero cuando estamos aprendiendo a programar o trabajando en entornos web, se hace necesario un programa que nos permita subir y bajar archivos a un servidor y gestionar los archivos en el servidor. Hay diferentes alternativas para ello. Una de ellas, de gran interés, es Filezilla. La transmisión de archivos entre un ordenador personal y un servidor se hace mediante un protocolo denominado FTP y que se corresponde con la terminología inglesa File Transfer Protocol. El protocolo FTP se basa en la arquitectura cliente- servidor. Supongamos que nosotros estamos en un restaurante como clientes (equivalencia: nuestro ordenador personal), necesitamos un camarero (equivalencia: programa ftp como Filezilla, al que también se llama “cliente ftp” porque realmente el que comunica es el programa, no nosotros mismos) que nos traiga cosas de la cocina (equivalencia: la cocina es el servidor). Traer un plato de la cocina sería bajar un archivo. En el caso de los ordenadores, además de recibir cosas de la cocina, podemos enviarlas, lo que sería subir un archivo. 11.2 Ventajas (Hanke, 2011, pág. 48)  Fácil de usar.  Traducido a múltiples idiomas.  Soporte de codificación SFTP sobre SSH y FTP sobre SSL/TLS  Permite reanudar la transferencia de archivos y maneja archivos de gran tamaño  Administrador de sitios  Cola de transferencia  Comunicación a través de un proxy, un proxy FTP o un firewall
  • 48. 48  Registro de mensajes 11.3 Desventajas (Hanke, 2011, pág. 48)  Algunos errores no se explican bien  A veces no conecta como debería
  • 49. 49 PROCEDIMIENTO O MÉTODO Enfoque Dela Investigación El enfoque que se utiliza para la realización de la investigación es el Cuantitativo, ya que este enfoque requiere de la realización secuencial de la investigación, comprobación de la hipótesis, utilizando estadísticas para generalización de resultados de forma precisa, brindándonos la capacidad de predecir y controlar fenómenos. Alcance De La Investigación Nuestro estudio se define como Descriptivo ya que con él, tomarán en cuenta las tendencias en la población y se definirán las dimensiones de la medición, posteriormente en correlacional ya que con él también se asociaran las variables para así saber cómo se comportan y proceder a comprobar hipótesis, para así finalmente definirá como explicativa ya que se llegara más allá de la simple explicación llegando a la implementación del sitio web respondiendo a los fenómenos relacionados con las variables. Tipo De Investigación Según su propósito como de desarrollo, ya que utilizaran los resultados de la investigación teórica para ser aplicados; Según sus fuentes como documental ya que se recurrirá a libros y protocolos similares al que se aplicará, además que también será considerada como de campo ya que se observarán directamente los hechos; según la forma y momento es experimental ya que se analizarán los cambios de manera controlada después de implementadas las herramientas. Diseño De La Investigación El diseño de la investigación estará definido como experimental, ya que se hará uso de elementos de recolección de informacion y se medirán los efectos entre las variables definidas, controlando las situaciones y fenómenos, haciendo pruebas previas con un pequeño grupo, es decir pre-experimentos, en la muestra tomada, que nos servirá como referencia para la realización del Proyecto.
  • 50. 50 Unidad De Análisis Encuestaremos a todas las personas de la ciudad de Tuxtepec, Oaxaca de las cuales a las personas a partir de 16 años a 64 años de edad. Población La población está constituida por 155766 habitantes de las cuales encuestaremos a 86000 habitantes de la edad de 16 a 64 años en la ciudad de Tuxtepec, Oaxaca. Para saber si están dispuestos a visualizar nuestro sitio web sobre la zapatería TMC SHOES. Muestra La muestra utilizada para la presente investigación es el probabilístico, este muestreo permite minimizar el tamaño de error de la muestra ya que se adecua a este tipo de investigación. La fórmula es la siguiente: n = K2pqn e2(N − 1) + z2pq Donde N=tamaño de la población N=tamaño de la muestra representativa que deseamos obtener Z=valor z curva normal (1.96) P=probabilidad de éxito (0.5) Q=probabilidad de fracaso (0.5) En esta imagen se muestran los resultados que se obtuvieron para la realización de nuestras encuestas hacia los habitantes de San Juan Bautista Tuxtepec.
  • 51. 51  El resultado fue el siguiente:  Tenemos un error del 5%  Nivel de confianza es de 95%  Habitantes 86000  Distribución de las respuestas es de 50%  La muestra recomendada es de 383  Se encuestaran un total de 383 personas para saber si visualizaran nuestro sitio web. Ilustración 1 Cálculo de La Muestra
  • 52. 52 Técnicas Y Elementos De Recolección De Datos Como técnica de recolección de datos se consideró conveniente utilizar la entrevista ya que a través de ella podremos explicar el propósito del estudio y especificaremos claramente la información que necesitamos, si hay una interpretación errónea de alguna pregunta se permitirá aclararla, asegurando una mejor respuesta. La comunicación entre nosotros como investigadores, y los encargados de administrar la Zapatería, se realizó a fin de obtener respuestas verbales a las interrogantes planteadas sobre el problema propuesto. Profundizando un poco más y de acuerdo a la respuestas que emitieron originalmente exploraremos. Esta Técnica de Recolección de Información es más eficaz que el cuestionario, ya que permite obtener una información más completa. Adicionalmente se hizo utilizó como método de Investigación la Encuesta, ya que es compatible con el empleo de las técnicas e instrumentos de recolección de datos, mencionados líneas arriba como son: la entrevista y la observación. Utilizando este método la información es más fácil de procesar, simplificando el análisis comparativo, además no necesitaremos estar entrenados arduamente para ponerla en práctica. Habría uniformidad en el tipo de información obtenida.
  • 53. 53 Factibilidad Operativa La zapatería es factible operativamente ya que primeramente se realizaron entrevistas con el personal involucrado con la finalidad de contar con nuevas tecnologías de información y se llegó a la conclusión que no presentan ninguna oposición ante el cambio, ya que están dispuestos a llevar capacitación y dar paso a nuevas experiencias para el crecimiento de la empresa. A los que serán encargado del manejo del sitio web se les impartirán cursos, asesorías, etc. Este proyecto ayudara a la zapatería “TMC SHOES” a promoverse y darse a conocer mejor en el ámbito empresarial, mediante la publicación de un sitio web, el uso de esta aplicación no tiene dificultad se podrá navegar fácilmente, se necesitara de una persona que se encargara, será el administrador y estará capacitado. Con la finalidad de garantizar el buen funcionamiento y que impactara en forma positiva al administrador y a los usuarios. Factibilidad Técnica Realizadas las observaciones y el análisis necesarios podemos expresar la factibilidad del proyecto basados en que la empresa no requiere realizar una inversión para adquirir nuevos equipos y tiene suficiente solvencia para repotenciar y actualizar el equipo con el que cuenta, el cual es especificado en la siguiente tabla: Tabla 3 Hardware y software Cant. Hardware Software Cant. 1 Equipo de computo S.O. Windows 7 Home Premium (sin licencia) 1 1 Procesador Intel Core Duo Procesador de gráficos Intel GMA 3750 1
  • 54. 54 1 Memoria RAM de 2 Gb de capacidad Antivirus NORTON Internet Security (2010 versión de prueba) 1 1 Disco duro de 320 Gb de capacidad Controlador de red WiFi 1 1 Slot de memoria SODDIM Controlador de red LAN 1 En base a lo especificado anteriormente se determina que en el actual momento, la empresa cuenta con la infraestructura tecnológica suficiente para la puesta en funcionamiento del Sitio Web, además de completa disponibilidad, por parte del propietario; a adquirir las licencias necesarias para evitar posibles inconvenientes. Factibilidad Económica La factibilidad económica del proyecto se menciona en las especificaciones del costo total del proyecto. Aunque se puede decir que es factible económicamente por que se cuenta con la mayoría de las herramientas, conocimientos y disponibilidad para llevar acabo dicho proyecto. A continuación se mencionara lo que contendrá el paquete estándar. Paquete estándar  Analista y diseñador  Diseño de un sitio web con 6 paginas (pestañas)  Hospedaje y dominio.com
  • 55. 55  Por un año  Hasta 40 imágenes de su producto  Ideal para micro, pequeñas y medianas empresas. Desarrollo Del Sitio Web Despues de realizadas las encuestas, entrevistas y analizada la informacion, se comprobó la factibilidad de desarrollar un sitio web para la zapatería TMC SHOES de Tuxtepec, Oaxaca. Se realizaron bocetos previos con HTML y Flas como los que se muestran a continuación: Ilustración 2 Prototipo de Sitio web
  • 56. 56 Ilustración 3 Prototipo 2 del Sitio Web Se llegó la decisión de realizar el contenido de la página con HTML y hojas de estilo HTML5. Posteriormente la programación y Edicion del Sitio web se hizo en Macromedia Dreamweaver 8 por medio de la sección de código y la sección de Diseño.
  • 57. 57 Ilustración 4 Editor de Código de Macromedia Dreamweaver Ilustración 5 Editor Gráfico de Macromedia Dreamweaver
  • 58. 58 La galería se desarrolló con una hoja de estilos de HTML5 que muestra las fotos con forma hexagonal, que al dar click sobre ellas, abre la imagen completa en la misma página con un efecto de sobrepuesto. El espacio Nuestro equipo muestra un poco de quienes intervienen en la realización del trabajo detrás de una Zapatería exitosa como lo es TMC SHOES El espacio Nuestros Servicios, se describe brevemente los servicios que ofrece la Zapatería TMC SHOES. En la pestaña de Contáctanos, se presenta un formulario de llenado que nuestros clientes podrán rellenar con sus datos, y dejar un breve mensaje con sus opiniones o dudas. Se realizaron pruebas preliminares en el explorador web Mozilla Firefox 29.0 Ilustración 6 Mozilla Firefox - Galería
  • 59. 59 Ilustración 7 Mozilla Firefox - Galería Selección Ilustración 8 Mozilla Firefox - Nuestro Equipo
  • 60. 60 Ilustración 9 Mozilla Firefox - Nuestros Servicios Ilustración 10 Mozilla Firefox - Contáctanos
  • 61. 61 La prueba en Internet Explorer Ilustración 11 Internet Explorer - Galería Ilustración 12 Internet Explorer - Nuestro Equipo
  • 62. 62 Ilustración 13 Internet Explorer - Nuestros Servicios Ilustración 14 Internet Explorer - Contactanos
  • 63. 63 Pruebas en Google Chrome Ilustración 15 Google Chrome - Galería Ilustración 16 Google Chrome - Nuestro Equipo
  • 64. 64 Ilustración 17 Google Chrome - Nuestros Servicios Ilustración 18 Google Chrome - Contáctanos
  • 65. 65 Así mismo se realizó la Base de datos en MySQL de PHP MyAdmin desde la plataforma WampServer de manera Local. Ilustración 19 WampServer - Localhost Ilustración 20 Php MyAdmin - Tabla
  • 67. 67 Análisis De Resultados Se interpretaron los Resultados Obtenidos con la finalidad de facilitar la comprensión de los mismos atendiendo a la problemática planteada, y a sus objetivos. El diagnóstico de la situación actual de la promoción de la Zapatería TMC SHOES, fue determinado mediante la aplicación de entrevistas y Encuestas; con el fin de orientar la investigación y servir de soporte al estudio, debido a que estas técnicas de recolección de datos nos permitieron determinar las debilidades en las técnicas de promoción con las que cuenta actualmente la zapatería. Las encuestas realizadas arrojaron los siguientes resultados graficados: 1.- ¿Por qué medio de promoción conoció usted la Zapatería TMC SHOES? Ilustración 22 Medio de Difusión - Resultados El grafico nos muestra que el principal medio de difusión de la zapatería ha sido el medio impreso, indicado como folletos. 2.- ¿Utiliza Usted Internet con Frecuencia para conocer o adquirir productos? 78% 20% 2% 0% Medio de Difusion folletos carteles radiodifusion otros
  • 68. 68 Ilustración 23 Uso de Internet - Resultados El grafico nos muestra que el 69% de la población encuestada ha utilizado la Internet para comprar o conocer productos de las tiendas. 3.- ¿Crees que es más eficiente el uso de Internet para que las tiendas den a conocer sus productos? Ilustración 24 Internet como medio de Difusión - Resultados El grafico nos indica que el 71% de la población considera el internet como un medio más eficiente para que la zapatería dé a conocer sus productos 4.- ¿Ha visitado alguna tienda online? 69% 18% 13% Uso de Internet si no indiferente 69% 18% 13% Internet como medio de difusión si no indiferente
  • 69. 69 Ilustración 25 Aceptación del Sitio Web - Resultados El 64% de la población indicó que ha visitado tiendas online, de cualquier índole. 5.- ¿Le gustaría que la visitará el público en general? Ilustración 26 Proyección del Sitio web - Resultados El gráfico nos muestra que el 73% del público compartiría un sitio web de su agrado con otros usuarios. 64% 19% 17% Aceptación del sitio web si no indiferente 73% 19% 8% Proyección del Sitio web si no indiferente
  • 70. 70 6.- ¿Quisiera estar en contacto con la zapatería? Ilustración 27 Interés del Público - Resultados El 56% de los encuestados respondieron que quieren estar en contacto con la zapatería sin medio específico. 7.- ¿Cree que sea factible para la zapatería la realización del sitio web? Ilustración 28 Factibilidad del Sitio web - Resultados El 67% de los encuestados considera factible la realización del sitio web como medio de difusión para la zapatería. 56% 26% 18% Interés del Público si no indiferente 67% 23% 10% Factibilidad del Sitio web si no indiferente
  • 71. 71 8.- ¿Le ahorraría dinero y tiempo visualizar los productos por medio de Internet? Ilustración 29 Percepción del Sitio Web - Resultados El 73% de los encuestados considera que la creación del sitio web ahorra su esfuerzo y dinero para conocer los productos de la zapatería 9.- ¿Le gustaría que la Zapatería contara con un Sitio en Internet donde diera a conocer su calzado? Ilustración 30 Impacto del Sitio Web - Resultados El 68% de la población encuestada dijo que sería ideal la construcción de un sitio web para la zapatería. 73% 15% 12% Percepción del Público si no indiferente 68% 20% 12% Impacto del sitio web si no indiferente
  • 72. 72 10.- Opiniones Los encuestados manifestaron también que además de la construcción del sitio web quieren que haya contenido que se esté actualizando constantemente, y que posteriormente se realice un apartado con un formulario de llenado para poder hacer pedidos y compras en línea, así como la opción de registro para clientes frecuentes.
  • 73. 73 CONCLUSIONES Y RECOMENDACIONES Conclusiones Con el desarrollo de este proyecto, y la investigación del mismo, de acuerdo a la problemática planteada, los objetivos, seguido de las bases teóricas y diversas investigaciones que sustentan la problemática y descrita la metodología seguir, se procedió al diagnóstico de la situación actual de la zapatería “TMC SHOES”. Y esta fue que la situación actual de la zapatería es que mostro mucha deficiencia y pérdida de tiempo en el servicio de publicidad y propaganda y es que no cuenta con un medio de difusión electrónico para dar a conocer sus productos. El origen del problema radica en la falta de un sitio web en la zapatería, para que los clientes puedan visualizar bien los productos que se encuentran en existencia en la empresa y así poder tener mayor demanda y mejores ganancias. De acuerdo a los resultados obtenidos, se pudo comprobar la mayoría de las diferencias y debilidades presentadas en la empresa; y es por eso necesario que la zapatería “TMC SHOES” tome las decisiones necesarias; ya sean medidas para reducir al máximo las diferencias y deficiencias con el control de la publicidad; y esta manera lograr mayor calidad en el servicio de ventas y control de mercancías, así aumentar la eficiencia en el negocio, la productividad, las ganancias y se mejore la motivación del personal que labora dentro de la zapatería; ya que estarán más impulsados al desarrollo o actualización del sitio web, también motivara a los clientes al momento de ver una interfaz agradable y de su interés. Es por ello que se ha planteado en esta investigación elaborar un proyecto de mejora que alcance optimizar las debilidades existentes en la empresa y que pretenda ser el comienzo para que la empresa crezca en el mercado internacional, y este sea el punto de partida hacia un camino de grandes éxitos en un futuro.
  • 74. 74 Recomendaciones En general, se recomienda el desarrollo y la implementación de este proyecto que es el sitio web en la zapatería “TMC SHOES” en el municipio de San Juan Bautista, Tuxtepec Oaxaca; la cual responde en gran medida al alcance y la solución para una mejor difusión de los productos con los que cuenta la empresa. La aplicación del sitio web es una mejora para conseguir un buen manejo en la publicidad de los productos y el desarrollo positivo de las actividades del personal que labora en la empresa, ya que se encargaran de la realización de actualizaciones en el sitio del calzado existente en la empresa; y así obtener un proceso y desarrollo económico como medio para lograr involucrarse en el mercado competitivo. Es fundamental que la gerencia se mantenga en constante actualización en cuanto a alternativas de mejora y de inversión, que permitan adecuar a la empresa a las necesidades y oportunidades propias, evitando las deficiencias en sus operaciones. Un sitio web es hoy en día un medio de difusión muy importante para cualquier empresa ya que con la ayuda de este mismo, las compañías pueden vender en línea, o que su clientes estén informados sobre los productos con los que cuenta, saber los precios, las ofertas, descuentos, o para que tipo de personas está dirigido el producto, y así tener grandes cambios financieros es decir muy buenas ganancias, y poder crecer en el mundo electrónico.
  • 75. 75 REFERENCIAS BIBLIOGRÁFICAS Barrera, G. (28 de Octubre de 2009). Mtop: Monitoreo de Carga en MySQL. Obtenido de http://tecnocacharrero.blogspot.mx/2009/10/mtop-monitoreo- de-carga-en-mysql.html Cobo, A. (2005). PHP y MySQL; Tecnología para el Desarrollo de Aplicaciones Web. Ediciones Díaz de Santos. Cobo, Á., Gómez, P., Pérez, D., & Rocha, R. (2005). PHP y MySQL: Tecnologia para el Desarrollo de Aplicaciones Web. España: Edicion Díaz de Santos. Conolly, T. (2009). Data Base Systems; A practical approach to design (Second Edition). México: Addison-Wesley. Conolly, T. (2010). Sistemas de Bases de Datos (3° Edicion). México: Adison Wesley. Dondo, A. (7 de Julio de 2008). Como interactuar con una base de Datos. Obtenido de http://www.programacion.com/php/articulo/phph_mysql/ G., L. (2009). PHP 5. México: Anaya Multimedia. Gary N. Jansen, J. (2011). Diseño y Admistracion (3° Edicion). México: Practie Hall. Gil Alvarez, D. (24 de Mayo de 2007). Instituto Mar De Cortés. Obtenido de http://www.institutomardecortes.edu.mx/pubs/metodologia_web.pdf Gilfillan, I. (2009). MySQL. México: Anaya Multimedia. Hanke. (2011). PHP Sitios Web Dinamicos. Barcelona: Trillas.
  • 76. 76 Hassan, Y., J., F., Fernandez, M., & Jazza, G. (7 de Julio de 2008). Diseño web Centrado en el Usuario: Usabilidad y Arquitectura de la Informacion. Obtenido de http://www.hipertext.net Kroenke. (2012). Procesamientos de Base de Datos. Fundamentos Diseño e Implementacion (8a Edición). Editoriales Españolas. López Quijado, J. (2007). Programacion Dinamica en el Lado Servidor. Madrid: RA- MA. M., C., C.M., & & L. (2009). Bases de Datos (2° Edicion). Barcelona: Person-Prentice Hall. Mannino, M. (2013). Administracion de Base de Datos: Diseño y Desarrollo de Aplicaciones Web (3a Edición). México: Editoriales Españolas. Naramore, E., Glass, M. K., & Scouarmec, Y. L. (2004). Desarrollo Web con PHP, Apache y Mysql. Anaya Multimedia. Navathe, E. (2011). Fundamentos de Sistemas de Bases de Datos (3a Edicion). España: Editoriales Españolas. O.P., A. (2010). Dreamweaver. México: Anaya Multimedia. P. A., W. (2009). Sistemas de Bases de Datos. Un enfoque Practico para diseño e Implementacion. Madrid: Editioriales Españolas. Pérez, C. (2004). Macromedia Dreamweaver MX 2004; Desarrollo de Paginas Web dinamicas con PHP y MySQL. Anaya Multimedia. Piattiani, E. (2009). Tecnologia y Diseño de Bases de Datos (4a Edicion). Mexico: Anaya Multimedia.
  • 77. 77 Powers, D. (2004). Desarrollo Web dinamico con Dreamweaver 8 y php. Anaya Multimedia - Anaya Interactiva. Quijado, L. (2010). Domine PHP y MySQL; Programacion dinamica en el lado del servidor (2a Edicion). México: RA-MA. Roberts, L. (2011). Multiples Redes Informaticas y Comunicacion entre Ordenadores (4a Edicion). México: RA-MA. Roldan Martinez, D. (2010). Aplicaciones Web, Un enfoque practico (3a Edicion). México: Anaya Multimedia. Ruiz, A. (2010). Servidores Wamserver (3a Edicion). México: Editorial Castillo. Ruiz, L. (2011). Base de Datos (5ta Edicion). México: Anaya Multimedia. Segura, G. (2009). Programacion Web con PHP y MySQL. Mexico: Trillas. Silbershatz, K. (2011). Fundamentos de Base de Datos (3a Edicion). España: MC Graw Hill. Vaswani, V. (2005). How to Everything with PHP and MySQL. USA: McGraw-Hill.
  • 78. 78 ANEXOS Anexo A Entrevista 1. Sabes que es un sitio web a) Sí b) No 2. ¿Sabes utilizar una computadora? a) Si b) No 3. ¿Es necesario implantar un sitio web en la zapatería? a) Si b) No 4. ¿Tiene conocimientos sobre utilizar un sitio web? a) Si b) No 5. ¿Por qué es importante que todas las empresas cuenten con un sitio web? __________________________________________________________________ __________________________________________________________________ __________________________________________________________________ 6.- ¿Es importante que la sociedad conozca los productos de la zapatería? a) Si b) No 7.- ¿Tiene alguna oposición sobre la creación del sitio web? a) Si b) No
  • 79. 79 __________________________________________________________________ __________________________________________________________________ 8.- ¿Cuál cree que es el objetivo principal de un sitio web? a) Mejor difusión b) Entretenimiento 9.- ¿Qué beneficios crees que tendría la realización del sitio web? 10. ¿Estarías dispuesto a ingresar al sitio web? a) Si b) No
  • 80. 80 Anexo B Encuesta Ésta en encuesta se realiza con la finalidad de conocer la aceptación ante la introducción de un Sitio Web para la Zapatería TMC SHOES, con la finalidad de dar a conocer el calzado que ofrece. 1.- ¿Por qué medio de promoción conoció usted la Zapatería TMC SHOES? a) Folletos b) Carteles c) Radiodifusión d) Otros 2.- ¿Utiliza Usted Internet con Frecuencia para conocer o adquirir productos? a) Si b) No c) Indiferente 3.- ¿Crees que es más eficiente el uso de Internet para que las tiendas den a conocer sus productos? a) Si b) No c) Indiferente 4.- ¿Ha visitado alguna tienda online? a) Si b) No c) Indiferente 5.- ¿Le gustaría que la visitará el público en general? a) Si b) No c) Indiferente 6.- ¿Quisiera estar en contacto con la zapatería? a) Si b) No c) Indiferente 7.- ¿Cree que sea factible para la zapatería la realización del sitio web?
  • 81. 81 a) Si b) No c) Indiferente 8.- ¿Le ahorraría dinero y tiempo visualizar los productos por medio de Internet? a) Si b) No c) Indiferente 9.- ¿Le gustaría que la Zapatería contara con un Sitio en Internet donde diera a conocer su calzado? a) Si b) No c) Indiferente 10.- Opiniones: __________________________________________________________________ __________________________________________________________________ __________________________________________________________________ Zapatería “TMC SHOES”, Te agradece la atención prestada para responder ésta encuesta.
  • 82. 82 Anexo C Cronograma Tabla 4 Cronograma NOMBRE DEL INFORME FECHA DE ENTREGA Informe de la Fase de análisis 12 de enero de 2014 Informe de la Fase de Planificación 11 de Febrero de 2014 Informe de la Fase de Contenido 31 de Marzo de 2014 Informe de la Fase de Diseño 5 de Abril de 2014 Informe De la Fase de Programación 7 de Abril de 2014 Informe de la fase de Testeo 27 de Mayo de 2014 Informe de la fase de Mercadeo y Publicidad 2 de Junio de 2014 Reporte Final del Proyecto 9 de Junio de 2014