INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO

PÚBLICO
“CARLOS SALAZAR ROMERO”

PROGRAMA DE ESTUDIO DE
COMPUTACIÓN E INFORMÁTICA

INFORME
IMPLEMENTACION DE UN SITIO WEB PARA INCREMENTAR
LAS VENTAS DEL NEGOCIO “ELMERNET” EN LA RINCONADA,
DISTRITO DE SANTA 2022.

PARA OBTENER EL TÍTULO:

TÉCNICO
EN COMPUTACIÓN E INFORMÁTICA

AUTOR(ES):
VERA DIAZ, ANGELO
QUIÑONES ROMERO, YAMELIN

ASESOR:
Dr. FRANCISCO JAVIER DELGADO BENITES

NVO. CHIMBOTE – PERÚ

2022
 DEDICATORIA

A nuestros padres, por su amor, trabajo y sacrificio en todos estos años, gracias
a ustedes hemos logrado llegar hasta aquí́ y convertirnos en lo que somos.
A todas las personas que nos han apoyado y han hecho que el trabajo se realice
con éxito en especial a aquellos que nos abrieron las puertas y compartieron sus
conocimientos.
 AGRADECIMIENTO

Agradecemos a Dios por bendecirnos la vida, por guiarnos a lo largo de nuestra

existencia, ser el apoyo y fortaleza en aquellos momentos de dificultad y de
debilidad.
Gracias a nuestros padres por ser los principales promotores de nuestros
sueños, por confiar y creer en nuestras expectativas, por los consejos, valores y
principios que nos han inculcado.
Agradecemos a nuestros docentes del IESTP Carlos Salazar Romero, por haber
compartido sus conocimientos a lo largo de la preparación de nuestra profesión,
de manera especial, al Ingeniero Delgado Benites, tutor de nuestro proyecto de
investigación quien ha guiado con su paciencia, y su rectitud como docente.
 INTRODUCCIÓN

Esta investigación de nombre “Implementación de un sitio web para

incrementar las ventas del negocio: ELMERNER” en la Rinconada, distrito

de Santa 2022”, tiene como objetivo principal el incrementar las ventas del
negocio. Así mismo para cumplir con este objetivo e implementar el sitio web, se
requirió de información sobre las webs y los sitios web.
Un sitio web es un conjunto de páginas web, cada página web tiene una dirección
URL que identifica a dicha página dentro del mundo extenso del Internet. Una
web puede contener cualquier tipo de información que el creador quiera
compartir al usuario.
La clasificación de los sitios web, depende de la actividad del cliente y la
información que se presenta al público. Por ejemplo, no es lo mismo una web
institucional, donde la información es de una empresa, como por otro lado una
web personal, que contiene información específica de una persona.
Para la creación de las páginas web, es necesario utilizar lenguajes de
programación para crear la estructura de la web, los estilos, etc. El lenguaje
HTML es un lenguaje que se utiliza para estructurar la web mediante sus
etiquetas. CSS es otro lenguaje que se usa para el diseño de las webs, mediante
sus atributos como color, tamaño, etc. Finalmente, El lenguaje Java Script se
utiliza principalmente para realizar operaciones más específicas, como la de
animaciones, operaciones matemáticas, cálculos, etc.
Por otro lado, para creación de páginas web también se necesitan editores de
texto para poder escribir en ellos los lenguajes de programación web. El más
utilizado es el VISUAL ESTUDIO COD, gracias a sus múltiples herramientas que
mejoran la experiencia al escribir y leer código.
Así mismo, también es necesario definir el contenido de la web según su
clasificación, así como también se debe de considerar la organización de su
contenido, diseño y estructura.
 ÍNDICE

CAPÍTULO I ................................................................................................................................ 6
MARCO REFERENCIAL .......................................................................................................... 6
1. Sitio web ............................................................................................................................. 6
1.1. Definición: .................................................................................................................. 6
1.2. Diferencias entre sitio web y página web: ......................................................... 7
1.3. Dirección URL: .......................................................................................................... 7
1.4. Nombre de dominio: ................................................................................................ 7
1.5. Características. ......................................................................................................... 7
1.6. Elementos. .................................................................................................................. 8
1.7. Tipos de sitios web. ................................................................................................. 8
2. Herramientas para crear un sitio web. ....................................................................... 6
2.1. Lenguaje. ..................................................................... ¡Error! Marcador no definido.
2.2. Editores web. ............................................................................................................. 9
3. Creación del sitio web. .................................................... ¡Error! Marcador no definido.
3.1. Contenido. ................................................................................................................ 13
3.2. DISEÑO DE LA WEB. .................................................................................. 13
5. Historia de EMERNET ...................................................... ¡Error! Marcador no definido.
5.1. Actividades de la empresa ELMERNET ............... ¡Error! Marcador no definido.
CAPÍTULO II ............................................................................................................................. 22
DISEÑO METODOLÓGICO ................................................................................................... 22
1. Formulación del Problema....................................................................................... 22
2. Objetivos de Investigación. ..................................................................................... 22
2.1. Objetivo general..................................................... ¡Error! Marcador no definido.
2.2. Objetivos específicos ........................................................................................ 22
3. Hipótesis ....................................................................................................................... 22
4. Justificación de estudio ........................................................................................... 22
5. Tipo y nivel de investigación .................................................................................. 22
5.1. Tipo de investigación ........................................... ¡Error! Marcador no definido.
5.2. Nivel de investigación ....................................................................................... 23
6. Población y muestra .................................................................................................. 23
6.1. Población .............................................................................................................. 23
6.2. Muestra ................................................................................................................. 23
7. Técnicas e instrumentos para recolección de datos .......................................... 23
 7.1. Técnica ...................................................................................................................... 23
