INS.EDU.

TECNICA PEREZ Y ALDANA

MODALIDAD TECNICO EN SISTEMAS

CREACIÓN E IMPLEMENTACIÓN DE LA PAGINA WEB PARA LA EMPRESA

(EXARED)

JHON JAIRO MENDOZA HERNANDEZ

JUAN DIEGO PORTELA LOZANO

Trabajo de grado para optar por el título de técnico en sistemas

Asesores:

MARTHA LUCIA AMAYA BRAVO

Ingeniero de sistemas

MARTHA LUCIA CÓRDOBA ZARTHA

Ingeniero de sistemas

JHON FREDY RODRIGUEZ CASTIBLANCO

Instructor de Sena “sistemas”

INSTITUCION EDUCATIVA TECNICA PEREZ Y ALDANA

TECNICO EN SISTEMAS - SENA

AREA: PROYECTOS SISTEMAS - GRADO: 1105

PURIFICACION-TOLIMA

2016

1
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

AGRADECIMIENTOS

Queremos agradecer a todos nuestros maestros de sistemas, ya que ellos nos enseñaron a valorar
los estudios y a superarnos cada día más como estudiantes Técnicos de Sistemas, también
agradecemos a nuestros padres porque ellos estuvieron en los días más difíciles de nuestras vidas
como estudiantes. Y agradecemos a Dios por darnos la salud que tenemos, por tener una cabeza
con la que podemos pensar muy bien y además un cuerpo sano y una mente de bien.

También agradecemos al ingeniero Jhon Fredy Rodríguez por todas esas enseñanzas que nos ha
brindado durante estos dos años de estudio del Técnico en sistemas, por enseñarnos lo que hoy
en día sabemos de la programación y además capacitarnos para servir a la sociedad como
Técnicos en Sistemas y llegar a ser grandes profesionales.

2
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

DEDICATORIA

Queremos dedicarle este proyecto principalmente a DIOS ya que nos ha dado la vida, la
capacidad y la fortaleza de culminar nuestro proyecto con una gran satisfacción.

También lo dedicamos especialmente a nuestros padres, ya que gracias a ellos hemos podido
estar en esta prestigiosa Institución y poder aportar todos nuestros conocimientos, además por
todo ese amor que nos han dado incondicionalmente durante todos nuestros años de vida y
estudio.

Dedico este proyecto también a nuestros abuelos ya que con ellos seguimos siendo personas de
bien, por sus excelentes consejos que nos brindan todos los días y son nuestros segundos padres.

3
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

RESUMEN

El presente trabajo de grado, tuvo como propósito la creación de la página web para la empresa
exared. La empresa exared cuenta con los recursos y servicios más importantes en computación,
que van desde instalación de redes de datos o internet hasta el mantenimiento de hardware y
software de sus computadores, para así mejorar e incrementar la actividad tecnológica a nivel
regional y nacional, para que los usuarios y clientes tengan a su alcance desde cualquier lugar el
reconocimiento y compra de sus materiales.

La empresa no cuenta con un portal web, que permita sistematizar y organizar la información
necesaria para la presentación de los productos de compra y venta de los materiales y de los
servicios que ofrece.

Es por ello que surge la necesidad de desarrollar el portal web para la empresa exared ubicada en
el municipio de Purificación Tolima, con el fin de colocar a la disposición de la comunidad y el
público en general la información de interés sobre la empresa

El desarrollo del mencionado portal se realizó en el lenguaje HTML, CSS, PHP y la base de
datos se desarrolló con el XAMPP y se estimó como requerimiento para optar el título de
Técnicos en Sistemas por parte del Sena y de la Institución.

PALABRAS CLAVE

 Creación
 Web
 Recursos
 Mantenimiento
 Tecnología
 Usuarios
 Información
 Desarrollo

4
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

ASTRACT

This paper grade, was aimed at creating the website for exared company. The company exared
has the most important resources in computing ranging from installation data network or internet
to maintenance and software of their computers in order to improve and increase the activity
technology at regional and national levels to users and customers it have the best reach the
recognition and purchase of materials. in addition to involving other areas of knowledge such as
technical systems, professionals in technology resources.

 This does not have the mechanism, such as a web portal that allows systematize and organize
