Instituto Tecnológico de

Cuautla

Instituto Tecnológico de Cuautla

Opción
Titulación Integral
Informe Técnico de Residencia
Profesional

“DISEÑO DE UN SISTEMA WEB E

IMPLEMENTACIÓN DE UNA BASE DE DATOS
PARA LOS LEVANTAMIENTOS DE PEDIDOS
DE COSUMIBLES Y AYUDA EN LINEA”

Que para obtener el

título de Ingeniero en
Sistemas Computacionales

Presenta
Juan Daniel Tadeo Sánchez

H.H. Cuautla, Morelos Noviembre 2019

Agradecimientos
N O H AY S E C R E T O S PA R A E L É X I T O . E S T É S E A L C A N Z A
PREPARÁNDOSE, TRABAJANDO ARDUAMENTE Y APRENDIENDO DEL
FRACASO.
-COLIN POWELL

ANTES QUE NADA QUIERO EXPRESAR MI MÁS SINCERO AGRADECI-

MIENTO A MI ASESOR INTERNO Y GUÍA DE ÉSTA PROYECTO AL ING.

AYALA LARA VÍCTOR MANUEL, POR HABERME BRINDADO LA OPORTU-

NIDAD DE TRABAJAR CON ÉL, POR HABER TENIDO LA PACIENCIA.

NECESARIA PARA AYUDARME, POR TRANSMITIRME SU CONOCIMIENTO

Y POR SER DEMASIADO ACCESIBLE EN TODO MOMENTO.

QUIERO AGRADECER A MI FAMILIA POR ESTAR EN AQUELLOS.

MOMENTOS DIFÍCILES QUE PASE DENTRO Y FUERA DE LA INSTITU-

CIÓN, POR ESCUCHARME, BRINDARME SU APOYO DE FORMA

EMOCIONAL Y ECONÓMICA. QUIERO DECIRLE QUE ESA SEMILLA QUE

SEMBRARON EN MI DE CONFIANZA, PRONTO EMPEZARA A DAR FRUTOS

Y SABRÁN QUE NO LES FALLÉ, QUE NADA ES EN VANO.

COMO PODÍA OLVIDARME DE MIS GRANDES COMPAÑEROS QUE A LO

LARGO DE LA CARRERA FUERON UNA PIEZA FUNDAMENTAL. NO SÉ

QUE HUBIERA SIDO MI ESTANCIA EN LA INSTITUCIÓN, DE NO SER POR

ESAS RISAS, CONCEJOS, EL TRABAJO EN EQUIPO QUE LO LLEVAMOS A

2OTRO NIVEL Y ALGO MUY IMPORTANTES Y SER PERSONAS EN AQUE-

LLOS MOMENTOS QUE NECESITE MUCHO PERO DEMASIADO DE ELLOS

Y JAMÁS PUSIERON UN NO POR RESPUESTA. MUCHAS GRACIAS A

Página 2 de 44
HERNÁNDEZ TECLA MARCO ANTONIO, RODRÍGUEZ BENÍTEZ OMAR Y A

ORLANDO VELÁZQUEZ VELÁZQUEZ. GRACIAS POR SU APOYO, COM-

PRENSIÓN, CALMA, GRACIAS POR HACER MIS PROBLEMAS SUYOS, EN

MIS CAÍDAS SIEMPRE ESTUVIERON AHÍ PARA SACARME UNA SONRISA,

LEVANTARME Y SEGUIR ADELANTE.

EL AGRADECIMIENTO MAS GRANDE ES EN ESPECIAL A MI PADRE, QUE

DESDE EL INICIO Y HASTA EL DÍA DE HOY JAMÁS ME HA DEJADO SOLÓ,

SIEMPRE HA ESTADO AL PENDIENTE EN CADA PASO QUE DOY, NUNCA

QUITO EL DEDO DEL RENGLÓN A PESAR DE LAS DIFICULTADES QUE LA

VIDA LE PUSO. QUIERO DECIRLE QUE CADA LOGRO MÍO ES LOGRO DE

ÉL, MI ESFUERZO Y GANAS DE SALIR ADELANTE ES INSPIRADO EN ÉL,

GRACIAS POR TODO PAPÁ. CON RESPETO Y ADMIRACIÓN.

Página 3 de 44
Resumen
HOY EN DÍA LA TECNOLOGÍA ES PARTE FUNDAMENTAL EN CADA UNA

DE LAS EMPRESAS, YA CON ELLA MEJORAN Y ACELERAN SUS PROCE-

SOS Y PRODUCTOS. POR LO QUE LA ADOPCIÓN DE UN SISTEMA WEB,

ESTÁ DEJANDO DE SER UNA ALTERNATIVA Y SE HA VUELTO UNA NECE-

SIDAD, YA QUE MEDIANTE ESTE RECURSO SE DAN A CONOCER DE UNA

MANERA DIGITALIZADA Y MÁS ACTUALIZADA Y OFRECER SUS SERVI-

CIOS Y PRODUCTOS DE UNA MANERA MÁS PRÁCTICA Y RÁPIDA. CON LA

VENTAJA QUE LOS USUARIOS PUEDEN ACCEDER AL SISTEMA SIN COS-

TO ALGUNO Y DESDE EL LUGAR DONDE SE ENCUENTREN PRÁCTICA-

MENTE CON SOLO TENER ACCESO A INTERNET.

EL DESARROLLO DEL SISTEMA WEB ES CON FINES ACRECENTAR LA

PRESENCIA EN EL MERCADO EN EL ÁREA DE SERVICIOS INDUSTRIA-

LES, A FIN, DE QUE LOS CLIENTES CONOZCAN DE FORMA DETALLADA

LOS SERVICIOS QUE OFRECE Y AMPLIÉ SU COMUNICACIÓN CON DI-

VERSAS ÁREAS DE LA INDUSTRIA QUE LABORAN EN EL ESTADO Y FUE-

RA DE EL.

EL SISTEMA WEB PRETENDE MEJORAR LAS COMUNICACIONES ENTRE

EMPRESA-CLIENTE, BUSCAR ESTRATEGIAS PARA QUE LOS CLIENTES

ATRAVÉS DE ESTE SISTEMA WEB PUEDAN OBSERVAR TODO LO QUE LA

