proyecto final-eq1

110
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 Acevedo Teodoro Vanessa Meneses Miguel Elizabeth Pérez Calderón Laura Elena S.E.P D.G.E.S.T S.N.E.S.T

Upload: helena-perez-calderon

Post on 13-Jun-2015

256 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Proyecto final-eq1

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

Acevedo Teodoro Vanessa

Meneses Miguel Elizabeth

Pérez Calderón Laura Elena

S.E.P D.G.E.S.T S.N.E.S.T

Page 2: Proyecto final-eq1

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.

Page 3: Proyecto final-eq1

CONTENIDORESUMEN............................................................................................................... II

Índice De Tablas....................................................................................................VII

Índice De Ilustraciones...........................................................................................VII

INTRODUCCIÓN.....................................................................................................9

ANTECEDENTES..................................................................................................12

FUNDAMENTACIÓN Y FORMULACIÓN DEL PROBLEMA..................................13

Planteamiento Del Problema..............................................................................13

Pregunta De Investigación..................................................................................13

OBJETIVOS...........................................................................................................14

Objetivo General.................................................................................................14

Objetivos Específicos.........................................................................................14

JUSTIFICACIÓN....................................................................................................15

Impacto Social....................................................................................................15

Impacto Económico............................................................................................16

Impacto Tecnológico...........................................................................................16

Impacto Ambiental..............................................................................................16

FUNDAMENTACIÓN Y FORMULACIÓN DE LAS HIPÓTESIS.............................17

Hipótesis.........................................................................................................17

Hipótesis Nula.................................................................................................17

Identificación Y Clasificación De Las Variables..................................................17

Identificación De Las Variables.......................................................................17

DELIMITACIÓN......................................................................................................19

Alcances.............................................................................................................19

Page 4: Proyecto final-eq1

Limitaciones........................................................................................................19

ANÁLISIS DE FUNDAMENTOS.............................................................................20

1. INTERNET.........................................................................................................20

1.1 Protocolos De Internet..................................................................................20

1.2 Navegadores................................................................................................20

1.2.1 Funcionamiento De Los Navegadores...................................................21

1.2.2 Ejemplo De Navegadores Web..............................................................21

2. APLICACIONES WEB........................................................................................22

2.1 Interfaz..........................................................................................................22

2.2 El Servidor....................................................................................................23

3. ARQUITECTURA CLIENTE/SERVIDOR...........................................................24

3.1 Características..............................................................................................24

3.2 Ventajas........................................................................................................25

3.3 Desventajas..................................................................................................25

4. BASE DE DATOS..............................................................................................26

4.1 Tipos De Bases De Datos.............................................................................26

4.1.1 Bases De Datos Estáticas......................................................................27

4.1.2 Bases De Datos Dinámicas....................................................................27

4.2 Modelos De Bases De Datos........................................................................27

4.2.1. Bases De Datos De Red.......................................................................27

4.2.2. Bases De Datos Relacionales...............................................................27

4.2.3. Bases De Datos Orientadas A Objetos.................................................27

4.3 SGBD............................................................................................................28

5. METODOLOGÍA PARA LA CREACIÓN DE SITIOS WEB.................................29

Page 5: Proyecto final-eq1

5.1 Análisis.........................................................................................................29

5.2 Planificación..................................................................................................30

5.3 Contenido.....................................................................................................31

5.4 Diseño...........................................................................................................31

5.5 Programación...............................................................................................32

5.6 Testeo...........................................................................................................33

5.7 Mercadeo Y Publicidad.................................................................................34

6. HTML..................................................................................................................35

6.1. Definición.....................................................................................................35

6.2. Historia.........................................................................................................35

6.3. Elementos....................................................................................................36

6.4. Estructura De Una Página Web...................................................................36

7. PHP....................................................................................................................38

7.1. Historia.........................................................................................................38

7.2. Sintaxis........................................................................................................38

7.3. Características De Php................................................................................39

8. MYSQL...............................................................................................................40

8.1. Definición.....................................................................................................40

8.2 Características..............................................................................................40

8.3 Aplicaciones..................................................................................................41

9. MULTIMEDIA.....................................................................................................42

9.1 Dreamweaver...............................................................................................42

9.1.1 Funcionalidad.........................................................................................42

9.1.2 Ventajas.................................................................................................43

Page 6: Proyecto final-eq1

10. WAMPSERVER...............................................................................................44

10.1 Características............................................................................................44

10.2 Utilidad........................................................................................................44

10.3 Funcionalidad.............................................................................................44

11. FILEZILLA........................................................................................................46

11.1 Características............................................................................................46

11.2 Ventajas......................................................................................................46

11.3 Desventajas................................................................................................47

PROCEDIMIENTO O MÉTODO.............................................................................48

Enfoque Dela Investigación................................................................................48

Alcance De La Investigación..............................................................................48

Tipo De Investigación.........................................................................................48

Diseño De La Investigación................................................................................48

Unidad De Análisis.............................................................................................49

Muestra...............................................................................................................49

Técnicas Y Elementos De Recolección De Datos..............................................51

Factibilidad Operativa.........................................................................................52