the information needed to show buying and selling materials company

That is why the need to develop the web portal for exared company located in the municipality
of purification Tolima, in order to place at the disposal of the community and the general public
interest information about the company emerges

The application of that requirement was estimated as website title to opt for the sign.

5
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

Tabla de contenido
GLOSARIO.....................................................................................................................................7

INTRODUCCION...........................................................................................................................8

1. PLANTEAMIENTO DEL PROBLEMA................................................................................9

1.1 DESCRIPCION DEL PROBLEMA.................................................................................9

1.2 antecedentes......................................................................................................................9

1.2.1 antecedentes internacionales.........................................................................................9

1.2.2 ANTECEDENTES NACIONALES...........................................................................10

1.3 PREGUNTA DE INVESTIGACION..................................................................................10

2 objetivos.................................................................................................................................11

2.1 objetivo general...............................................................................................................11

2.2 objetivos especificos.......................................................................................................11

3 justificacion............................................................................................................................12

4 Marco de referencia...............................................................................................................13

4.1 MARCO CONCEPTUAL...............................................................................................13

5 Metodologia...........................................................................................................................14

5.1 tipo de estudio......................................................................................................................14

5.2 Poblacion y muestra.............................................................................................................14

6. ANALISIS DE LA INFORMACION...................................................................................15

7. CRONOGRAMA..................................................................................................................19

8. CONCLUSIONES.................................................................................................................20

9. recomendacIONES................................................................................................................21

WEBgrafía.....................................................................................................................................22

6
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

GLOSARIO

 Android: sistema operativo inicialmente pensado para teléfonos móviles, al igual que iOS,
Symbian y Blackberry OS. 
 Arpanet: son las siglas de Advanced Research Projects Agency Network, es decir, la Red de
la Agencia de Proyectos de Investigación Avanzada
 Exared: Empresa de redes y mantenimiento de equipos de cómputo.
 HTML: (hyper text markup language o lenguaje de marcado de hipertexto) o en xhtml
(extensible hyper text markup language o lenguaje de marcado de hipertexto extensible)
 Páginas web: se define como un documento electrónico el cual contiene información textual,
visual y/o sonora que se encuentra alojado en un servidor y puede ser accesible mediante el
uso de navegadores
 PHP: Lenguaje de código abierto muy popular especialmente adecuado para el desarrollo
web 
 Fibra óptica: Es un medio de transmisión, empleado habitualmente en redes de datos y
telecomunicaciones

7
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

INTRODUCCION

Este proyecto se elaboró para aplicar los conocimientos adquiridos en los años de estudio que
sirvieron como base para el diseño y creación de la página web para la empresa de
mantenimiento e instalación de Redes y software “EXARED”.

El propósito de la página Web es promocionar o dar a conocer la empresa “EXARED” sus

productos y servicios, además de sistematizar y actualizar su información para que ésta
pueda estar disponible cuando se solicite.

Aprovechando el auge del Internet este proyecto se elaboró para llegar a más personas,
inicialmente en el Departamento del Tolima, con la visión de extendernos al mundo entero,
para brindar mayores beneficios a todos los usuarios interesados en adquirir el servicio de la
empresa a través de la página.

Por otra parte se busca que ésta página marque una gran diferencia con puntos a favor
como la velocidad, el rendimiento y el diseño, para cautivar a los usuarios finales. Esta
página fue elaborada para profundizar el aprendizaje, y así mostrar los productos que ofrece
“EXARED”.

El nombre de la empresa surgió de una lluvia de ideas de todo el grupo de trabajo en busca
de posicionarla en el mercado, para que fuera un nombre que generara recordación y que
inmediatamente conecte con los servicios de la empresa

Este documento contiene los aspectos más importantes del proyecto como son: la descripción del
problema, la justificación, los objetivos, los antecedentes, el marco conceptual, la metodología
utilizada, los instrumentos de recolección de información, en los cuales se presenta una
descripción clara y precisa de cada uno de los fundamentos y procedimientos aplicados en los
procesos realizados durante el desarrollo del proyecto.

8
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

1. PLANTEAMIENTO DEL PROBLEMA

1.1 DESCRIPCION DEL PROBLEMA