7.2. Instrumentos........................................................................................................... 24
8. Plan de recolección y procedimiento y análisis de datos. .............................. 24
CAPÍTULO III ............................................................................................................................ 25
RESULTADOS Y ANÁLISIS DE RESULTADOS............................................................... 25
CAPÍTULO IV ........................................................................................................................... 29
CONCLUSIONES..................................................................................................................... 29
CAPÍTULO V............................................................................................................................. 30
RECOMENDACIONES ........................................................................................................... 30
CAPÍTULO VI ........................................................................................................................... 31
BIBLIOGRAFÍA ........................................................................................................................ 31
1. Libros: ........................................................................................................................... 31
2. Web grafía: ................................................................................................................... 31
ANEXOS .................................................................................................................................... 32
ANEXOS 1............................................................................................................................. 32
ANEXOS 2................................................................................ ¡Error! Marcador no definido.

CAPÍTULO I

MARCO REFERENCIAL

1. Sitio web
1.1 Definición:
 “Un sitio web es, básicamente, un espacio digital en Internet con
información que todo el mundo puede obtener online” (Malavé: 2022, p.1)
1.2 Diferencias entre sitio web y página web:
Un sitio web contiene páginas web agrupadas dentro de un solo dominio.
“Las páginas web, por otro lado, son todas las subcarpetas y posibles
destinos dentro de esa dirección, como puede ser
www.dominio.com/blog/artículo,www.dominio.com/formulario-contacto,
etc.” (Malavé: 2022, p.1)
1.3 Dirección URL:
Es el conjunto de texto que se escribe en la barra del navegador para
buscar alguna página o sitio web.
1.4 Nombre de dominio:
“Es la dirección virtual de tu sitio web, un conjunto de palabras y
caracteres que los usuarios deben escribir si quieren acceder a tu website.
Es único e irrepetible.” (Malavé: 2022, pr.10). A diferencia de la dirección
URL el nombre de domino es un texto que indica protocolos y estándares
específicos.
1.5 Características.
Las características principales de los sitios web se pueden resumir de la
siguiente manera:
Según Pacherres Muñoz (2018) dice:
− La conectividad: “En la actualidad los hipervínculos hacen que un
documento sea dinámico, el usuario puede ejecutar diferentes
acciones a través de textos, imágenes, videos, gifs, entre otros una y
otra vez, haciendo posible la visualización de información de uno y
otro autor, iniciar un correo electrónico, un mensaje, video
conferencia, etc.” Manteniendo la conexión con el mundo en tiempo
real.
− La accesibilidad: “Cualquier página web tiene información compilada
que posteriormente se presenta mediante un ordenador que está
conectado a internet, que permite que se vea”.
− Interactividad: “En la actualidad no hay un límite puesto a las
actividades que se puedan hacer en la web, el usuario puede
visualizar información a color, con animaciones, imágenes e
 interactuar entre páginas, realizar compras, consultas, comentarios o
hasta enviar archivos en línea a nivel mundial.
1.6 Elementos.
Según indica que los elementos principales de una página web son el
texto, imágenes, audio y video, espacio web, nombre de dominio e
hipervínculo.
1.7 Tipos de sitios web.
− Institucional: “Algunos sitios son de tipo informativo y tienen como
principal propósito transmitir cierta información a sus visitantes. En
este rango, se destacan los sitios institucionales que brindan
información sobre una marca o empresa.
Se editan muy poco y son fáciles de crear. Contienen datos generales
de la institución, así como la ubicación física y datos de contacto como
teléfonos, apartado postal y correo electrónico.” (Malavé: 2022, p.1)
− Personal: Como su nombre lo indica este sitio web es usado para
almacenar información respecto a negocios propios. “También se los
conoce como webs de marca personal, ya que son utilizados por
muchos especialistas para constituirse como referentes en una
temática y ofrecer sus servicios profesionales de forma online.”
(Malavé: 2022, p.1)
− Landing Page: “Una landing page es una página web creada con el
propósito de convertir visitantes en leads. Este tipo de páginas permite
que sea más fácil el proceso para convertir a los visitantes en tus
clientes, por lo cual es necesario que sea atractiva y logre así su
objetivo.” (Malavé: 2022, p.1)
− Blog: Es un espacio centrado publicar contenido relacionado a temas
libres (hobbies, negocios, etc.) “Las publicaciones pueden estar
escritas por varios editores cuyo contenido es similar al tema principal
del sitio. Además de eso, tiene la opción de recibir comentarios de los
visitantes, lo cual permite que haya un contacto directo con el público
objetivo.” (Malavé: 2022, p.1)
− E-commerce: También llamado tiende online por ello “son
los sitios más utilizados por las marcas y empresas debido a que
 permiten vender productos y servicios a través de la web, con mucha
facilidad.” (Malavé: 2022, p.1)

2. Herramientas para crear un sitio web.