Factibilidad Técnica............................................................................................52

Factibilidad Económica.......................................................................................53

Desarrollo Del Sitio Web.....................................................................................54

Análisis De Resultados..........................................................................................66

CONCLUSIONES Y RECOMENDACIONES.........................................................72

Conclusiones......................................................................................................72

Recomendaciones..............................................................................................73

Page 7: Proyecto final-eq1

REFERENCIAS BIBLIOGRÁFICAS.......................................................................74

ANEXOS................................................................................................................77

Anexo A..............................................................................................................77

Anexo B..............................................................................................................79

Anexo C..............................................................................................................81

Índice De Tablas

Tabla 1 Identificación de las Variables...................................................................17

Tabla 2. Definición Operacional de Variables........................................................18

Tabla 3 Hardware y software.................................................................................52

Tabla 4 Cronograma..............................................................................................81

Índice De Ilustraciones

Ilustración 1 Cálculo de La Muestra.......................................................................50

Ilustración 2 Prototipo de Sitio web........................................................................54

Ilustración 3 Prototipo 2 del Sitio Web....................................................................55

Ilustración 4 Editor de Código de Macromedia Dreamweaver...............................56

Ilustración 5 Editor Gráfico de Macromedia Dreamweaver....................................56

Ilustración 6 Mozilla Firefox - Galería.....................................................................57

Ilustración 7 Mozilla Firefox - Galería Selección....................................................58

Ilustración 8 Mozilla Firefox - Nuestro Equipo........................................................58

Ilustración 9 Mozilla Firefox - Nuestros Servicios...................................................59

Ilustración 10 Mozilla Firefox - Contáctanos...........................................................59

Page 8: Proyecto final-eq1

Ilustración 11 Internet Explorer - Galería................................................................60

Ilustración 12 Internet Explorer - Nuestro Equipo...................................................60

Ilustración 13 Internet Explorer - Nuestros Servicios.............................................61

Ilustración 14 Internet Explorer - Contactanos.......................................................61

Ilustración 15 Google Chrome - Galería.................................................................62

Ilustración 16 Google Chrome - Nuestro Equipo....................................................62

Ilustración 17 Google Chrome - Nuestros Servicios...............................................63

Ilustración 18 Google Chrome - Contáctanos........................................................63

Ilustración 19 WampServer - Localhost..................................................................64

Ilustración 20 Php MyAdmin - Tabla.......................................................................64

Ilustración 21 Tabla - Consulta...............................................................................65

Ilustración 22 Medio de Difusión - Resultados.......................................................66

Ilustración 23 Uso de Internet - Resultados...........................................................67

Ilustración 24 Internet como medio de Difusión - Resultados................................67

Ilustración 25 Aceptación del Sitio Web - Resultados............................................68

Ilustración 26 Proyección del Sitio web - Resultados.............................................68

Ilustración 27 Interés del Público - Resultados......................................................69

Ilustración 28 Factibilidad del Sitio web - Resultados............................................69

Ilustración 29 Percepción del Sitio Web - Resultados............................................70

Ilustración 30 Impacto del Sitio Web - Resultados.................................................70

Page 9: Proyecto final-eq1

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

Page 10: Proyecto final-eq1

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.

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.

Page 11: Proyecto final-eq1

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

Page 12: Proyecto final-eq1

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.

Page 13: Proyecto final-eq1

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?

Page 14: Proyecto final-eq1

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.

Page 15: Proyecto final-eq1

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.

Page 16: Proyecto final-eq1

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

Page 17: Proyecto final-eq1

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.

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.

Page 18: Proyecto final-eq1

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.

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.

Page 19: Proyecto final-eq1

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.

Page 20: Proyecto final-eq1

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

Page 21: Proyecto final-eq1

archivos, permite la visualización de documentos de texto, sitios web y hacer

actividades en 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

Page 22: Proyecto final-eq1

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.

Page 23: Proyecto final-eq1

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.

Page 24: Proyecto final-eq1

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. 

Page 25: Proyecto final-eq1

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.

Page 26: Proyecto final-eq1

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

Page 27: Proyecto final-eq1

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.

Page 28: Proyecto final-eq1

Representa cierta informacion y modela ciertos aspectos del mundo real.

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.

Page 29: Proyecto final-eq1

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.

Page 30: Proyecto final-eq1

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

Page 31: Proyecto final-eq1

una sensación de estar perdido, por lo cual no encontrará rápidamente lo que

busca y terminara por abandonar el sitio.

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)

Page 32: Proyecto final-eq1

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

Page 33: Proyecto final-eq1

Determinación de lenguajes de programación

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.

Page 34: Proyecto final-eq1

Comprobación de tiempos de descarga

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.

Page 35: Proyecto final-eq1

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

Page 36: Proyecto final-eq1

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

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>

Page 37: Proyecto final-eq1

</body>

</Html>

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>

Page 38: Proyecto final-eq1

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

<?phpecho “¡Hola a Todos!”; // Esto es un comentario tipo c++ /* Comentario

multilíneapara varias líneas de código*/ echo “Chau!!!”;echo “Saludos!!!”; #