Actualmente la empresa “EXARED” no cuenta con un medio global de publicidad para la
presentación de sus productos y servicios, además no cuenta con los sistemas específicos que
permita almacenar adecuadamente su información y documentación necesaria para el buen
funcionamiento de la misma, lo cual repercute directamente en los servicios prestados a los
clientes, presentando fallas de puntualidad y responsabilidad.

Los servicios de la empresa Exared no son conocidos, a pesar que hay muchas páginas y
empresas similares, por lo tanto la empresa busca marcar la diferencia con respecto a las
demás, promoviendo aspectos de última tecnología y mejorando sus servicios para así
promover una mayor publicidad en busca de que todas las personas logren conocerla..

1.2 ANTECEDENTES

1.2.1 ANTECEDENTES INTERNACIONALES

La historia se puede remontar a 1957 cuando los Estados Unidos crearon la Advaced Research
Projects Agency (ARPA), como organismo afiliado al departamento de defensa para impulsar el
desarrollo tecnológico, posteriormente a la creación de la ARPA, Leonard Kleinrock, un
investigador del MIT escribía el primer libro sobre tecnologías basadas en la transmisión por un
mismo cable de más de una comunicación. [ CITATION DES14 \l 9226 ]

En el año 2004 un grupo de estudiantes universitarios de la facultad de ingeniería electricidad y

computación (conformado por: Marfiu Wladimir Rodríguez Jara y Freddy Wladimir Vergara
Uquillas) realizaron un trabajo de investigación presentado como tesis del programa de
ingeniería en computación cuyo objetivo fue la creación de una intranet para la Escuela Superior
Politécnica Del Litoral. [ CITATION Mar04 \l 9226 ]

9
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

1.2.2 ANTECEDENTES NACIONALES

En el año 2007 el profesor Ermanno Pietrosemoli jubilado activo de la Universidad de Los
Andes. Realizó instalaciones de redes inalámbricas de alta velocidad en países de tres
continentes. En abril de 2007 con un equipo de la Universidad de los Andes logró transmitir a
380 km a una tasa de 6 Mbps realizando modificaciones de la tecnología Wifi. [ CITATION
Erm07 \l 9226 ]

En el año 2015 Un grupo de estudiantes de la Universidad Uniminuto corporación universitaria

minuto de Dios (conformado por: Didier Alejandra rojas y Julián esteban Sánchez) realizaron un
trabajo de Investigación presentado como Tesis del programa de ingeniería y ciencia básica cuyo
proyecto se centró en la elaboración del análisis y diagnóstico de la red de datos del colegio
agropecuario las mercedes de Villavicencio meta. En el cual se desarrolló un diseño que cumple
con la normatividad que rige a nivel de datos, el cual es el EIA/TIA, para que haya un mejor
manejo en la confiabilidad y seguridad en el plantel educativo. [ CITATION did15 \l 9226 ]

1.3 PREGUNTA DE INVESTIGACION

 ¿porque los servicios como: Instalación de redes, mantenimiento a equipos de cómputo, y

diseño de programas informáticos que ofrece la empresa EXARED no son conocidos a nivel
departamental y nacional?

10
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

2 OBJETIVOS

2.1 OBJETIVO GENERAL

 Crear una página web con el fin de dar a conocer, los servicios de la empresa “EXARED” a
nivel Global.

2.2 OBJETIVOS ESPECIFICOS

 Promocionar los diferentes productos y servicios ofrecidos por la empresa.

 Sistematizar la información necesaria para el buen funcionamiento de la empresa
 Hacer que aumenten los ingresos de la empresa gracias a una mayor publicidad.

11
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

3 JUSTIFICACION

Actualmente la globalización de los mercados por el uso de las tecnologías exige que cualquier
empresa, por pequeña que sea debe vincularse al uso de estos recursos. La empresa “Exared”
tiene como visión en un futuro llegar a ser reconocida a nivel nacional e internacional, es por
éste motivo que con la realización de este proyecto se busca brindarle a la comunidad la mejor
información por medio de una página web y una base de datos bien actualizada y entendible

