CREACIÓN E IMPLEMENTACIÓN DE UN SITIO WEB PARA LA EMPRESA SERVIME

INSTITUTO TECNOLOGICO SUPERIOR

DEL ORIENTE DEL ESTADO DE HIDALGO

I T E S A

“CREACIÓN E IMPLEMENTACIÓN DE UN SITIO WEB PARA LA EMPRESA SERVIMEC”

MEMORIA DE RESIDENCIA PROFESIONAL

PARA OBTENER EL TITULO DE:

INGENIERO EN SISTEMAS COMPUTACIONALES

PRESENTA:

CHANG BELLO VERÓNICA

DEL VALLE HERNÁNDEZ FERNANDO ALONSO

RAMÍREZ DE LA LUZ MARÍA GUADALUPE

ASESOR INDUSTRIAL:

INGENIERO ROMÁN ORTEGA HERNÁNDEZ

ASESORES EXTERNOS:

M.I.A. KARINA GUTIÉRREZ FRAGOSO

ING. EFRÉN ROLANDO ROMERO LEÓN

APAN, HIDALGO, DICIEMBRE 2015.

TABLA DE CONTENIDO

1. CAPÍTULO I INTRODUCCIÓN GENERAL 7

1.1 INTRODUCCIÓN 7

1.2 PLANTEAMIENTO DEL PROBLEMA 7

1.3 JUSTIFICACION 8

1.4 OBJETIVO GENERAL 8

1.5 OBJETIVOS PARTICULARES 8

1.6 DEFINICIÓN DEL ÁREA DE OPORTUNIDAD 9

1.7 DETERMINACIÓN DE ALCANCES Y LIMITACIONES. 9

1.8 CONCLUSIÓN 9

2. CAPÍTULO II MARCO TEÓRICO 10

2.1 INTRODUCCIÓN. 10

2.2 FUNDAMENTO TEÓRICO 10

2.2.1 INTERNET 10

2.2.2 HIPERTEXTO 10

2.2.3 LA WEB 11

2.2.4 NAVEGADOR o BROWSER 11

2.2.5 CLIENTE FTP 11

2.2.6 SITIO WEB 12

2.2.7 PÁGINA WEB 12

2.2.8 PRUEBAS DE UN SITIO WEB 13

2.2.9 HTML 5 14

2.2.10 JAVASCRIPT 15

2.2.11 ELEMENTOS DE HTML 15

2.2.12 ALOJAMIENTO WEB 16

2.2.13 BASE DE DATOS 16

2.2.14 UN SISTEMA DE GESTIÓN DE BASE DE DATOS (SGBD) 17

2.2.15 FORMAS NORMALES DE UNA BASE DE DATOS (NF) 17

2.2.16 LENGUAJE DE PROGRAMACIÓN 18

2.2.17 CICLO DE VIDA CLÁSICO DE UN PROYECTO DE SOFTWARE 18

2.2.18 METODOLOGÍA DE PROGRAMACIÓ EXTREMA (XP) 19

2.3.1 EDITOR DE PÁGINAS 20

VERSIONES 22

2.3.2 EDITOR DE BASE DE DATOS 23

2.4 CONCLUSIÓN 24

3. CAPÍTULO III DESCRIPCIÓN DE HERRAMIENTAS Y DESARROLLO DEL PROYECTO 25

3.1 INTRODUCCIÓN 25

3.2 METODOLOGÍA DE DASARROLLO DE SOFTWARE UTILIZADA 25

3.2.1 CICLO DE VIDA CLÁSICO 25

3.2.2 PROGRAMACIÓN EXTREMA (XP) 26

3.3 INSTALACIÓN DE XAMPP 26

3.4 INSTALACIÓN DE PHP (DREAMWEAVER) 33

Inicializando instalador. 35

Inicio de la instalación. 37

3.5 VERSIONES DEL SOFTWARE UTILIZADO 38

3.6 ESPECIFICACIONES DEL EQUIPO (HARDWARE) UTILIZADO PARA EL DESARROLLO DEL PROYECTO 39

3.7 ANÁLISIS 39

3.7.1 IDENTIFICACIÓN DE REQUISITOS 39

3.7.2 REQUISITOS FUNCIONALES 41

3.7.3 REQUISITOS NO FUNCIONALES 41

3.8 DISEÑO 42

3.8.1 DIAGRAMA DE MÓDULOS 43

3.8.2 PLANO DEL SITIO WEB 44

3.9 PANTALLAS 45

3.10 BASE DE DATOS DEL SITIO WEB 49

3.10.1 DIAGRAMA DE LA BASE DE DATOS 49

3.10.2 ACCEDER A phpMyAdmin (ADMINISTRADOR DE MYSQL) 49

3.11 CONCLUSIÓN 52

4.- CAPÍTULO IV PRUEBAS 53

4.1 INTRODUCCIÓN 53

4.2 ASPECTOS QUE DESCRIBEN LAS PRUEBAS APLICADAS AL SITIO WEB 53

4.3 MÉTODO Y TÉCNICA DE PRUEBA UTILIZADO 53

4.4 CONCLUSIÓN 54

5. CAPÍTULO V RESULTADOS 55

5.1 LOGROS 55

5.2 BENEFICIOS 55

5.3 COMENTARIOS 55

Bibliografía 56

LIBROS 56

TABLA DE ILUSTRACIONES

Ilustración 1.- Tabla de pruebas de un Sitio Web 14

Ilustración 2.- Versiones de Dreamweaver 22

Ilustración 3.- Instalación Xampp 26

Ilustración 4.- Componentes de instalación 27