EMPRESA OFRECE Y SE DEN CUENTA QUE ES UNA EMPRESA BIEN ES-

Página 4 de 44
TABLECIDA Y COMPROMETIDA CON SU TRABAJO, POR OTRA PARTE EL

SISTEMA WEB CUENTA CON UNA GALERÍA DE IMÁGENES EL CUAL CON

EL PASO DEL TIEMPO CONTENGA CADA UNO DE SUS PROYECTOS Y

SERVICIOS DESARROLLADOS EN UNA PLATAFORMA DONDE TODO EL

MUNDO PUEDA CONSULTARLOS Y ASÍ DARSE PUBLICIDAD LAS 24 HO-

RAS DEL DÍA LOS 7 DÍAS DE LA SEMANA.

Página 5 de 44
 INDÍCE
Portada 1

Agradecimientos 2

Resumen 4

Generalidades del proyecto 7

Introducción 7
Generalidades del proyecto 9

Datos de la empresa. 9
Descripción de la empresa. 9
Area de trabajo del residente. 11
Problemas a resolver. 11
Objetivo General y Objetivos Específicos 12
Justificación de la Investigación 13
Marco teórico 15

Sistema web 15
Internet 16
La World Wide Web 17
Html 18
PHP 20
JavaScript 20
CSS 21
MySQL 21
Apache 22
Wordpress 22
Desarrollo y Resultados 24

Procedimiento y descripción de las actividades realizadas. 24

Conclusiones 37

Competencias desarrolladas y/o aplicadas 38

Fuentes de información 39

Página 6 de 44
Generalidades del proyecto
Introducción
UNA SISTEMA WEB ES UN SISTEMA DE INFORMACIÓN ELECTRÓNICA YA

SEA DINÁMICO O ESTÁTICO QUE CONTIENE INFORMACIÓN ESPECÍFICA

DE UN TEMA EN PARTICULAR Y ESTE ES ALMACENADO EN UN SISTEMA

DE CÓMPUTO QUE SE ENCUENTRA CONECTADO A LA RED MUNDIAL DE

INFORMACIÓN DENOMINADA INTERNET, DE TAL FORMA QUE ESTE SIS-

TEMA PUEDA SER CONSULTADO POR CUALQUIER PERSONA QUE SE

CONECTE A ESTA RED MUNDIAL DE COMUNICACIONES Y QUE CUENTE

CON LOS PERMISOS APROPIADOS PARA HACERLO.

PARA OBTENER BUENOS RESULTADOS DE UN SISTEMA WEB ES IMPOR-

TANTE CONTAR CON UNA DEFINICIÓN CLARA DE LOS OBJETIVOS. AL-

GUNOS DE LOS RESULTADOS CON UN SISTEMA BIEN PLANEADO SON

LOS SIGUIENTES.

• ATRAER PROSPECTOS Y CLIENTES

• VENDER PROYECTOS Y SERVICIOS

• ALCANZAR NUEVOS MERCADOS, YA SEA EN OTRAS CIUDADES O

PAÍSES, EN OTRAS INDUSTRIAS O PARA DIFERENTES ÁREAS DEL

ROL DE LA EMPRESA QUE OFRECE SUS SERVICIOS.

• INCREMENTAR LA SATISFACCIÓN DEL CLIENTE BRINDANDO UN

MEJOR SERVICIO Y ASISTENCIA, CON ELLA SE DA UNA RELACIÓN

MÁS ESTRECHA CON ELLOS.

Página 7 de 44
 • PROPORCIONAR INFORMACIÓN Y GUIAR A LOS CLIENTES ACER-

CA DE LA DIVERSIDAD DE PRODUCTOS, SERVICIOS Y LAS VENTA-

JAS QUE TENDRÁ AL HACER NEGOCIOS CON LA EMPRESA.

• EFICIENTAR LOS PROCESOS DE PROYECTOS Y SERVICIOS.

• INCREMENTAR VISIBILIDAD Y CREDIBILIDAD DE LA EMPRESA,

EVITANDO PERDER NEGOCIOS Y CLIENTES POR NO CONTAR CON

UN SISTEMA WEB.

• PROPORCIONAR INFORMACIÓN INMEDIATA ACERCA DE LOS

PROYECTOS Y SERVICIOS

• RESOLVER DUDAS EN TIEMPO REAL MEDIANTE LA IMPLEMENTA-

CIÓN DE UN CHAT EN UN HORARIO ESTABLECIDO POR LA EM-

PRESA.

EL PRESENTE PROYECTO PLANTEA EL DESARROLLO DE UN SISTEMA

WEB PARA LA EMPRESA “DROIT PROYECTOS Y SERVICIOS INDUSTRIA-

LES” EL CUÁL ESTE BIEN DISTRIBUIDO Y SEA FÁCIL DE COMPRENDER

CADA PARTE DEL MISMO, QUE SEA ATRACTIVO AL USUARIO Y CUENTE

CON LA INFORMACIÓN NECESARIA PARA DAR A CONOCER TODA LA DI-

VERSIDAD DE PROCESOS Y SERVICIOS QUE OFRECE ASI COMO LA PE-

TICIÓN DE COTIZACIONES A TRAVÉS DEL LLENADO DE UN FORMULARIO

EL CUAL AL SER LLENADO SERÁ ANALIZADO Y TENDRÁN RESPUESTA

SIN NECESIDAD DE HACER PRESENCIA EN LAS OFICINAS Y TENIENDO

RESPUESTA MEDIANTE UNA LLAMADA Y UN MENSAJE DE CORREO

ELECTRÓNICO.

Página 8 de 44
Generalidades del proyecto
Datos de la empresa.
NOMBRE DE LA EMPRESA: DROIT “PROYECTOS Y SERVICIOS INDUS-

TRIALES”

TITULAR DE LA EMPRESA: J FÉLIX DÍAZ AGUIRRE

DOMICILIO DE LA EMPRESA:

CALLE SAN BERNARDO NO 8 INT A

COL. LA TRINIDAD SANCTORUM CP 72730, CUAUTLANCINGO PUEBLA

TELEFONO: 044 22 21 04 79 17

Descripción de la empresa.
DROIT ES UNA EMPRESA JOVEN,