Exared será de gran utilidad por que se creará una comunidad avanzada en tecnología,
información y conocimiento; para el desarrollo social y económico, Por lo general se creó con el
fin de instalar cualquier tipo de red o mantenimiento del software y/o aplicaciones que requiera
el usuario.

Con el fin de facilitar el almacenamiento y procesamiento de toda información, ya que permite

compartir todas las opciones de los programas, de igual manera, permite establecer los recursos a
los que se pueden acceder en la red como: unidades de almacenamiento, Internet, impresoras,
DVD, equipo para amplificación de sonido, entre otros.

Exared resultara viable ya que con esta se daría una solución a todos los problemas principales
de una red y de los equipos de cómputo; la empresa también es un factor muy importante a la
hora de tomar la decisión de llevar a cabo el diseño de la red.

12
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

4 MARCO DE REFERENCIA

4.1 MARCO CONCEPTUAL

 PAGINA WEB: Se conoce como página web al documento que forma parte de un sitio web y

que suele contar con enlaces (también conocidos como hipervínculos o links) para facilitar la
navegación entre los contenidos. Las páginas web están desarrolladas con lenguajes de
marcado como el HTML, que pueden ser interpretados por los navegadores. De esta forma,
las páginas pueden presentar información en distintos formatos (texto, imágenes, sonidos,
videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas.

 HTML: Lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se

trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de
Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos
para Hipertexto.

 PHP: Lenguaje de código abierto muy popular especialmente adecuado para el desarrollo
web y que puede ser incrustado en HTML.

 XAMPP: Servidor independiente de plataforma, software libre, que consiste principalmente

en el sistema de gestión de bases de datos MySQL, el servidor web Apache y los intérpretes
para lenguajes de script: PHP y Perl.

13
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

5 METODOLOGIA

La empresa EXARED tiene planeado extenderse nacionalmente para mostrarse por medio de una
página web en donde los usuarios pueden conocer los distintos productos tecnológicos ofrecidos
por la empresa. La empresa será manejada por un excelente personal de ingenieros en sistemas
que responderán a todas sus inquietudes.

El lugar en donde se llevó a cabo la creación de la empresa es en el municipio de Purificación-

Tolima en el barrio Villa Belén con dirección Mnz Z Casa 1.

Para el desarrollo del proyecto se utilizaron las siguientes herramientas: para el diseño de la
página web el Lenguaje HTML 5, CSS, PHP y para el diseño de la base de datos utilizamos lo
que fue el XAMPP y un editor de web él cual fue work express para la creación del
administrador.

La metodología utilizada tiene un enfoque cuantitativo ya que parte de una idea concreta, que es
la creación de una empresa, tomando como base los porcentajes favorables arrojados en los
resultados de las encuestas aplicadas.

5.1 TIPO DE ESTUDIO

El tipo de estudio utilizado para la implementación de este proyecto es descriptivo debido a que
se expondrán las estrategias de creación de una empresa de instalación de redes de
computadores, de software y aplicaciones u mantenimiento de equipos de cómputo, además, de
los pasos para el diseño de la página web para proporcionar esta empresa.

5.2 POBLACION Y MUESTRA

POBLACION: Las personas del municipio de purificación y municipios cercanos, Las cuales
tendrán acceso a la empresa principal, además de los usuarios de la página web.

14
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

MUESTRA: las personas a quienes se aplicó la encuesta diseñada para determinar el grado de
aceptación y la viabilidad del proyecto Exared.

6. ANALISIS DE LA INFORMACION

1. ¿Le gustaría poder acceder a los servicios de EXARED a través de una página web?

De las personas encuestadas 10 personas desean acceder a los servicios EXARED atraves de una
página web, lo que equivale a un 100% y ninguna persona está en desacuerdo en acceder a la
página EXARED por una página web.

2. ¿Cuenta con la información necesaria de un lugar donde pueda realizar el mantenimiento de sus
equipos de cómputo?

15
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

De las personas encuestadas 6 personas cuentan con la información necesaria de un lugar donde
pueden realizar el mantenimiento de sus equipos de cómputo, y 4 personas no cuentan con esa
información, lo que significa que el 90% de personas cuentan con la información necesaria.

3. ¿Qué información le gustaría encontrar en la página Exared?

a) Los servicios y productos
b) Información nueva de la pagina
c) Actualizaciones
d) Todas las promociones

