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;

...