2.1 Para la creación de sitios web se debe tener en cuenta los siguientes
lenguajes principales:
a. HTML: “El código de las páginas está escrito en un lenguaje llamado
HTML, que indica básicamente donde colocar cada texto, cada imagen
o cada video y la forma que tendrán estos al ser colocados en la
página.” (Roseli: 2007, p.1)
Características:
− Es utilizado para crear páginas web.
− Es fácil de usar y entender.
− Permite describir hipertextos.
− Permite que el usuario se mueva por cualquier sitio de Internet
haciendo clic en un texto específico —hipervínculo—. Y lo que
etiqueta al HTML es el marcador del sitio web, estableciendo un
texto pasado dentro de un nuevo texto.
− Está fundamentado por una serie de breves códigos escritos en un
registro de texto por el desarrollador del sitio web.
− Es multiplataforma, por lo que se puede acceder desde cualquier
lugar y dispositivo.
− No es necesario estar en línea para que el lenguaje HTML funcione
correctamente, ya que se puede codificar una página web sin
conexión alguna, es decir, es posible almacenar todo un sitio web
en una computadora y luego transferir los registros a la web.
− Todos los elementos de un documento HTML constan de una
etiqueta de inicio, un bloque de texto y una etiqueta de cierre.
− Tiene un despliegue rápido.
− Es reconocido y admitido por cualquier tipo de explorador web.
− Permite archivos pequeños.
− Su lenguaje es estático.
− Las etiquetas son limitadas.
 Sintaxis:
− Etiqueta de apertura: Esta consiste en el nombre del elemento
(por ejemplo, “p”), encerrado en paréntesis angulares (< >); y
establece cómo empieza a tener efecto el elemento. Por ejemplo:
<p class= “greeting”>
− Contenido: Es el contenido del elemento y, por lo general, solo
es texto, como podría ser: Hola, ¡mundo!
− Etiqueta de cierre: Al igual que la etiqueta de apertura, también
está cerrada entre paréntesis angulares; sin embargo,
adicionalmente incluye una barra de cierre (/): </p>
− Entonces, siguiendo el ejemplo, el elemento HTML consiste en la
etiqueta de apertura, el contenido y la etiqueta de cierre. Así
quedaría la estructura completa:
− <p class= “greeting”>Hello, friend!</p >
− Elementos principales: Además de todo esto, un documento
HTML ha de estar delimitado por la etiqueta HTML. Dentro de este
documento, podemos asimismo distinguir dos partes principales:
− La cabecera, delimitada por la etiqueta HEAD, donde
colocaremos etiquetas de índole informativo, como por ejemplo el
título de nuestra página. El contenido de la cabecera no suele
aparecer en el cuerpo de la página, pero sirve a los navegadores
y otros sistemas para encontrar información útil para entender y
procesar el documento.
− El cuerpo, flanqueado por la etiqueta BODY, que será donde
colocaremos nuestro texto e imágenes delimitados a su vez por
otras etiquetas como las que hemos visto.

b. CSS: “Es una tecnología que nos permite crear páginas web de una
manera más exacta. Gracias a las CSS somos mucho más dueños de
los resultados finales de la página, pudiendo hacer muchas cosas que
no se podía hacer utilizando solamente HTML, como incluir márgenes,
tipos de letra, fondos, colores... CSS son las siglas de Cascading Style
Sheets, en español Hojas de estilo en Cascada. En este reportaje
 vamos a ver algunos de los efectos que se pueden crear con las CSS
sin necesidad de conocer la tecnología entera.” (Roseli: 2007, p.7)
Características: Los puntos más importantes se pueden definir de la
siguiente manera (desarrolloweb.com, s.f).
− Define la forma y presentación del sitio web.
− Tiene varias formas de aplicar los estilos: dentro de la html o en
una hoja aparte.
− Se pueden crear animaciones con ciertas limitaciones, gracias a
los eventos.
− El lenguaje que se usa en los estilos es el humano, el inglés.

Sintaxis:

− El nombre clave del estilo identifica el elemento de la hoja html

donde se aplicará el estilo.
− Las llaves agrupan el código del estilo.
− El código de los estilos se escribe en ingles seguido de su medida
o propiedad.
c. Java Script:” Es el siguiente paso, después del HTML, que puede dar
un programador de la web que decida mejorar sus páginas y la
potencia de sus proyectos. Es un lenguaje de programación bastante
sencillo y pensado para hacer las cosas con rapidez, a veces con
ligereza. Incluso las personas que no tengan una experiencia previa
en la programación podrán aprender este lenguaje con facilidad y
utilizarlo en toda su potencia con sólo un poco de práctica.

Entre las acciones típicas que se pueden realizar en Javascript

tenemos dos vertientes. Por un lado, los efectos especiales sobre
páginas web, para crear contenidos dinámicos y elementos de la
página que tengan movimiento, cambien de color o cualquier otro
dinamismo. Por el otro, javascript nos permite ejecutar instrucciones
como respuesta a las acciones del usuario, con lo que podemos crear
páginas interactivas con programas como calculadoras, agendas, o
tablas de cálculo.” (Roseli: 2007, p.5-6)
 Elementos: (Rives, 2011, p.33-38)