Comentario estilo Shell de Unix?>

Page 39: Proyecto final-eq1

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

Page 40: Proyecto final-eq1

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.

Page 41: Proyecto final-eq1

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.

Page 42: Proyecto final-eq1

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

Page 43: Proyecto final-eq1

resultar 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

Page 44: Proyecto final-eq1

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

Page 45: Proyecto final-eq1

Acceder a los registros

El acceso a los archivos de configuración

Crear alias y mucho más...

Page 46: Proyecto final-eq1

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

Page 47: Proyecto final-eq1

Comunicación a través de un proxy, un proxy FTP o un firewall

Registro de mensajes

11.3 Desventajas

(Hanke, 2011, pág. 48)

Algunos errores no se explican bien

A veces no conecta como debería

Page 48: Proyecto final-eq1

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.

Page 49: Proyecto final-eq1

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= K 2 pqne2 (N−1 )+z2 pq

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.

Page 50: Proyecto final-eq1

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

Page 51: Proyecto final-eq1

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.

Page 52: Proyecto final-eq1

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 1

Page 53: Proyecto final-eq1

GMA 3750

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

Page 54: Proyecto final-eq1

Diseño de un sitio web con 6 paginas (pestañas)

Hospedaje y dominio.com

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

Page 55: Proyecto final-eq1

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.

Page 56: Proyecto final-eq1

Ilustración 4 Editor de Código de Macromedia Dreamweaver

Ilustración 5 Editor Gráfico de Macromedia Dreamweaver

Page 57: Proyecto final-eq1

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

Page 58: Proyecto final-eq1

Ilustración 7 Mozilla Firefox - Galería Selección

Ilustración 8 Mozilla Firefox - Nuestro Equipo

Page 59: Proyecto final-eq1

Ilustración 9 Mozilla Firefox - Nuestros Servicios

Ilustración 10 Mozilla Firefox - Contáctanos

Page 60: Proyecto final-eq1

La prueba en Internet Explorer

Ilustración 11 Internet Explorer - Galería

Ilustración 12 Internet Explorer - Nuestro Equipo

Page 61: Proyecto final-eq1

Ilustración 13 Internet Explorer - Nuestros Servicios

Ilustración 14 Internet Explorer - Contactanos

Page 62: Proyecto final-eq1

Pruebas en Google Chrome

Ilustración 15 Google Chrome - Galería

Ilustración 16 Google Chrome - Nuestro Equipo

Page 63: Proyecto final-eq1

Ilustración 17 Google Chrome - Nuestros Servicios

Ilustración 18 Google Chrome - Contáctanos

Page 64: Proyecto final-eq1

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

Page 65: Proyecto final-eq1

Ilustración 21 Tabla - Consulta

Page 66: Proyecto final-eq1

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

78%

20%2%

Medio de Difusion

folletoscartelesradiodifusionotros

El grafico nos muestra que el principal medio de difusión de la zapatería ha sido el medio impreso, indicado como folletos.

Page 67: Proyecto final-eq1

2.- ¿Utiliza Usted Internet con Frecuencia para conocer o adquirir productos?

Ilustración 23 Uso de Internet - Resultados

69%

18%

13%

Uso de Internet

sinoindiferente

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

69%

18%

13%

Internet como medio de difusión

sinoindiferente

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

Page 68: Proyecto final-eq1

4.- ¿Ha visitado alguna tienda online?

Ilustración 25 Aceptación del Sitio Web - Resultados

64%19%

17%

Aceptación del sitio web

sinoindiferente

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

73%

20%

8%

Proyección del Sitio web

sinoindiferente

Page 69: Proyecto final-eq1

El gráfico nos muestra que el 73% del público compartiría un sitio web de su

agrado con otros usuarios.

6.- ¿Quisiera estar en contacto con la zapatería?

Ilustración 27 Interés del Público - Resultados

56%26%

18%

Interés del Público

sinoindiferente

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

67%

23%

10%

Factibilidad del Sitio web

sinoindiferente

Page 70: Proyecto final-eq1

El 67% de los encuestados considera factible la realización del sitio web como

medio de difusión para la zapatería.

8.- ¿Le ahorraría dinero y tiempo visualizar los productos por medio de

Internet?

Ilustración 29 Percepción del Sitio Web - Resultados

73%

15%

12%

Percepción del Público

sinoindiferente

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

68%

20%

11%

Impacto del sitio web

sinoindiferente

Page 71: Proyecto final-eq1

El 68% de la población encuestada dijo que sería ideal la construcción de un sitio

web para la zapatería.

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.

Page 72: Proyecto final-eq1

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.

Page 73: Proyecto final-eq1

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.

Page 74: Proyecto final-eq1

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.

Page 75: Proyecto final-eq1

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.

Page 76: Proyecto final-eq1

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.

Page 77: Proyecto final-eq1

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

Page 78: Proyecto final-eq1

__________________________________________________________________

__________________________________________________________________

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

Page 79: Proyecto final-eq1

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?

Page 80: Proyecto final-eq1

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.

Page 81: Proyecto final-eq1

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