A PESAR DE 2 AÑOS DE SU CREACIÓN HA LOGRADO SU CRECIMIENTO

SATISFACTORIO EN EL RAMO, LOGRANDO POSICIONARSE YA COMO

PROVEEDOR DE EMPRESAS RECONOCIDAS COMO LO ES GESTAMP1,

GESTAMP 2, BENTELER,THYSSENKRUPP, INDUSTRIAS NORM, ENTRE

OTRAS.

DROIT INICIÓ SUS ACTIVIDADES EN 2015 CUENTA CON POCO MAS DE

DOS AÑOS DE PRESENCIA Y TRAYECTORIA EN EL MERCADO.


SIN IMPORTAR DE POCOS AÑOS DE TRABAJO DROIT AH INCORPORADO

NUEVAS LÍNEAS DE PROCESOS CON EL OBJETIVO DE PROVEER A SUS

CLIENTES UNA SOLUCIÓN INTEGRAL A SUS NECESIDADES. CONTANDO

CON UN EXCELENTE GRUPO HUMANO DE TRABAJO EL CUAL SE CAPA-

Página 9 de 44
CITA EN FORMA PERMANENTE A FIN DE ESTAR ACTUALIZADO EN LOS

CAMBIOS E INNOVACIONES TECNOLÓGICAS QUE SE PRESENTAN EN

NUESTRO ÁMBITO.

LOGRAR UNA PERMANENTE MEJORA EN NUESTRAS ACTIVIDADES A FIN

DE DAR UN SERVICIO QUE ASEGURE UNA ENTREGA EN TIEMPO Y FOR-

MA CON SU CORRESPONDIENTE ASESORAMIENTO.TODO CON EL FIN

DE LOGRAR COMO META FINAL UNA SATISFACCIÓN PLENA DE NUES-

TROS CLIENTES.

ES IMPORTANTE SEÑALAR ADEMÁS, QUE NUESTROS SERVICIOS ESTÁN

FORTALECIDOS POR CONTAR CON UN STOCK PERMANENTE DE LOS

PRINCIPALES PRODUCTOS DE NUESTRA COMERCIALIZACIÓN. Y NUES-

TROS SERVICIOS QUE OFRECEMOS POCO A POCO HAN IDO GANANDO

EL RECONOCIMIENTO DE MUCHOS CLIENTES.

Página 10 de 44
Area de trabajo del residente.
DEPARTAMENTO ADMINISTRACIÓN

Problemas a resolver.
• DESARROLLO Y IMPLEMENTACIÓN DEL SISTEMA WEB DE LA

EMPRESA.

• APLICAR AYUDA EN LINEA A TRAVÉS DE SU SITIO WEB.

• DESARROLLO Y IMPLEMENTACIÓN DE UN SISTEMA CON UNA

BASE DE DATOS PARA EL REGISTRO DE CONSUMIBLES Y

PROVEEDORES DE LA EMPRESA.

• DESARROLLO DE UNA BASE DE DATOS DE USO CONFIDENCIALES

PARA EL TITULAR DE LA EMPRESA.

• CONEXIÓN MAQUINA-COMPUTADORA ESPECIALIZADA EN LA

AUTOMATIZACIÓN INDUSTRIAL EN AREA DE CORTE INDUSTRIAL

LACER.

• ADMINISTRACIÓN DE SUS CORREOS EMPRESARIALES.

• IMPLEMENTACIÓN Y CONFIGURACIÓN DE UN SERVIDOR PARA EL

AREA DE OFICINA CON ROLES PRINCIPALES COMO ACTIVE

DIRECTORY , DHCP Y DNS.

• MANTENIMIENTO PREVENTIVO Y CORRECTIVO

(COMPUTADORAS DE ESCRITORIO, LAPTOPS, IMPRESORAS Y

SERVIDOR).

• A P O Y O A L J E F E D E S U P E RV I S O R E S E N E L A R E A D E

ADMINISTRACIÓN DE HORAS DE TRABAJO Y NOMINAS.

• CAMBIO DE CABLES DE FIBRA OPTICA DE MAQUINA COMAU.

Página 11 de 44
Objetivo General y Objetivos Específicos

OBJETIVO GENERAL

DISEÑAR UN SISTEMA WEB PARA MEJORAR LAS VENTAS Y SER UNA

EMPRESA CONOCIDA Y RECONOCIDA A NIVEL NACIONAL E INTERNA-

CIONAL.

OBJETIVOS ESPECÍFICOS

• DETERMINAR LAS NECESIDADES DE LA EMPRESA “DROIT” INHE-

RENTES A SU MISIÓN, VISIÓN Y OBJETIVOS.

• IDENTIFICAR LOS SERVICIOS QUE OFRECE ““DROIT”

• DETERMINAR LOS ELEMENTOS GRÁFICOS COMUNICACIONALES

MÁS ADECUADOS PARA LA IMAGEN DE “DROIT” EN FUNCIÓN DEL

POSICIONAMIENTO EN EL MERCADO QUE SE QUIERE ALCANZAR.

• DETERMINAR EL CONTENIDO Y SECCIONES DEL SITIO WEB. 


Página 12 de 44
Justificación de la Investigación
LA IMPORTANCIA AL DESARROLLAR SISTEMA WEB, ES DAR A CONOCER

A LA EMPRESA DORMIR ASÍ COMO SUS SERVICIOS Y AMPLIAR SU LISTA

DE CLIENTES, LO QUE PERMITIRÁ EL CRECIMIENTO CONSTANTE DE LA

EMPRESA Y DE SUS EMPLEADOS. TAMBIÉN, MOSTRAR ESTRATEGIAS

QUE FORTALEZCAN LA COMUNICACIÓN ENTRE EMPRESA (GERENTES Y

EMPLEADOS) Y CLIENTES Y/O PROVEEDORES, YA QUE EN TODA EM-

PRESA ACTUALMENTE LA MAYORÍA DE LOS PROBLEMAS EXISTENTES

SON DEBIDOS AL MAL MANEJO DE LA INFORMACIÓN Y COMO TRASMI-

TIRLA A SUS CLIENTES.

LA IMPORTANCIA QUE POSEE ESTE PROYECTO NO ES SIMPLEMENTE

ELABORAR UN SISTEMA WEB CON EL OBJETIVO DE PUBLICAR SUS