16
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

De acuerdo con las personas encuestadas la información que les gustaría encontrar en la página
EXARED seria las ACTUALIZACIONES, ya que fue la mayor votación por parte de los
estudiantes que corresponde al “C”.

4. ¿Su localidad cuenta con un sitio de tecnología que ofrezca una solución a los problemas presentados
con sus equipos de cómputo?

De acuerdo con esta grafica lo observado en la encuesta los docentes y los estudiantes votaron la
misma cantidad por el sí, pero en los docentes hubo una diferencia en el no que un docente eligió
el no, pero quedaron igual en el sí, tanto en los padres fue la menor cantidad de votos.

5. ¿Confía usted en las empresas de mantenimiento de computadoras que hay en su municipio?

17
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

En esta encuesta se muestra que la mayoría de los docentes votaron por él sí, así nos podemos
dar cuenta que los docentes confían en las empresas de mantenimiento de computadoras que hay
en el municipio en que vivimos, en cambio los estudiantes y los padres de familia no confían
mucho en esas empresas.

18
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

7. CRONOGRAMA

CRONOGRAMA DE ELABORACION DEL PROYECTO

Septiembr Octubr
ACTIVIDADES Abril Mayo agosto e e
  1 2 3 6 7 8 9 10 14 15 16 17 20 21 22 23 24 27 28 29 30 31

Descripción del
proyecto
(problema,
justificación y
objetivos)
                                           

Cronograma

Marco teórico
(Antecedentes y
marco conceptual)

                                           
Diseño
Metodológico
(población y
muestra)
                                           

                                           
Diseños de
instrumentos de
recolección de la
información
                                           
Aplicación de la
encuesta                                            
sustentación del
proyecto
                                           

8. CONCLUSIONES

19
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

Como resultado de la instigación de lo que fueron las páginas web y empresas de tecnología nos
deja como una gran ayuda a estimular nuestro aprendizaje más como unos excelentes técnicos en
sistemas, para así poder ser alguien en la vida poder saber de lo que es programación, ya que con
esto nuestro cerebro se va desarrollando y va pensando más de lo que somos capaces en la vida
cotidiana no es fácil, pero con esfuerzo se logra un gran aprendizaje.

20
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

9. RECOMENDACIONES

Nosotros como grupo de trabajo recomendamos a todos los interesados que quieran realizar un
proyecto similar al que desarrollamos nosotros lo primero que deben tener en cuenta es una idea
muy clara de lo que es programar con diferentes lenguajes de programación, además deben de
tener un excelente conocimiento principalmente de lo más esencial que es HTML 5 y verán que
así podrán tener algo de conocimiento de lo que es programar en los equipos de cómputo.

El usuario o persona que decida crear una página web similar a este con muchos más diseños
deben de tener muy claro que se necesitan tener un buen conocimiento de programación de
páginas web, y además saber manejar muy bien el entorno de los lenguajes de programación.

21
 INS.EDU. TECNICA PEREZ Y ALDANA
MODALIDAD TECNICO EN SISTEMAS

WEBGRAFÍA

DESCONOCIDO-TARINGA. (03 de 03 de 2014). TARINGA. Recuperado el 2016 de 08 de 19,

de TARINGA - REDES INFORMATICAS:
http://www.taringa.net/post/noticias/17625529/Antecedentes-De-Las-Redes-De-
Computadora.html

Pietrosemoli, E. (06 de 04 de 2007). tesis de grado universitaria de los andes. Obtenido de tesis
de grado universitaria de los andes:
https://www.apc.org/es/system/files/APC_RedesInalambricasParaElDesarrolloLAC_200
81223.pdf

sanchez, d. a. (08 de 08 de 2015). tesis de grado villavicencio meta. Obtenido de tesis de grado
villavicencio meta:
http://repository.uniminuto.edu:8080/jspui/bitstream/10656/3087/4/TR_SanchezRojasJuli
an_2015.pdf

Uquillas, M. W. (20 de 06 de 2004). tesis de grado ecuatoriana. Obtenido de tesis de grado

ecuatoriana: https://www.dspace.espol.edu.ec/bitstream/123456789/3190/1/5709.pdf

22