Ilustración 5.- Ubicación Xampp 27

Ilustración 6.- Instaladores para Xampp 28

Ilustración 7 Instalación de Xampp 28

Ilustración 8 Archivos de Xampp 29

Ilustración 9 Pantalla Final 29

Ilustración 10.- Xampp en el ordenador 30

Ilustración 11 Selección de Servicios dl Xampp 30

Ilustración 12 Activando servicios del Xampp 31

Ilustración 13 Abrir navegador y abrir el Localhost 31

Ilustración 14 Xampp activado 32

Ilustración 15 Página de Configuración del Xampp 32

Ilustración 16 Entorno Xampp 33

Ilustración 17 Ejecutando el programa como administrador 33

Ilustración 18 Ubicación de la carpeta 34

Ilustración 19 Preparación de archivos 34

Ilustración 20 Inicialización del instalador 35

Ilustración 21 Pantalla de bienvenida de instalación 35

Ilustración 22 Acuerdo de licencia 36

Ilustración 23 Instalación de Dreamweaver 36

Ilustración 24 Preparación de instalación 37

Ilustración 25 Instalación Completa 37

Ilustración 26 Inicio del Software PHP 38

Ilustración 27 Servidor de base de datos 38

Ilustración 28 Compilador de lenguaje PHP 39

Ilustración 29.- Diagrama de módulos 43

Ilustración 30 Plano del sitio 44

Ilustración 31 Pantalla principal del Sitio web 45

Ilustración 32 Módulo de Galerías 45

Ilustración 33 Introducir Usuario y contraseña 46

Ilustración 34 Galerías Creadas 46

Ilustración 35 Pantalla de Log in 47

Ilustración 36 Blog de Comentarios 47

Ilustración 37 Generación de Reporte 48

Ilustración 38 Reporte de comentarios 48

Ilustración 39 Base de datos del Sitio 49

Ilustración 40 Acceso a Xampp 49

Ilustración 41 Selección de MySQL 50

Ilustración 42 Base de datos del Sitio 50

Ilustración 43 Tablas y campos de la base de datos 51

Ilustración 44 Estructura de la Base de datos 51

1. CAPÍTULO I INTRODUCCIÓN GENERAL

1.1 INTRODUCCIÓN

La necesidad de comunicarse para el ser humano es de vital importancia, la rapidez con que los medios de comunicación han evolucionado es muy grande llegando a causar cambios en muchos aspectos en la sociedad.

Internet actualmente es un medio de comunicación a nivel mundial a de más de ser muy popular es por ello que tiene un gran impacto profundo en el trabajo, el ocio y el conocimiento. Gracias a la Web Millones de personas tienen la facilidad de comunicarse así como a una gran cantidad de información en línea disfrutando de sus beneficios.

Desde un perspectiva cultural del conocimiento, internet ha sido una ventaja y una responsabilidad; para la gente que está interesada en otras culturas proporciona una cantidad significativa de información y de interactividad sería inaceptable de otra manera. Es por ello que la Empresa SERVIMEC (ubicada en Cd. Sahagún Hidalgo) decide incursionar en este medio para así poder seguir en continuo crecimiento y sea reconocida a nivel nacional.

La empresa SERVIMEC la cual es la encargada de dar servicios mecánicos a clientes como gas natural Fenosa, sicim, SAMSUNG, CFE, ISOLUX CORSÁN, IGSA POWER, DAEAH-KOMEX, Dragados, SENER, entre otros dentro de la República Mexicana.

1.2 PLANTEAMIENTO DEL PROBLEMA

Las causas que dan origen a la creación e implementación del sitio web para la empresa SERVIMEC es que la empresa busca ser conocida por mas posibles clientes potenciales y poder así de esta manera ofrecer sus servicios de forma dinámica y proyectarse como una gran empresa a nivel nacional aplicando normas y estándares de calidad.

1.3 JUSTIFICACION

En la actualidad las diferentes empresas existentes dentro de la región es más común encontrarse con nuevas herramientas tecnológicas las cuales facilitan de manera exponencial las diferentes actividades realizadas por los usuarios dentro de la empresa.

Una de las consecuencias de este panorama actualmente, es que los empleados de la empresa tienen como una de sus principales preocupaciones, la de alcanzar por diferentes medios las herramientas que le permitan mejorar día a día los servicios que ofrecen, es por ello que se desarrollará este proyecto cumpliendo con diferentes etapas, que se cumpla en su totalidad con las especificaciones del cliente así como la competitividad sea un impacto dentro y fuera de la empresa.

Difundiendo así la forma de llevar a cabo todos y cada uno de los procesos relacionados con la empresa ayudando a la los usuarios a cumplir con sus diferentes responsabilidades.

Además se cuenta con los medios y herramientas tecnológicas para poder llevar a cabo este proyecto.

1.4 OBJETIVO GENERAL

• Diseñar, crear e implementar un sitio web que cumpla con las diferentes necesidades del cliente.

1.5 OBJETIVOS PARTICULARES

• Diseñar la estructura general del sitio

• Crear una base de datos

• Cumplir con las expectativas del cliente

1.6 DEFINICIÓN DEL ÁREA DE OPORTUNIDAD

En la empresa SERVIMEC S.A. De C.V. contaba con una página web con lo esencial de información de la empresa como lo es la Misión, Visión, Valores, una galería de fotos no clasificada, un formulario que no contaba con muchas opciones de registro, un mapa de ubicación el cual no muestra la ruta a seguir según el sitio donde nos encontremos; es por ello que nace la necesidad de diseñar, crear e implementar un sitio web que se

...