SERVICIOS, SINO MÁS BIEN, PODER EXTRAER DE ESTA HERRAMIENTA

MÁS BENEFICIOS Y APORTAR ESTRATEGIAS QUE ENRIQUEZCAN EL

PROYECTO, COMO TAMBIÉN COLABORAR CON EL CRECIMIENTO Y ME-

JORAMIENTO DE LA EMPRESA CON SUS CLIENTES ACTUALES Y FUTU-

ROS CLIENTES. PROYECTO POR EL CUAL OTRAS EMPRESAS PODRÁN

PONER EN PRÁCTICA ESTAS ESTRATEGIAS PARA OFRECERLES UN ME-

JOR SERVICIO A SUS CLIENTES.

LOS CLIENTES A TRAVÉS DE ESTE SISTEMA WEB PODRÁN OBTENER LA

INFORMACIÓN DESDE SUS OFICINAS Y/O HOGARES, EXTRAYENDO EL

MAYOR PROVECHO Y BENEFICIO DEL SISTEMA WEB. LA INFORMACIÓN

Y LAS DUDAS QUE TENGA EL CLIENTE SERÁN ACLARADAS AL

INSTANTE.

Página 13 de 44
LOS MOTIVOS Y LAS RAZONES QUE CONLLEVAN A LA REALIZACIÓN DE

ESTE PROYECTO ES PRINCIPALMENTE PORQUE NO CUENTAN CON

UNO DE LOS SERVICIOS MÁS EMPLEADOS HOY EN DÍA PARA CONOCER

UN PRODUCTO O SERVICIO, QUE ES UNA SISTEMA WEB. OTRO DE LOS

ASPECTOS QUE SE RESOLVERÍAN CON ESTA INVESTIGACIÓN, ES MINI-

MIZAR LOS PROBLEMAS QUE SE GENERAN DENTRO DE LA EMPRESA

POR FALTA DE COMUNICACIÓN DE EMPRESA-CLIENTE, Y ASÍ LOGRAR

RAPIDEZ, EFICIENCIA, PRACTICIDAD, AHORRO DE TIEMPO.

OBTENER MÁS QUE UN SERVICIO PUBLICITARIO, UN BENEFICIO PARA

ACRECENTAR EL CAPITAL ACTUAL DE LA EMPRESA.

ENTRE LAS FORTALEZAS QUE PRESENTA ESTA EMPRESA DENTRO DEL

MERCADO, ES QUE SON LOS ÚNICOS QUE BRINDAN EL SERVICIO EN

TIEMPO, FORMA Y CALIDAD.

LA PRINCIPAL DEBILIDAD QUE PRESENTA LA EMPRESA, ES QUE SOLA-

MENTE CUENTA CON UN MEDIO IMPRESO PARA PROMOCIONARSE, QUE

SON LAS TARJETAS, LO QUE ORIGINA PARA LOS CLIENTES OBTENER

POCA INFORMACIÓN DE OTROS SERVICIOS QUE BRINDA LA EMPRESA.

Página 14 de 44
Marco teórico
Sistema web

ES EL CONJUNTO DE VARIAS PAGINAS WEB DIRIGIDAS POR UN MENU,

EL CUAL CADA PAGINA ES UN DOCUMENTO ELECTRÓNICO CAPAZ DE

CONTENER TEXTO, SONIDO, VÍDEO, PROGRAMAS, ENLACES, IMÁGE-

NES, BASE DE DATOS Y MUCHAS OTRAS COSAS, ADAPTADA PARA LA

LLAMADA WORLD WIDE WEB (WWW) Y QUE PUEDE SER ACCEDIDA ME-

DIANTE UN NAVEGADOR WEB. ESTA INFORMACIÓN SE ENCUENTRA

GENERALMENTE EN FORMATO HTML O XHTML, Y PUEDE PROPORCIO-

NAR ACCESO A OTROS SISTEMAS WEB MEDIANTE ENLACES DE HIPER-

TEXTO. FRECUENTEMENTE TAMBIÉN INCLUYEN OTROS RECURSOS

COMO PUEDEN SER HOJAS DE ESTILO EN

CASCADA, GUIONES (SCRIPTS), IMÁGENES DIGITALES, ENTRE OTROS.

LAS PÁGINAS WEB PUEDEN ESTAR ALMACENADAS EN UN EQUIPO LO-

CAL O EN UN SERVIDOR WEB REMOTO. EL SERVIDOR WEB PUEDE

RESTRINGIR EL ACCESO ÚNICAMENTE A REDES PRIVADAS, POR EJEM-

PLO, EN UNA INTRANET CORPORATIVA, O PUEDE PUBLICAR LAS PÁGI-

NAS EN LA WORLD WIDE WEB. EL ACCESO A LAS PÁGINAS WEB ES

REALIZADO MEDIANTE UNA TRANSFERENCIA DESDE SERVIDORES, UTI-

LIZANDO EL PROTOCOLO DE TRANSFERENCIA DE HIPERTEXTO (HTTP).

Página 15 de 44
LAS PÁGINAS WEB SON ESCRITAS EN UN LENGUAJE DE MARCADO QUE

PROVEE LA CAPACIDAD DE MANEJAR E INSERTAR HIPERENLACES, GE-

NERALMENTE HTML.

RESPECTO A LA ESTRUCTURA DE LAS PÁGINAS WEB, ALGUNOS ORGA-

NISMOS, EN ESPECIAL EL WORLD WIDE WEB CONSORTIUM (W3C), SUE-

LEN ESTABLECER DIRECTIVAS CON LA INTENCIÓN DE NORMALIZAR

EL DISEÑO, Y PARA ASÍ FACILITAR Y SIMPLIFICAR LA VISUALIZACIÓN E

INTERPRETACIÓN DEL CONTENIDO.

UNA SISTEMA WEB ES EN ESENCIA UNA TARJETA DE PRESENTACIÓN

DIGITAL, YA SEA PARA EMPRESAS, ORGANIZACIONES, O PERSONAS, ASÍ

COMO UNA MANERA DE COMUNICAR IDEAS, PENSAMIENTOS, CONOCI-

MIENTOS, INFORMACIONES O TEORÍAS.

Internet