− La variable es un espacio que se reservará en memoria y que será
utilizado para guardar un dato.
− Los tipos de datos son distintos tipos de valores que por lo
general asignaremos tanto a variables como a constantes
(enteros, caracteres, booleanos, etc.).
− Los arrays son un tipo especial de datos que podríamos describir
como una colección de variables. Estas variables pueden ser de
cualquiera de los tipos vistos anteriormente e incluso
entremezclados entre sí.
− Input y promt, son formas de pedir datos al usuario.
Sintaxis: La sintaxis de JavaScript es bastante similar a la de Java,
ya que tienen orígenes comunes. También se parece en algo a C. A
diferencia de otros lenguajes, JavaScript admite que al final de cada
línea se omita el punto y coma. En realidad, sólo sería necesario en
el caso de poner en la misma línea varias sentencias. No es habitual,
en otros lenguajes es imprescindible acabar cada instrucción con
punto y coma. Es recomendable habituarnos a poner el punto y coma
al final de la instrucción, a pesar de no ser necesario, ya que siempre
será un buen hábito de cara a aprender nuevos lenguajes. Los
bloques de instrucciones que van dentro de las estructuras de
programación van encerrados entre llaves.
Debemos respetar las mayúsculas y minúsculas, ya que JavaScript
distingue entre ambas. Si a una variable le damos un nombre en
minúsculas y nos equivocamos al utilizarlas luego, tendremos un
error. (Rives, 2011, p.26-27)

2.2 Editores web.

Son herramientas que nos sirven para la escritura de las páginas web
utilizando un lenguaje de programación, los principales editores se
definen a continuación.
a. Notepad ++: A comparación del anterior editor mencionado, Notepad
++ es exclusivo de Windows. Este editor destaca por optimizar las
 funciones de la herramienta bloc de notas, mediante el señalamiento
de la sintaxis, la ocupación del autocompletado y el ordenamiento del
código. También permite incluir diversas plugins que se adecuan a la
personalización. (Pacherres:2018, p.76)
b. Sublime text: “Entre los programas de edición de HTML más
utilizados, destaca Sublime Test que posee un soporte de
interpretación eficiente para una serie de lenguajes, además CCS y
HTML. Cabe mencionar, que este editor es admitido por los sistemas
como OS X, Linux y Windows. Una de las características más
predominantes de este editor, es que cuenta con una gran cantidad
plugins y un sistema multifuncional, que permite disponer de diversas
pantallas para atender varias funciones paralelamente. La ventaja
sobresaliente de Sublime Test vendría a la eficiencia de utilización de
este programa, sea porque este totalmente disponible su adquisición
para todos los usuarios interesados y también porque optimiza el
desempeño de funciones del programador a través de las diversas de
herramientas ofrecidas por el editor mencionado.” (Pacherres: 2018,
p.75)
c. Visual estudio code: “Es un editor de código fuente desarrollado por
Microsoft. Es software libre y multiplataforma, está disponible para
Windows, GNU/Linux y macOS. VS Code tiene una buena integración
con Git, cuenta con soporte para depuración de código, y dispone de
un sinnúmero de extensiones, que básicamente te da la posibilidad de
escribir y ejecutar código en cualquier lenguaje de programación.”
(Flores:2022, p.1)

3. Creación del sitio web

3.1 Contenido
Según (Pacherres:2018, pag.89-90) Para seleccionar el contenido de
nuestro sitio web se presentan los siguientes puntos:
− Define el tema de tu sitio: este punto engloba los aspectos básicos que
posee la página antes de ser creada mediante el diagnostico de los
propósitos, perspectivas y necesidades, audiencias, identificación y
 recolección de contenidos, funciones y servicios dirigido hacia los
usuarios.
− Define el tipo de tu sitio: ya tenga una utilización personal, de currículo,
temático, de eventos, promociones, pequeña empresa o comercio
electrónico.
− Define el estilo: es importante que se piense en un logotipo y
aplicaciones, pues esto servirá como base para dictar parte del estilo
que elegirás.
− Recopilación de información: recepción y selección del contenido que
será puesto en la página.
− Define la estructura de los contenidos: fusión de diversos sitios
considerando el ordenamiento y la jerarquización de la información.
Aquí es donde se delimita las formas estructurales horizontales, sean
modelos clasificados y las taxonomías.
3.2 Diseño de la web.
Según (Pacherres:2018, p.90-92) Para la estructura de un sitio web se
debe de tener en cuenta los siguientes puntos a continuación:
− Estructuración del conocimiento: definición de área por organizar,
cuerpo y temática de la información basada y el objetivo que se tiene
con esta. Este punto refiere al cambio efectuado en la estructura de la
Web, que pasó de ser secuencial a multisecuencial (concentrada en el
flujo del conocimiento).
− Estructuración de la información: el contenido previsto debe estar
organizado y clasificado según el orden establecido en la información.
La creación de tablas de contenido o índices permitirá que los diversos
datos de la página puedan ser encontrados con facilidad.
− Planteamiento general del diseño: se debe considerar el diseño de
visualización de página. El propósito de promover este aspecto,
considerando la variable propuesta, es poder diseñar una interfaz
funcional de la Web que pueda ser adaptada a los requerimientos del
público.
− Organizar la información: la importancia de estructuración la página,
como se ha venido mencionado líneas arriba, tiene como objetivo que
 los usuarios puedan encontrar el contenido de forma mucho más