INTERNET ES UN CONJUNTO DE REDES, REDES DE COMPUTADORAS Y

EQUIPOS FÍSICAMENTE UNIDOS MEDIANTE MEDIOS QUE CONECTAN

PUNTOS DE TODO EL MUNDO. SE PRESENTA EN MUCHAS FORMAS:

DESDE CABLES DE RED LOCAL (VARÍAS MÁQUINAS CONECTADAS EN

UNA OFICINA O CAMPUS) A CABLES TELEFÓNICOS CONVENCIONALES,

DIGITALES Y CANALES DE FIBRA ÓPTICA QUE FORMAN LAS CARRETE-

RAS PRINCIPALES DE LA INFORMACIÓN. EN INTERNET LAS COMUNICA-

CIONES CONCRETAS SE ESTABLECEN ENTRE DOS PUNTOS: COMPU-

TADORA PERSONAL Y SERVIDORES. EL FUNDAMENTO DE INTERNET ES

EL TCP/IP, PROTOCOLO DE TRANSMISIÓN QUE ASIGNA A CADA MÁQUI-

Página 16 de 44
NA QUE SE CONECTA UN NÚMERO ESPECÍFICO, LLAMADO “NÚMERO

IP”. EL PROTOCOLO TCP/IP SIRVE PARA ESTABLECER UNA COMUNICA-

CIÓN ENTRE DOS PUNTOS REMOTOS MEDIANTE EL ENVÍO DE INFOR-

MACIÓN EN PAQUETES.

La World Wide Web

PUEDE DEFINIRSE BÁSICAMENTE COMO DOS COSAS: HIPERTEXTO,

QUE ES UN SISTEMA DE ENLACES QUE PERMITE SALTAR DE UNOS LU-

GARES A OTROS; MULTIMEDIA, QUE HACE REFERENCIA AL TIPO DE

CONTENIDOS QUE PUEDE MANEJAR (TEXTO, GRÁFICOS, VIDEO Y

OTROS) EN INTERNET, LAS BASES SOBRE LAS QUE SE TRANSMITE LA

INFORMACIÓN. EL ASPECTO EXTERIOR DE WWW SON LAS CONOCIDAS

PÁGINAS WEB. LAS PÁGINAS DE LAS WWW ESTÁN SITUADAS EN SER-

VIDORES DE TODO EL MUNDO (SITIOS WEB), Y SE ACCEDE A ELLAS

MEDIANTE UN PROGRAMA DENOMINADO “NAVEGADOR” (BROWSER).

ESTE PROGRAMA EMPLEA UN PROTOCOLO LLAMADO HTTP, QUE FUN-

CIONA SOBRE TCP/IP, Y QUE SE ENCARGA DE GESTIONAR EL ASPECTO

DE LAS PÁGINAS Y LOS ENLACES. CADA PÁGINA WEB TIENE UNA DI-

RECCIÓN ÚNICA EN INTERNET, EN FORMA DE URL. UN URL INDICA UN

TIPO DE DOCUMENTO (PÁGINA WEB O DOCUMENTO EN FORMATO

HTML).

Página 17 de 44
Html

ES UN LENGUAJE PARA LA DEFINICIÓN DE ESTILOS LÓGICOS EN DO-

CUMENTOS DE HIPERTEXTO. LAS PÁGINAS WEB MANTIENEN UNA ES-

TRUCTURA MUY SENCILLA QUE DEBEMOS RESPETAR, PARA QUE LOS

NAVEGADORES SEAN CAPACES DE PRESENTARLA. NO PODEMOS CO-

MENZAR NUESTRA PÁGINA CON UNA ETIQUETA DE PÁRRAFO, POR

EJEMPLO, SINO QUE DEBEMOS INDICAR QUÉ TIPO DE PÁGINA ESTA-

MOS GENERANDO, QUÉ INFORMACIÓN ADICIONAL LLEVARÁ Y DÓNDE

COMIENZA EL CONTENIDO QUE DEBE SER MOSTRADO.

DE ESTE MODO, CUALQUIER PÁGINA WEB INCLUIRÁ AL MENOS LAS SI-

GUIENTES ETIQUETAS:

• <HTML> Y </HTML> COLOCADAS AL PRINCIPIO Y FIN DEL DOCU-

MENTO INDICAN DÓNDE COMIENZA Y FINALIZA LA PÁGINA WEB.

• <HEAD> Y </HEAD> DEFINEN UN ESPACIO EN EL QUE INCLUIRE-

MOS CONTENIDOS QUE NO SE VAN A MOSTRAR DIRECTAMENTE

EN EL NAVEGADOR, SINO QUE SIRVEN PARA DESCRIBIR DETER-

MINADOS ASPECTOS DEL DOCUMENTO, COMO SU TÍTULO, AU-

TOR, LOS ESTILOS QUE EMPLEAREMOS, PEQUEÑAS FUNCIONES

QUE SE DEBEN REALIZAR, ETC.

• <BODY> Y </BODY> EN SU INTERIOR SE INCLUYE LA INFORMA-

CIÓN QUE SE MOSTRARÁ EN EL NAVEGADOR. ES EL CONTENIDO

REAL DE LA PÁGINA, ESTRUCTURADO MEDIANTE LAS DIFEREN-

TES ETIQUETAS.

Página 18 de 44
JUNTO A LAS TRES ETIQUETAS ANTERIORES PODEMOS ENCONTRAR

ALGUNAS MÁS QUE SON IMPORTANTES PARA QUE LA WEB SE INTER-

PRETE CORRECTAMENTE:

• <!DOCTYPE> Y <?XML> SON DOS ETIQUETAS QUE INDICAN QUÉ

TIPO DE DOCUMENTO ESTAMOS GENERANDO Y A QUÉ NORMAS

SE AJUSTA. NORMALMENTE SERÁN SIEMPRE IGUALES Y SERÁ

NUESTRO EDITOR EL QUE SE ENCARGUE DE COLOCARLAS AL

PRINCIPIO DE LA PÁGINA, CUANDO SEA NECESARIO.

CON TODO LO ANTERIOR, UNA PÁGINA CREADA DESDE CERO Y CON UN

BREVE CONTENIDO QUEDARÍA DE LA SIGUIENTE MANERA:

<!DOCTYPE HTML>


<HTML>

<HEAD>


<TITLE>MI PRIMERA PÁGINA</TITLE>


</HEAD>

<BODY>


<P>MI PRIMERA PÁGINA WEB, CREADA </P>


</BODY>

</HTML>

Página 19 de 44
PHP
SE TRATA DE UN LENGUAJE DE PROGRAMACIÓN USADO GENERAL-

MENTE EN LA CREACIÓN DE CONTENIDOS PARA SITIOS WEB. ES UN

LENGUAJE INTERPRETADO ESPECIALMENTE USADO PARA CREAR

CONTENIDO DINÁMICO WEB Y APLICACIONES PARA SERVIDORES ASÍ

COMO LA POSIBILIDAD DE CREAR APLICACIONES GRÁFICAS. GENE-

RALMENTE LOS SCRIPTS EN PHP SE EMBEBEN EN OTROS CÓDIGOS

COMO HTML, AMPLIANDO LAS POSIBILIDADES DEL DISEÑADOR DE PÁ-

GINAS WEB. LA INTERPRETACIÓN Y EJECUCIÓN DE LOS SCRIPTS PHP

SE HACEN EN EL SERVIDOR, EL CLIENTE (UN NAVEGADOR) SOLO RECI-

BE EL RESULTADO DE LA EJECUCIÓN.

JavaScript
AL IGUAL QUE HTML, JAVASCRIPT ES UN LENGUAJE DE PROGRAMA-

CIÓN QUE SE PUEDE UTILIZAR PARA CONSTRUIR SITIOS WEB Y PARA

HACERLOS MÁS INTERACTIVOS. AUNQUE COMPARTE MUCHAS DE LAS

CARACTERÍSTICAS Y DE LAS ESTRUCTURAS DEL LENGUAJE JAVA, FUE

DESARROLLADO INDEPENDIENTEMENTE. EL LENGUAJE JAVASCRIPT

PUEDE INTERACTUAR CON EL CÓDIGO HTML, PERMITIENDO A LOS

PROGRAMADORES WEB UTILIZAR CONTENIDO DINÁMICO. POR EJEM-

PLO, HACE FÁCIL RESPONDER A LOS ACONTECIMIENTOS INICIADOS

POR USUARIOS (COMO INTRODUCCIÓN DE DATOS EN FORMULARIOS)

SIN TENER QUE UTILIZAR CGI. EL LENGUAJE JAVASCRIPT ES OPEN-

SOURCE, POR LO CUALQUIER PERSONA PUEDE UTILIZARLO SIN COM-

PRAR UNA LICENCIA.

Página 20 de 44
CSS

CSS ES UN LENGUAJE QUE DESCRIBE LA PRESENTACIÓN DE LOS DO-

CUMENTOS ESTRUCTURADOS EN HOJAS DE ESTILO PARA DIFERENTES

MÉTODOS DE INTERPRETACIÓN, ES DECIR, DESCRIBE COMO SE VA A

MOSTRAR UN DOCUMENTO EN PANTALLA. SE TRATA DE UNA ESPECIFI-

CACIÓN DESARROLLADA POR EL W3C (WORLD WIDE WEB CONSOR-

TIUM) PARA PERMITIR LA SEPARACIÓN DE LOS CONTENIDOS DE LOS

DOCUMENTOS ESCRITOS EN HTML, XML, XHTML, SVG, O XUL DE LA

MySQL

MYSQL ES UN SISTEMA DE GESTIÓN DE BASES DE

DATOS RELACIONAL DESARROLLADO BAJO LICENCIA DUAL GPL/LICEN-

CIA COMERCIAL POR ORACLE CORPORATION Y ESTÁ CONSIDERADA

COMO LA BASE DATOS OPEN SOURCE MÁS POPULAR DEL MUNDO, Y

UNA DE LAS MÁS POPULARES EN GENERAL JUNTO A ORACLE Y MI-

CROSOFT SQL SERVER, SOBRE TODO PARA ENTORNOS DE DESARRO-

LLO WEB.

MYSQL FUE INICIALMENTE DESARROLLADO POR MYSQL AB (EMPRESA

FUNDADA POR DAVID AXMARK, ALLAN LARSSON Y MICHAEL WIDENIUS).

MYSQL A.B. FUE ADQUIRIDA POR SUN MICROSYSTEMS EN 2008, Y ÉSTA

A SU VEZ FUE COMPRADA POR ORACLE CORPORATION EN 2010

Página 21 de 44
Apache

APACHE ES UN SERVIDOR WEB DE CÓDIGO ABIERTO PARA DIFEREN-

TES PLATAFORMA, PRESENTA ENTRE OTRAS CARACTERÍSTICAS ALTA-

MENTE CONFIGURABLES, BASES DE DATOS DE AUTENTICACIÓN Y NE-

GOCIADO DE CONTENIDO, PERO FUE CRITICADO POR LA FALTA DE UNA

INTERFAZ GRÁFICA QUE AYUDE EN SU CONFIGURACIÓN. ES USADO

PRINCIPALMENTE PARA ENVIAR PÁGINAS WEB ESTÁTICAS Y DINÁMI-

CAS EN LA WORLD WIDE WEB. MUCHAS APLICACIONES WEB ESTÁN DI-

SEÑADAS ASUMIENDO COMO AMBIENTE DE IMPLANTACIÓN A APACHE,

O QUE UTILIZARÁN CARACTERÍSTICAS PROPIAS DE ESTE SERVIDOR

WEB.

Wordpress

WORDPRESS ES UN SISTEMA DE GESTIÓN DE

CONTENIDOS O CMS (POR SUS SIGLAS EN INGLÉS, CONTENT MANA-

GEMENT SYSTEM) ENFOCADO A LA CREACIÓN DE CUALQUIER TIPO DE

PÁGINA WEB. ESTÁ DESARROLLADO EN EL LENGUAJE PHP PARA EN-

TORNOS QUE EJECUTEN MYSQLY APACHE, BAJO LICENCIA GPL Y

ES SOFTWARE LIBRE. SUS FUNDADORES SON MATT MULLENWEG Y

M I K E L I T T L E . W O R D P R E S S F U E C R E A D O A PA R T I R D E L

DESAPARECIDO B2/CAFELOG Y SE HA CONVERTIDO EN EL CMS MÁS