accesible. Los títulos, subtítulos o cualquier sección representan una
opción eficaz que permite orientar y ordenar la 91 información del sitio.
Inclusive, la colocación del contenido más relevante en la parte
superior de la página y la parte complementaria en la sección inferior
viene a ser una forma eficiente de organización.
− Tipos de información e interfaz de usuario: la distribución de los
contenidos, el empleo de marcos, la tonalidad de la portada y los
logotipos son el aspecto más representativo de cualquier página,
aunque no el único. Además de la selección determinación de los
elementos textuales, ya sea desde la disposición de información,
fuente de letras y términos claves, la inclusión de gráficos (contenido
audiovisual, imágenes, etc.) y las orientaciones provistas hacia los
usuarios serían otras formas primordiales de prever la interfaz de
cualquier sitio Web.
− Interrelación entre la información: la jerarquización de la
información no sólo sería un aspecto relevante de una página Web, a
su vez se debe analizar que la interconexión del contenido para
transformar el hipertexto en hipermedia tenga la mayor concordancia
posible, tanto en los documentos e información que sea interna como
externa.
− Creación de un sistema de navegación: este punto hace referencia
a la interrelación efectuada entre la interfaz e información, para que
así una página sea más asequible, flexible, coherente y fácil de utilizar.
Para ello se puede realizar una serie de herramientas (mapas
sensibles, metáforas, barras de navegación, etc.) que hagan que la
navegación en la Web sea mucho más interactiva. Mientras el usuario
se adentre más en el manejo del sitio podrá ir visualizando la
información puesta desde las diversas ramas, una cualidad que debe
ser evaluada por los programadores antes de organizar la información
de una página.
− Creación de un sistema de búsqueda y recuperación: la utilización
de instrumentos de información, sea metadatos, indización u otras; de
modos de exposición de 92 consultas y resultados; de recuperación y
 búsqueda de información consignan un mecanismo de exploración
que persiga en la información publicada en la página hacia toda la
Web.

4. Ventas
Hacer una venta es hacer un negocio. Las ventas ocurren tanto en empresas,
que deben vender sus productos o servicios, como entre personas, cuando
por ejemplo venden un artículo usado en los clasificados.
Llevando el concepto al ámbito profesional, el área de ventas (también
conocida como área comercial) es fundamental para el crecimiento de una
empresa. Sin la venta, no hay facturación y, consecuentemente, no hay
crecimiento.
4.1 tipos De Ventas
a. Ventas Indirectas: Se producen cuando las empresas utilizan
intermediarios o distribuidores para la comercialización de sus
productos. Esto implica que no llegan a tener contacto con el
consumidor final.
b. Ventas Directas: Las ventas directas se realizan cuando los
vendedores de las empresas tienen un contacto directo con los
compradores. Pueden ser las ventas al detalle, ventas a domicilio, es
cualquier tipo de venta donde el vendedor se acerca a la casa, la
oficina o la institución donde se encuentra el comprador.
c. Ventas Industriales: Se denomina ventas industriales cuando la
acción de vender se efectúa entre una empresa y otra. Por norma
general, son productos que son elaborados y diseñados de acuerdo
con los requerimientos y necesidades del cliente.
d. Ventas Electrónicas: Estas se realizan cuando la empresa se vale de
cualquier medio informático para lograr el proceso de venta.
Básicamente la herramienta que permite este tipo de venta es el uso
masivo del internet.
4.2 Ventas Online Del Negocio
El comercio electrónico es una evolución de la compra por catálogo. Hoy
día, podemos encontrar toda la información sobre los productos o
servicios que queremos comprar por Internet. En este sentido, tenía que
 pasar que, en una sociedad digitalizada, se hicieran un gran número de
transacciones a través de este medio.
Desde su aparición, el crecimiento de las tiendas online y el comercio
electrónico ha ido ganando terreno por varias razones:
− El comercio electrónico, facilita el hecho de poder comprar desde
cualquier lugar donde nos encontremos, sin tener que desplazarnos
al punto de venta de manera presencial.
− Nos ofrece la posibilidad de elegir cuando queremos hacer la compra,
fuera del horario comercial, y de cuando queremos recibir, en casa o
en el trabajo, el producto que hemos adquirido.
4.3 Formatos De Ventas Online
a. B2b (Business to Business o Empresa a Empresa): Este tipo de
Comercio Electrónico se refiere a las operaciones de intercambio
comercial entre empresas, como: colocar pedidos, verificar
inventarios, planificar producción.
b. B2c (Business to Consumer o Negocio a Consumidor): Es el sitio
web tradicional a través del cual una empresa ofrece sus productos y
servicios a los consumidores.
c. C2c (Consumer to Consumer o Consumidor a Consumidor): En
este tipo de comercio electrónico, un consumidor ofrece productos y
servicios a otros consumidores en forma directa, a través de su propio
sitio o mediante sitios establecidos por terceros.
4.4 Ventajas de una página web para el negocio
a. Disponibilidad 24 horas todos los días del año
Las personas ya no tienen que esperar a que tú negocio habrá en un
horario determinado o que te despiertes para contactarte. A través de
los formularios de contacto de tu página web podrán contactarte por
e-mail desde la hora que sea en cualquier parte del mundo.
b. Nuevos mercados, mercado global.
No tienes que limitarte a ofrecer tus productos o servicios solo al país
en el que vives, tu mercado es el mundo. La maravilla de Internet es
que te permite llegar a las personas en cualquier parte del mundo.
c. Muestra tu trabajo
 Una página web te da la posibilidad de mostrar tu trabajo de cara al