POPULAR DE LA BLOGOSFERA Y EN EL MÁS POPULAR CON RESPECTO

A CUALQUIER OTRO CMS DE USO GENERAL. LAS CAUSAS DE SU

ENORME CRECIMIENTO SON, ENTRE OTRAS, SU LICENCIA, SU FACILI-

Página 22 de 44
DAD DE USO Y SUS CARACTERÍSTICAS COMO GESTOR DE CONTENI-

DOS.

AUNQUE LA MAYOR PARTE DE LA DOCUMENTACIÓN EXISTENTE, ASÍ

COMO EL ESPÍRITU ORIGINAL DE SUS DESARROLLADORES, SE BASA

EN LA UTILIZACIÓN DEL MOTOR DE BASES DE DATOS MYSQL SOBRE EL

S E RV I D O R W E B A PA C H E , É S T E S I S T E M A D E G E S T I Ó N D E

CONTENIDOS PUEDE TAMBIÉN INSTALARSE EN ENTORNOS QUE EJE-

CUTEN POSTGRESQL, MARIADB Y NGINX.

Página 23 de 44
Desarrollo y Resultados
Procedimiento y descripción de las activi-
dades realizadas.
Actividad 1:

Desarrollo y implementación de un sistema web de la empresa.

Descripción:

Aplicar los conocimientos obtenidos en el instituto para el desarrollo de un

sistema web con los requerimientos , servicios y procesos de la empresa
Droit “Proyectos y servicios industriales”

Procedimiento:

Para el desarrollo completo del sistema web lo primero que se hizo fue pe-
dir documentos al área de recursos humanos con los datos eh información
sobre la empresa y hacer un en conjunto con mi asesor externo y titular de
la empresa la maquetación de las paginas que conformarían el sistema.
Después de tener todo la documentación y visión de como tenia que quedar
el sistema web, se paso a la realización con ayuda de un CMS.

Página 24 de 44
Resultados:

Página 25 de 44
Actividad 2:
Aplicar Ayuda en linea a través de su sitio web.

Descripción:

Una de las funcionalidades del sistema web tenia que ser la ayuda en tiem-
po real en lineal través de la pagina web en un tiempo de respuesta inme-
diato dentro de un horario establecido por la empresa.
Procedimiento:

Para le implementación del chat en linea mediante nuestro CMS nos ayuda
con una plataforma de administrador que nos facilita este proceso el cual se
tiene que configurar y desarrollar un Script el cual contendrá todas las con-
figuraciones de nuestro chat el cual mediante el inicio de sesión del admi-
nistrador el chat estará en linea y listo para que los clientes sean atendidos

Resultados:

Página 26 de 44
Página 27 de 44
Actividad 3:

Desarrollo y implementación sistema con una base de datos para el re-

gistro de consumibles y proveedores de la empresa.

Descripción:

El sistema consiste en guardar las compras , consumibles, proveedores ,

fechas de compras con todo y semana de un solo proyecto y su relación
con otros para saber los gastos por semana y por proyecto.

Procedimiento:
El desarrollo de este proyecto fue uno de los mas complicados al principio.
Como principal nuncio fue trabajar mas a fondo con base de datos , HTML,
programación en PHP, JavaScript ,Ajax ya que el sistema tenia puntos muy
específicos al momento de su desarrollo.
Lo primero fue desarrollar el sistema en HTML su interfaz.
Como siguiente paso fue la creación de la base de datos que iba almacenar
cada parte de mi interfaz con su relaciones. Para mas adelante hacer la co-
nexión con PHP.
Para finalizar el sistema se trabajo con JavaScript para lo dinámico del sis-
tema y lo atractivo con base a sus necesidades.

Resultados:

Página 28 de 44
Página 29 de 44
Actividad 4:
Desarrollo de una base de datos de uso confidenciales para el titular de la
empresa.

Descripción:
Desarrollo de un sistema con implementación del uso de una base de datos
para uso personal y exclusivo del titular de la empresa .

Procedimiento:

Por fines del Titular de la empresa y asesor solo podemos decir que se uso
eh implemento una base de datos sql, programación php, JavaScript , html
entre otros aspectos una de las partes fundamentales fue el uso de un login
con tan solo dos usuarios.

Actividad 5:
Conexión maquina-computadora especializada en la automatización in-
dustrial en area de corte industrial lacer.

Descripción:

El trabajo consistia en poder comunicar un laptop con windows XP a un

CNC NUM 1050 para poder configurarla después de su mantenimiento y
reparación.

Procedimiento:
Para poder realizar esta actividad se trabajo directamente en la planta 1
GESTAMP (grupo internacional de ingeniería automotriz. ). con la ayuda
solamente de un cable serial usb - MPI y un programa especial del CNC y
configuraciones internas del software.

Página 30 de 44
Resultados:

Página 31 de 44
Actividad 6:
Administración de sus correos empresariales.

Descripción:

Creación y administración de correos del dominio para el personal de ofi-

cina de la empresa Droit Proyectos y servicios industriales.

Procedimiento:

Mediante una cuenta y una contraseña generada por el CPanel del web
Master tenia acceso total al dominio en el cual en uno de sus apartados es-
taba la creación , modificación ,eliminación y administración de cuentas.
Como presentación de correo les asigne una firma con datos de la empresa
y de cada uno de ellos en cada cuenta de correo.
Resultados:

Página 32 de 44
Actividad 7:
Implementación y configuración de un servidor para el area de oficina con
roles principales como active directory , dhcp y dns.

Descripción:

Implementar el S.O Windows server 2012 para un mejor control y admi-

nistración de los dispositivos con ADD y DNS y de la administración de la
red mediante el Rol DHCP.

Procedimiento:

Para lograr poner en marcha el S.O primero se dio mantenimiento correcti-

vo y preventivo con windows server 2012. Después de esto se instalaron
los roles ADD -DNS y DHCP como roles principales. Se crearon Unidades
organizativas , usuario asignando una contraseña , dependiendo la U.O. se
le asignaban permisos y con el DHCP se le asignaban direcciones IP para
un mejor control y estabilidad de la red.

Resultados:

Página 33 de 44
Página 34 de 44
Actividad 8:

Mantenimiento preventivo y correctivo (computadoras de escritorio, lap-

tops, impresoras y servidor).

Descripción:

Mantenimiento a laptops , equipos de escritorio ,impresoras y dispositivos

que aquí utilizan para un mayor rendimiento del personal en sus activida-
des del día a día

Procedimiento:

Como herramientas solo con la utilización de los S.O. especiales para cada
equipo , pulseras antiestáticas , aire comprimido ,pasta térmica , un kit de
desatornilladores , un disco externo para los resalados y un área especial
para trabajar.
Primero hice un respaldo de cada equipo para evitar perdida de documentos
especiales del uso de la empresa después procedía con el mantenimiento
preventivo para dejar el equipo limpio sin ningún residuo de polvo o una
pieza mal acomodada y listo para ser instalado sus S.O sin ningún inconve-
niente. Después de esto procedí a hacer una memoria booteable para el
mantenimiento correctivo, configure el Bios para el acceso al Boot instale
el sistema , al final, configure el equipo con los requerimientos del usuario
y dejando su resoplado sin ninguna amenaza.
Lo mismo se hizo a laptops y equipos de mesa. A las impresoras solo se les
hizo mantenimiento preventivo y cambio de cartuchos y relleno de tinta a
las que lo requerían.

Página 35 de 44
Resultados:

Página 36 de 44
Conclusiones
Al término de este proyecto podemos decir que este fue concluido con satis-
facción, buen trabajo y arduo trabajo por parte mía y de mis asesores en es-
pecial el Ing. Ayala Lara Victor Manuel.
Me di cuenta que cada día se nos presentan retos y debemos enfrentarlos
dándoles la solución que nos de más satisfacción. Lo importante aquí es lograr
un buen proyecto con la satisfacción de nosotros y de la institución , el proyecto
debe ser del agrado tanto de los directivos como del rector de la misma. No
obstante nosotros mismos debemos estar satisfechos con nuestro trabajo, con
la seguridad de que aportamos lo mejor de nuestros conocimientos. En pocas
palabras nuestra meta es realizar un buen papel, o aun mejor rebasar el límite,
de lo que se planteó en un principio.
Se logró montar el sitio Web, la participación de los titulares y área administra-
tiva de la empresa, al mismo tiempo en las conversaciones con cada uno de
ellos surgieron ideas y propuestas que fueron tomadas en cuenta.
Respecto a la parte técnica del trabajo, la experiencia que se obtuvo fue muy
importante para el desarrollo profesional y personal. Dando así un buen resul-
tado para la empresa y uno mismo teniendo en cuenta que los retos son un
paso más para el éxito de nuestra carrera.

Página 37 de 44
Competencias desarrolladas y/o aplicadas
COMPETENCIA DESARROLLADA Y ¿COMO SE APLICÓ?
APLICADA

ADAPTABILIDAD Esta competencia fue utilizada

desde el inicio de las residencias ya
que me tuve que adaptar en una
medio cambiante , así como
enfrentarme a nuevas tarea, retos y
personas dentro y fuera de la
empresa.
AUTOMOTIVACIÓN Para trabajar por satisfacción
personal. Con la Necesidad de
alcanzar un objetivo con éxito y
satisfacer la necesidad de la
empresa..
CREATIVIDAD Capacidad para proponer soluciones
imaginativas y originales. Innovación e
identificación de alternativas contrapues-
tas a los métodos y enfoques tradiciona-
les.
COMPROMISO En cada una de las actividades
realizadas tomando en cuenta desde
la hora puntual de entrada hasta en
lo proyectos complejos.
INDEPENDENCIA Saber llevar acabo cada una de las
actividades uno mismo si tener que
agradar a terceros.
INTEGRIDAD. capacidad para mantenerme dentro
de la empresa desarrollando sus
actividades
PLANIFICACIÓN Y ORGANIZACIÓN En cada actividad aplicaba un
calendario estableciendo fechas de
inicio y termino
INICIATIVA Acciones por decisión propia en
áreas donde podría crecer a nivel
profesional aunque estas se basaban
mas en robótica o diseño
TRABAJO EN EQUIPO Cuando realizaba actividades fuera
de mi proyecto, el trabajo en equipo
fue un beneficio para obtener un
plus en mi desarrollo profesional

Página 38 de 44
Fuentes de información
SQL
https://dev.mysql.com/doc/refman/5.7/en/
http://www.nachocabanes.com/sql/curso/index.php
https://www.educacionit.com/curso-de-introduccion-sql

Html5
https://codigofacilito.com/cursos/HTML5

PHP con SQL

https://www.w3schools.com/php/php_mysql_intro.asp
http://php.net/manual/es/book.mysql.php
http://php.net/manual/en/ref.mysql.php

JavaScript
https://codigofacilito.com/cursos/javascript

Windows server
https://es.slideshare.net/kevinarioston/manual-windows-server-2012-r2active-directory-
group-policy-management
https://windowserver.wordpress.com/2014/11/26/windows-server-2012-r2-crear-un-
dominio-instalacin-del-primer-controlador-de-dominio/

CNC num 1050

http://cncmanual.com/num-cnc/

CMS
https://es.wordpress.com/create/?currency=mxn&sgmt=gb&utm_source=adwords&ut-
m_campaign=G_RLSA_Brand_Desktop_MX_es_x_x&utm_medium=cpc&keyword=w
ord%20press&creative=210097527481&campaignid=683518755&adgroupid=3671805
1818&matchtype=p&device=c&network=g&targetid=aud-298466965340:kwd-554871
783&locationid=1010142&gclid=CjwKCAiAm7LSBRBBEiwAvL1-L2TJTDsSzTGw-
UimhrCjV_rX9N5r5CAPdXCywcRkFsBHC3hFgu1Z5JBoCzQkQAvD_BwE

Página 39 de 44
 Anexos
-CARTA AUTORIZACIÓN

Página 40 de 44
-CARTA PRESENTACIÓN DEL ALUMNO Y AGRADECIMIENTO.

Página 41 de 44
-CARTA ACEPTACIÓN

Página 42 de 44
-CARTA ENTREGA DE PROYECTO.

Página 43 de 44
-CARTA LIBERACIÓN DE RESIDENCIAS PROFESIONALES.

Página 44 de 44