público. Puedes colocar tu portafolio si eres un emprendedor o montar
una tienda online (comercio electrónico) en caso de que ofrezcas
productos físicos o digitales (descarga de archivos).
d. Sección de blogs
Puedes crear una sección destinada para blogs. Esta es una sección
en donde cargas contenido de forma regular sobre temáticas
específicas. Puedes escribir de forma regular temáticas interesantes
que tus potenciales clientes querrían conocer. Lo mejor de todo esto
es que muy probablemente terminen contratando tus servicios.
4.5 Publicidad Online
La publicidad online consiste en la colocación de anuncios y mensajes
persuasivos en el tiempo o en el espacio adquirido en cualquiera de los
medios de comunicación por las empresas comerciales, organizaciones
sin fines de lucro, agencias gubernamentales e individuos que buscan
informar y / o persuadir a los miembros de un mercado objetivo en
particular o público acerca de sus productos, servicios, organizaciones o
ideas.
1. Tipos de publicidad online
a. Banner
Para comenzar, un banner es un anuncio publicitario representado por
una imagen gráfica que se inserta en una página web.
b. Email Marketing
Generalmente, es utilizado para enviar mensajes por medio
del correo electrónico a los usuarios que han solicitado información
sobre algún producto.
c. Publicidad en redes sociales y plataformas online
Desde luego, esta publicidad puede presentarse de diferentes formas.
Desde anuncios en el muro, hasta enlaces patrocinados que
normalmente aparecen en el lado derecho de la pantalla. También,
puede aparecer en la parte superior donde se hace la búsqueda de
palabras clave. Igualmente, puede haber contenido publicitario o
como una forma de publicación.
d. Pop up
 Por su parte, el Pop Up aparece en la pantalla de
los navegadores como una forma de ventana independiente o bien
sobre el contenido del sitio.

5. Historia de EMERNET
Fue fundado el 18 de febrero del 2018, teniendo como dueño al joven
emprendedor Elmer Gonzáles. Aunque su dueño es originario del Castillo en
el Distrito del Santa, las instalaciones se encuentran actualmente en la
Rinconada también en el Distrito del Santa, frente a su plaza central.
Inicialmente la empresa se dedicaba únicamente a prestar los servicios de
internet en casa, sin embargo, gracias al crecimiento de la empresa en un
determinado tiempo, se pudo ampliar las actividades en el mercado de la
compra y venta de tecnologías de la computación.
5.1 Actividades de la empresa ELMERNET
La empresa ELMERNET se enfoca en el área de la tecnología y
telecomunicaciones. Por ello las actividades de negocio que la empresa
realiza son las siguientes:
− Ventas de equipos de cómputo y accesorios para dispositivos móviles.
− Reparación y mantenimiento de equipos de cómputo.
− Reparación y mantenimiento de equipos electrodomésticos.
− Servicio de internet en casa.
− Servicio de plataformas de entretenimiento (Netflix, Disney+, TV, etc.)
6. Marco Conceptual
− Accesibilidad web
Combina la programación, el diseño y la tecnología para construir un
internet sin barreras que permita a todos los usuarios el entendimiento y
la plena interacción con la página web.
− Conectividad
Es la capacidad de crear y mantener una conexión entre dos o más puntos
en un sistema de telecomunicaciones.
− Diseño WEB
Es un área enfocada en el desarrollo de interfaces digitales, como el
diseño de sitios y aplicaciones para web. Para ello, los diseñadores web
crean las páginas utilizando lenguajes de marcado como HTML
− Editores web
Los editores web son aplicaciones de software que sirven para desarrollar
páginas web.
− Herramientas para crear un sitio web
Las herramientas de diseño web son los recursos que ayudan a realizar
sitios virtuales; cubren los requerimientos, tanto creativos como
técnicos, del diseño web, y reducen los tiempos de ejecución, de acuerdo
con sus funciones.
− Lenguaje de programación
Un lenguaje de programación es un lenguaje con reglas gramaticales bien
definidas que le proporciona a un programador, la capacidad de
programar una serie de instrucciones o secuencias de órdenes en forma
de algoritmos con el fin de controlar el comportamiento físico o lógico de
un sistema informático.
− Mercado
Es un proceso que opera cuando hay personas que actúan como
compradores y otras como vendedores de bienes y servicios, generando
la acción del intercambio.
− Nombre de dominio
Es un identificador único de un portal web, los usuarios utilizan nombres
de dominio para acceder a una página web.
− Publicidad online
Consiste en la colocación de anuncios y mensajes persuasivos en el
tiempo o en el espacio adquirido en cualquiera de los medios de
comunicación por las empresas comerciales, organizaciones sin fines de
lucro, agencias gubernamentales e individuos que buscan informar y / o
persuadir a los miembros de un mercado objetivo en particular o público
acerca de sus productos, servicios, organizaciones o ideas.
− Sitio web
Es el conjunto de páginas web que están englobadas dentro de un
mismo dominio
− Venta Online
Transferencia online de un producto, servicio, idea u otro a un comprador
mediante el pago de un precio convenido.
− HTML
Es el código que se utiliza para estructurar y desplegar una página web y
sus contenidos.
− CSS
Es un lenguaje informático que especifica cómo se presentan los
documentos a los usuarios: cómo se diseñan, compaginan, etc.
− JavaScript
Es un lenguaje de programación diseñado en un principio para añadir
interactividad a las páginas webs y crear aplicaciones web.
 CAPÍTULO II

DISEÑO METODOLÓGICO
1. Formulación del Problema.
¿Cómo implementar un sitio web para incrementar las ventas del negocio
“ELMERNET” en la Rinconada, distrito de Santa 2022?
2. Objetivos de Investigación.
2.1 Objetivo general
Implementar un sitio web para incrementar las ventas del negocio
“ELMERNET” en la Rinconada, distrito de Santa 2022

2.2 Objetivos específicos

− Solicitar información del negocio.
− Elaborar el diseño del sitio web.
− Probar el funcionamiento del sitio web.

3. Hipótesis
Si se implementa un sitio web entonces se incrementa las ventas del negocio
“ELMERNET” en la Rinconada, distrito de Santa 2022
4. Justificación de estudio
A pesar de los avances en las telecomunicaciones hasta la actualidad, en el
Perú todavía existen zonas que se quedaron atrás en este aspecto. Así es el
caso de las zonas más alejadas de la ciudad en el departamento de Ancash.
Por ello la empresa ELMERNET, se dedica a prestar sus servicios de Internet
en casa, además de la compra y venta de equipos de cómputo y accesorios
para la población de la Rinconada.
Para el aumento de las ventas del negocio se creó el sitio web para mayor
eficiencia en el acceso de la información de los servicios de la empresa,
mediante la publicidad en línea.
Los sitios web permiten la interconexión global entre los clientes y la empresa
mediante la transferencia de información, gracias al acceso de la interfaz de
las páginas web.
5. Tipo y nivel de investigación
5.1 Tipo de investigación
El presente trabajo de investigación corresponde a una investigación de
tipo tecnológico. La investigación tecnológica al ser un proceso que
comprende la investigación y transformación, busca idear acciones para
resolver problemas, sin necesidad de tener exactitud teórica, sino la de
aplicar conocimientos y realizar acciones que cambien una realidad
existente.
5.2 Nivel de investigación
El presente trabajo de investigación corresponde a una investigación nivel
experimental. La investigación experimental es un tipo de investigación
cuantitativa. Tres elementos científicos caracterizan a este tipo de
investigación: control, manipulación y observación.
6. Población y muestra
1.1. Población
Para el desarrollo de la investigación la población está conformada por
10 trabajadores del negocio ElmerNet.
1.2. Muestra
La muestra está conformada por 10 trabajadores del negocio ElmerNet.
7. Técnicas e instrumentos para recolección de datos
7.1. Técnica
Se utilizará la técnica de la encuesta. Es una técnica que se lleva a cabo
mediante la aplicación de un cuestionario a una muestra de personas.
Las encuestas proporcionan información sobre las opiniones, actitudes
y comportamientos de los ciudadanos.
La encuesta se aplica ante la necesidad de probar una hipótesis o
descubrir una solución a un problema, e identificar e interpretar, de la
manera más metódica posible, un conjunto de testimonios que puedan
cumplir con el propósito establecido.
 7.2. Instrumentos
El instrumento seleccionado es la encuesta. La intención de la encuesta
no es describir a los individuos particulares que por casualidad son
parte de la muestra, sino que se trata de describir un perfil estadístico
de la población y los resultados de la encuesta se presentan en forma
de resúmenes, tablas y gráficos estadísticos.
8. Plan de recolección y procedimiento y análisis de datos.
• Elaboración del instrumento de evaluación (encuesta).
• Validar el instrumento de evaluación.
• Aplicar el instrumento de evaluación.
• Procesar la información (Excel).
• Interpretación de la información.
 CAPÍTULO III

RESULTADOS Y ANÁLISIS DE RESULTADOS

1. ¿Estás de acuerdo con la atención al cliente en el negocio ELMERNET?

Respuesta %
Si 6 60
No 4 40
Total 10 100 40% Si
60% No
Interpretación: Con respecto a la
atención del negocio ELMERNET,
el 60% indica Si y el 40% indica
No.

2. ¿Estás de acuerdo con la implementación del sitio web para el negocio?

Respuesta %
Si 10 100
No 0 0 0%
Total 10 100 Si
No
Interpretación: Con respecto a la
implementación del sitio web para 100%
el negocio, el 100% indica Si y el
0% indica No.
3. ¿Consideras que el precio es el adecuado para el producto/servicio que
ofreces haciendo uso del sitio web?

Respuesta %
Si 8 80
No 2 20 20%
Total 10 100 Si
No
Interpretación: Con respecto al
80%
precio del producto/servicio del
negocio ELMERNET, el 80% indica
Si y el 20% indica No.

4. ¿Sus ingresos justifican el uso del sitio web?

Respuesta %
Si 8 80 %
No 2 20
Total 10 100
20%
1
Interpretación: Con respecto a sus
ingresos, el 80% indica Si y el 20% indica 2
80%
No.

5. ¿Consideras que el sitio web promociona eficientemente el negocio?

Respuesta %
Si 9 90
No 1 10 10%
Total 10 100 Si
No
Interpretación: Con respecto a la
promoción del negocio, el 90% indica Si 90%
y el 10% indica No.
6. ¿Tiene algún conocimiento sobre los sitios web?

RESPUESTA %
8
SI 8 80
8
NO 2 20
6
TOTAL 10 100
4 2
2
0
1
Interpretación: Con respecto al
conocimiento sobre los sitios web, el SI NO
80% indica Si y el 20% indica No.

7. ¿Consideras necesario el uso del sitio web para aumentar las ventas
del negocio?

RESPUESTA %
SI 9 90
10
NO 1 10
TOTAL 10 100 5

0
1
Interpretación: Con respecto a uso
del sitio web para aumentar las SI NO
ventas del negocio, el 90% indica Si y
el 10% indica No

8. ¿Consideras que el negocio cuenta con los productos/servicios

necesarios para hacer uso del sitio web?

RESPUESTA %
SI 10 100
10
NO 0 0
TOTAL 10 100 5

0
Interpretación: Con respecto a los 1

productos/servicios necesarios para el SI NO

uso del sitio web, el 100% indica Si y el
0% indica No
9. ¿Considera el uso del sitio web sencillo?

RESPUESTA %
SI 8 80 8
10
NO 2 20
TOTAL 10 100 5 2

Interpretación: Con respecto al uso del 0

1
sitio web sencillo el 80% indica Si y el
20% indica No. SI NO

10. ¿Consideras que es necesario un programa de capacitación para el

uso de sitios web?

RESPUESTA %
SI 9 90
10
NO 1 10
TOTAL 10 100
5

Interpretación: Con respecto a la 0

necesidad de un programa de 1

capacitación para el uso de sitios web, el SI NO

90% indica Si y el 10% indica No.
 CAPÍTULO IV

CONCLUSIONES

Tenemos las conclusiones siguientes:

• Al implementar un sitio web se incrementará las ventas del negocio
ELERMET en la rinconada con la finalidad de contribuir en el progreso del
negocio y en el bienestar de los involucrados y la comunidad.
• Al solicitar la información del negocio se encontró relevante las
actividades de negocio. Estas se centran en el sector tecnológico y las
redes de comunicación, teniendo como actividad principal el servicio de
internet y soporte técnico.
• El diseño del sitio web consta de un conjunto de páginas web, teniendo
como página principal las fichas y banners publicitarios del negocio. Así
mismo cuenta con páginas que permiten el acceso a la tienda virtual,
mostrando la información de los servicios y productos del negocio.
• El funcionamiento del sitio web es interactivo y llamativo, pues cuenta con
animaciones en las imágenes y post publicitarios, así mismo es de fácil
uso para el usuario común, pues su interfaz de acceso al usuario está
diseñada de manera que brinda una buena experiencia al usuario.
 CAPÍTULO V

RECOMENDACIONES

Tenemos las recomendaciones siguientes:

• La implementación del sitio web para incrementar las ventas del negocio
“ELMERNET” en la Rinconada debe ser bien estudiada y aplicada, para
aprovechar eficientemente el medio online que brinda un sitio web.
• Es necesario que los participantes del negocio ELMERNET se sometan a
una capacitación relacionado al incremento de las ventas y la publicidad
para ser más eficientes en el negocio.
• El diseño del sitio web debe de ser llamativo y fácil de usar para el usuario,
principalmente original al resto de muchos sitios web que existen.
• Para el funcionamiento optimo del sitio web se debe de tener en cuenta
los siguientes puntos:
a) Es necesario mantener activo el sitio web para lograr captar a más
clientes, esto se logrará no solo creando un sitio web, sino que también
se deberá actualizar y recrear brindándole la mayor información relevante
posible al cliente.
b) Seguir el plan de implementación propuesto con la finalidad de cumplir
con los objetivos trazados en un tiempo determinado.
c) Actualizar la página web cada mes, mostrando servicios y nuevos
productos.
d) Monitorear el tráfico en el sitio web, esto le permitirá ver de donde están
entrando a visitar su sitio web de que zonas o ciudades y así poder dirigir
su publicidad.
 CAPÍTULO VI

BIBLIOGRAFÍA

1. Libros:
• Roselli (2007). Manual Componente de Programación I. Editorial J.J
de Urquiza.
Link:https://docplayer.es/4151976-Introduccion-a-los-lenguajes-del-
web.html
• Pacherres (2018). Introducción, conceptos, creación de sitios Web,
diseño de páginas WEB, herramientas para generar páginas WEB,
tipos, principales funciones, aplicaciones. Editorial UNIVERSIDAD
NACIONAL DE EDUCACIÓN Enrique Guzmán y Valle.
Link:
https://repositorio.une.edu.pe/bitstream/handle/20.500.14039/5006/P
%C3%A1ginas%20web.pdf?sequence=1&isAllowed=y
• Ribes (2011). Manual de Javascript. Editorial CEP S.L
Link: https://waltercarnero.com/cfp/tpprgweb/Libro2.pdf
2. Web grafía:
• https://www.neolo.com/blog/que-es-un-sitio-
web.php#Diferencias_entre_sitio_web_y_pagina_web
• https://repositorio.une.edu.pe/bitstream/handle/20.500.14039/5006/P
%C3%A1ginas%20web.pdf?sequence=1&isAllowed=y
• https://openwebinars.net/blog/que-es-visual-studio-code-y-que-
ventajas-ofrece/
• https://www.hsj.gob.pe/web1/imagen/imagenes_actual/ManualCssHo
jasDeEstilos.pdf
ANEXOS

ANEXOS 1
 ANEXO 2

ENCUESTA
Implementación de un sitio web para incrementar las ventas del negocio “ELMERNER” en la
rinconada, distrito de santa 2022

1.- ¿Está de acuerdo con la atención al 2.- ¿Estás de acuerdo con la implementación del
cliente en el negocio ELMERNET? sitio web para el negocio?

 Si  Si
 No  No

3.- ¿Consideras que el precio es el

adecuado para el producto/servicio que 4.- ¿Sus ingresos justifican el uso del sitio web?
ofreces haciendo uso del sitio web?.
 Si  Si
 No  No

5.- ¿Consideras que el sitio web 6.- ¿Tiene algún conocimiento sobre los sitios
promociona eficientemente el negocio? web?
 Si  Sí
 No  No

7.- ¿Consideras necesario el uso de un 8.- ¿Considera que el negocio cuenta con los
sitio web para aumentar las ventas del productos/servicios necesarios para hacer uso del
negocio? sitio web?
 Si  Si
 No  No

10.- ¿Consideras que es necesario un

9.- ¿Considera el uso del sitio web
programa de capacitación para el uso de
sencillo?
sitios web?
 Si  Si
 No  No
ANEXO 3