PROYECTO DEMOSTRATIVO

Aprobación del tema para el Proyecto final de BT en Contabilidad

Estudiante: Manuel Efraín Malliquinga Institución Educativa:
Chiliquinga Unidad Educativa Particular Sucumbíos
Tema: del Proyecto:
Diseñar una página web para promocionar y dar a conocer acerca de nuestros productos que
tenemos en nuestra distribuidora el Ranchito llegar a más clientes y amigos extendiendo a más
lugares de las provincias de Sucumbíos y Orellana. Por medio de nuestra página web
Descripción:
Lácteos el Ranchito es una distribuidora que se encarga de la distribución y venta de productos
Lácteos, Cárnicos, Embutidos y bebidas no alcohólicas desde hace 15 años en diferentes partes de
la provincia de Sucumbíos y también en la provincia de Orellana. Es una empresa que cumple con
todas las medidas de seguridad para todos los trabajadores y actualmente tiene 20 personas que de
manera eficaz realizan las entregas.
¿Por qué es importante tener una página web?
En la actualidad, tener una página web nos brinda credibilidad ante los clientes potenciales y nos
ayuda a ser visibles en los buscadores, de ahí la importancia de crear una estructura en la que el
contenido resulte relevante.
Beneficios de tener una página web
Atención la 24 hora del día.
Tu página web es una oficina que nunca cerrará sus puertas.
Te abre hacia nuevos clientes y mercados.
Mejora la comunicación.
Te adelantas a la competencia.
Mejora la imagen.
HTML
Es el lenguaje con el que se define el contenido de las páginas web. Básicamente se trata de un
conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una
página web, como imágenes, listas, vídeos, etc.
Se creó en un principio con objetivos divulgativos de información con texto y algunas imágenes. 
¿Qué es JAVASCRIPT?
JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web
dinámicas.

Una página web dinámica es aquella que incorpora efectos como texto que aparece y desaparece,
animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al
usuario.

1
Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no es necesario
compilar los programas para ejecutarlos. En otras palabras, los programas escritos con JavaScript
se pueden probar directamente en cualquier navegador sin necesidad de procesos intermedios.

Qué necesitamos
Básicamente lo primero que necesitamos es saber diseñar páginas Web mediante los
lenguajes HTML y CSS, ya que al ser JavaScript un complemento para las páginas web, mal
podremos añadir el código para crear elementos dinámicos si no entendemos la base sobre la que
estamos trabajando.
Responda la Preguntas teóricas o de Opción Múltiple:
¿Qué es HTML?
a.  Es un lenguaje de programación que se utiliza principalmente para crear páginas web
dinámicas.
b. Es el lenguaje con el que se define el contenido de las páginas web
c. Conjunto de conocimientos técnicos que se ocupan del tratamiento automático de la
información por medio de computadoras.
d. es el proceso por medio del cual se diseña, codifica, limpia y protege el código fuente de
programas computacionales
Responsable del seguimiento del proyecto por parte de la institución educativa
Tutor: Lic. Wilian Moyon

Fecha y forma de aprobación

29/06/2020
Firma de estudiante
Firma de Tutora

2
 UNIDAD EDUCATIVA PARTICULAR
“SUCUMBIOS”

FIGURA PROFESIONAL:
INFORMATICA

TEMA DEL PROYECTO DEMOSTRATIVO:

Diseñar una página web para promocionar y dar a conocer a más lugares de las
provincias los productos de la distribuidora de lácteos el Ranchito llegar a más clientes
y amigos extendiendo a más lugares de las provincias de Sucumbíos y Orellana. Por
medio de nuestra página web

ESTUDIANTE:
Manuel Malliquinga

TUTOR:
LIC. WILIAN MOYON

FECHA DE ENTREGA:
29/06/2020

3
Contenido
PARTE 1.....................................................................................................................................5
1.1 ANALISIS DE LA PROBLEMÁTICA E IDENTIFACION DE CONTENIDOS.......5
1.1.1 LISTA DE TEMAS...................................................................................................5
1.1.2 RECONOCIMIENTO DE TEMAS A REVISAR O REFORZAR........................6
1.1.3 CRONOGRAMA DE TRABAJO............................................................................8
PARTE 2...................................................................................................................................10
2.1 DESARROLLO DE LA PROBLEMÁTICA................................................................10
2.1.1 Resolución de tareas del caso Planteado................................................................10
2.2. Respuesta a pregunta teórica, opción múltiple (180 - 250) Palabra...............................11
PARTE 3...................................................................................................................................13
3.1. Importancia y aplicabilidad de la Figura Profesional.............................................13
PARTE 4...................................................................................................................................14
4.1 SISTEMATIZACION....................................................................................................14
4.1.1 Explicación escrita del desarrollo..............................................................................14
BIBLIOGRAFÍA......................................................................................................................17

4
PARTE 1
1.1 ANALISIS DE LA PROBLEMÁTICA E IDENTIFACION DE CONTENIDOS
1.1.1 LISTA DE TEMAS
TEMA: Diseñar una página web para promocionar y dar a conocer a más lugares
de las provincias los productos de la distribuidora de lácteos el Ranchito llegar a
más clientes y amigos extendiendo a más lugares de las provincias de Sucumbíos y
Orellana. Por medio de nuestra página web
La distribuidora de Lácteos el Ranchito es una distribuidora que se encarga de la
distribución y venta de productos Lácteos, Cárnicos, Embutidos y bebidas no
alcohólicas desde hace 15 años en diferentes partes de la provincia de Sucumbíos y
también en la provincia de Orellana. Es una empresa que cumple con todas las medidas
de seguridad para todos los trabajadores y
actualmente tiene 20 personas que de manera
eficaz realizan las entregas. Mediante la creación
de la página web para la empresa se quiere dar
conocer la marca productos Lácteos el Ranchito y
los diferentes productos que esta estrega y así
poder llegar a más lugares dentro y fuera de la
provincia y más clientes nos brinda credibilidad
ante los posibles nuevos clientes y ayuda a hacer
visibles en los buscadores. Un buscador web o motor de búsqueda es un sistema
informático que busca todo tipo de información (imágenes, vídeos, documentos, etc. en
la Word Wide Web, almacenándola en una enorme base de datos para arrojar la
información solicitada.
Este tema también guarda relación con la asignatura de Emprendimiento y Gestión
debido a que se está poniendo en marcha una segmentación de mercado según su
aspecto geográfico que busca producir para obtener mejores ingresos económicos.
Toda empresa debe cumplir con normas y protocolos de seguridad establecidos con la
finalidad de desarrollar de forma adecuada las funciones de cada uno de los empleados
y salvaguardar su salud, evitando los accidentes de trabajo, es uno de los objetivos que
tiene la asignatura de Formación y Orientación Laboral.

5
1.1.2 RECONOCIMIENTO DE TEMAS A REVISAR O REFORZAR

El presente Proyecto Demostrativo de Grado se aplicó en la distribuidora de Lácteos del

Ranchito que es una PYME de la ciudad de Nueva Loja, actualmente distribuye a las
provincias de Sucumbíos y Orellana para lo cual mediante el diseño de la página web se
esperar llegar a mas lugares y para tener un mayor entendimiento se reforzara mas sobre
los beneficios y diseños de la página web.

¿Qué es el diseño web?

El diseño web es una actividad que consiste en la planificación, diseño e
implementación de sitios web.  Un diseñador web tiene que ver con cómo crear y
desarrollar una página web así también como los clientes interactúan con ella. Los
buenos diseñadores web saben cómo poner juntos los principios de diseño para crear un
sitio que se vea muy bien. También entienden acerca de la usabilidad y cómo crear un
sitio que los clientes quieren navegar alrededor de porque es tan fácil de hacer.
El diseño web implica trabajo relacionado con el layout y diseño de páginas online, así
como la producción de contenido, aunque generalmente se aplica a la creación de sitios
web.
En este caso, los diseñadores web crean las páginas utilizando lenguajes de marcado
como HTML o XML.
Por otro lado, la parte visual de los sitios está a cargo del CSS, término utilizado para
estilizar los elementos escritos en HTML.
Por lo tanto, es común que los diseñadores web utilicen ambos para construir un sitio
porque juntos definirán cómo aparecerán las páginas en los navegadores.
El proceso de creación de sitios se puede realizar desde herramientas como Adobe
Dreamweaver (que requerirá que el profesional sepa más sobre los códigos) y CMS que
son plataformas de administración de contenido.

Se debe analizar el estado de emergencia que se está pasando en nuestro País y el

Mundo entero producto del COVID 19, se debe considerar el cumplimiento de las
nomas de bioseguridad como medidas de prevención del contagio a los empleados de
Lácteos el Ranchito como también de los clientes, este tema se reforzara en la
asignatura de Formación y Orientación Laboral.

6
1.1.3 CRONOGRAMA DE TRABAJO

JUNIO JULIO
ACTIVIDADES
L M M J V L M M J V L M M J V L M M J V L M M J V L M M J V
FECHAS 1 2 3 4 5 8 9 10 11 12 15 16 17 18 19 22 23 24 25 26 29 30 1 2 3 4 5 6 7 8
PARTE 1: ANALISIS Y PLANIFICACION DE LA SITUACION PLANTEADA                                                            
ANALISIS DE LA PROBLEMATICA                                                            
Identificación de contenidos o competencias aplicar (250 - 300 palabras)                                                            
Enlista los temas desarrollados en aula que se aplicarán en la resolución del
                                                           
caso planteado.
La lista contiene temas de las asignaturas del tronco común y de los
                                                           
módulos formativos de la FIP
Planteamiento del tema del Proyecto Demostrativo                                                            
Elabora preguntas de opción múltiple para proyecto Demostrativo                                                            
Reconocimiento de temas a revisar o reforzar (250 - 300 palabras)                                                            
Selecciona los temas que necesita reforzar para el caso planteado                                                            
Realiza una breve explicación de la razón por la cual es necesario reforzar
                                                           
dichos temas
Se cumple con la cantidad de palabras determinada                                                            
Aprobación del Anteproyecto                                                            
Planificación del trabajo (cronograma) (180 - 200 palabras)                                                            
Elabora un cronograma de trabajo acordado con el docente                                                            
PARTE 2: DESARROLLO DE LA PROBLEMATICA (180 - 250 palabras)                                                            
Resolución de tareas del caso planteado                                                            
Resuelve Preguntas de opción múltiple                                                            
Además presenta los respaldos específicos de cada caso                                                            
FINALIZACION DEL CASO PRACTICO                                                            
Incorpora las correcciones o mejoras al proyecto                                                            
Respuesta a pregunta teórica, opción múltiple                                                            
Responde correctamente las preguntas planteadas y justifica                                                            
PARTE 3: REFLEXION                                                            

7
IMPORTANCIA Y APLICABILIDAD DE LA FIGURA PROFESIONAL (350 - 400
                                                           
palabras)
Describe la importancia y la aplicabilidad de la figura profesional en la vida
                                                           
cotidiana
Emite un criterio sobre los beneficios de los aprendizajes                                                            
Se cumple con la extensión definida                                                            
PARTE 4: SISTEMATIZACION                                                            
EXPLICACION ESCRITA DEL DESARROLLO (800 -900 palabras)                                                            
Explica con claridad el proceso secuencial en el desarrollo de tareas                                                            
Se evidencia la comprensión del trabajo realizado                                                            
Se cumple con la extensión definida                                                            
ORGANIZACION DEL PORTAFOLIO Y PRESENTACION DEL PROYECTO
                                                           
DEMOSTRATIVO
ENTREGA PRIMER BORRADOR ( Presenta de forma organizada todos los
documentos generados en el desarrollo del caso planteado )                                                            
ENTRGEA FINAL (Cada una de las partes del proyecto esta diferenciada)                                                            

8
PARTE 2
2.1 DESARROLLO DE LA PROBLEMÁTICA
2.1.1 Resolución de tareas del caso Planteado
Luego de haber realizado un análisis en la distribuidora el Ranchito se identificó que no
se estaban dando a conocer los diferentes productos que se distribuyen para los cual con
la realización de la página web nos va a permitir a dar a conocer los productos a mas
lugares y a su vez también sugerir que se realicen promociones de los diferentes
productos para los cual se analizara los precios al cual el propietario compra los
productos y ver el mejor margen de utilidad para ver qué productos se podría realizar
promociones o descuentos y sus ventas vayan aumentando y por ende se vayan dando a
conocer más.
Para lo cual se plantea como solución el desarrollo del Proyecto demostrativo que tiene
como tema: Diseñar una página web para promocionar y dar a conocer a más
lugares de las provincias los productos de la distribuidora de lácteos el Ranchito
llegar a más clientes y amigos extendiendo a más lugares de las provincias de
Sucumbíos y Orellana, por medio de nuestra página web
Se realizaron varias acciones como recaudar información en facturas notas de venta,
recibos y otros registros.

9
2.2. Respuesta a pregunta teórica, opción múltiple (180 - 250) Palabra.
¿Qué es HTML?
a.  Es un lenguaje de programación que se utiliza principalmente para crear páginas
web dinámicas.
b. Es el lenguaje con el que se define el contenido de las páginas web.
c. Conjunto de conocimientos técnicos que se ocupan del tratamiento automático
de la información por medio de computadoras.
d. es el proceso por medio del cual se diseña, codifica, limpia y protege el código
fuente de programas computacionales

Para poder responder a la pregunta de opción múltiple, se procedió a revisar los

Módulos y Contenidos que conforman la Figura Profesional del Bachillerato Técnico en
Informática.

HTML

HTML es el lenguaje con el que se define el contenido de las páginas web. Básicamente
se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos
que compondrán una página web, como imágenes, listas, vídeos, etc.

El HTML se creó en un principio con objetivos divulgativos de información con texto y

algunas imágenes. No se pensó que llegara a ser utilizado para crear área de ocio y
consulta con carácter multimedia (lo que es actualmente la web), de modo que, el
HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos
los colectivos de gente que lo utilizarían en un futuro.

El HTML es un lenguaje de marcación de elementos para la creación de documentos

hipertexto, muy fácil de aprender, lo que permite que cualquier persona, aunque no haya
programado en la vida, pueda enfrentarse a la tarea de crear una web. HTML es fácil y
pronto podremos dominar el lenguaje. Más adelante se conseguirán los resultados
profesionales gracias a nuestras capacidades para el diseño y nuestra vena artista, así
como a la incorporación de otros lenguajes para definir el formato con el que se tienen
que presentar las webs, como CSS.

Por adelantar un poco cómo se utiliza el HTML os diremos que el lenguaje consta de
etiquetas que tienen esta forma <B> o <P>. Cada etiqueta significa una cosa, por

10
ejemplo <B> significa que se escriba en negrita (bold) o <P> significa un
párrafo, <A> es un enlace, etc. Casi todas las etiquetas tienen su correspondiente
etiqueta de cierre, que indica que a partir de ese punto no debe de afectar la etiqueta. Por
ejemplo </B> se utiliza para indicar que se deje de escribir en negrita. Así que el HTML
no es más que una serie de etiquetas que se utilizan para definir el contenido del
documento y algún estilo básico. <B>Esto está en negrita</B>.

11
PARTE 3
3.1. Importancia y aplicabilidad de la Figura Profesional
Debido a la gran importancia que tiene hoy en día tener una página web para dar a
conocerlos productos y negocios a mas lugares ya que por medio de la página se quiere
incrementar en número de clientes no solo de la provincia de Sucumbíos sino provincias
cercanas.
Lo importante es aplicar todos los conocimientos adquiridos durante todos los años de
estudio sobre todo en las materias de Informática y marketing que estas fueron
fundamentales para el desarrollo del presente proyecto.
En la primera parte está la realización del diseño de la página web y en la segunda parte
está todo el marketing que se va a realizar para que las ventas aumenten en Lácteos el
Ranchito para Es importante agradecer a nuestros profesores que día a día se esforzaron
para darnos los conocimientos que hoy los llevamos dentro de nosotros, como
herramienta para enfrentarnos a la sociedad.
Estamos gustosos de haber escogido esta carrera como profesionales de Informática,
porque conocemos que vamos a hacer valer nuestros derechos para servir a la
comunidad.

12
PARTE 4
4.1 SISTEMATIZACION
4.1.1 Explicación escrita del desarrollo
Se siguieron los siguientes pasos para el diseño de la página web tomando en cuenta
datos recopilados dentro de lácteos el Ranchito, se decidió realizar la página web en la
plataforma WIX.
1. Definir el objetivo de la pagina
El objetivo de tu sitio es la base de la estructura y por esto es muy importante que lo
definas primero. Algunos objetivos para una página web pueden ser:
Tener una carta de presentación de Lácteos el Ranchito para poderla mostrar a clientes
actuales. En este caso se ha decidido poner el siguiente objetivo que identificara a la
distribuidora:
Somos una empresa ecuatoriana de Lago Agrio con más de 15 años de trayectoria, tiempo
durante el cual hemos distribuido los mejores productos como leche, queso, yogurt,
mantequilla, crema, helado de yogurt, refrescos, bebidas no alcohólicas y nuestra línea de
embutidos, diferenciándonos de la competencia por brindar productos con excelente sabor
a precios cómodos, manteniendo las medidas de desinfección necesarias y dispuestas por
las autoridades competentes.
2. Elige el estilo:
Un sitio web con distintas secciones. Se ha decidido que la página web va a constar con
las siguientes secciones:
- Misión y visión
- Productos (Embutidos, cárnicos y bebidas no alcohólicas)

13
 - Descuentos y Promociones del mes
- Galería
- Preguntas frecuentes
- Contacto
Se realizará descuentos a las personas que realicen pedidos mediante la página web.
3. Crea un mapa de sitio:
 
Crear un mapa de sitio es otro de los pasos básicos de una
página web, esto no es más que determinar cuáles serán las
secciones que deberá incluir y tu página y a su vez que
subsecciones existirán dentro de estas a trabajar en que deberá
incluir cada página y sub-página.
 
4. Elige las Palabras clave:
No importa si tu objetivo es únicamente tener una plataforma que puedan visitar tus
clientes actuales o si buscas una plataforma para captar nuevos clientes, cualquiera que
sea el caso es importante que cuando estas personas
entren a un buscador y tecleen ciertas palabras
relacionadas con tu empresa ¡aparezca tu página! Y
aunque esto puede ser un reto, si ya estas tomando
la decisión de crear un sitio web, es mejor que sea
efectivo y este optimizado desde el principio.
Lácteos el Ranchito siempre se ha caracterizado por
su eslogan Sabor y confianza para lo cual será parte del diseño.
5. Estructura la información y crea los contenidos:
Una vez que ya tienes claro cómo te buscan tus posibles clientes es importante que
empieces a crear la información de cada sección de tu página, utiliza las palabras clave
de manera natural, un lenguaje que usen tus visitantes y la descripción precisa de cada
parte del negocio. Una idea que te puede servir bastante es que primero trabajes en todas
las secciones de tu página y dejes la información de la página de inicio al final (esta
deberá ser un resumen concreto de toda tu página).
6. Elige las imágenes y crea los gráficos necesarios:
Se elegirán imágenes de todos los productos de la que oferta la distribuidora para que
conozcan la variedad de productos que oferta Lácteos el Ranchito, además hará conocer
las instalaciones de la bodega que se está trabajando mediante los protocolos de

14
Bioseguridad ante esta pandemia que nos está afectando.
7. Agrega un blog a tu página:
Se creará un blog de la empresa dentro de tu página web ofrece bastantes beneficios ya
que no solo te ayuda en el posicionamiento en buscadores como Google, sino que
también se vuelve en una plataforma mediante la cual puedes ofrecer información
valiosa a tus visitantes que les ayudarán a tomar una decisión de compra acerca de tus
productos o servicios. En el blog se darán a conocer los diferentes productos que se
distribuyen y a los puntos que llegan las entregas
8. Da difusión a tu nuevo sitio web:
Una vez lista la página web se comenzará a hacer difusión por medio de las redes
sociales para dar a conocer el sitio web, también se enviará correos a los clientes.
En una sección de la página web se tendrá promociones disponibles del mes que
constará de descuentos exclusivos para los clientes que visiten la página web y realicen
compras mediante el portal web.

DIAGRAMA DE PROCESOS PARA LA CREACIÓN DE LA PAGINA WEB

15
Como resultado final se tiene la siguiente página en donde se sigue los pasos para que
nuestra página web quede bien estructurada. Teniendo en cuenta los diferentes pasos de
nuestro diagrama de procesos y una vez aprobada por los propietarios será publicada a
cada uno de los clientes y se desea que se pueda llegar a dar a conocer a mas provincias
cercanas a la cuidad de Nueva Loja. Link de la página web diseñada ( https://eliz-
aman.wixsite.com/ranchito-lago)

BIBLIOGRAFÍA
[ CITATION Que \l 12298 ]
https://webdesignerandmore.wordpress.com/2012/09/25/que-es-diseno-web/

[ CITATION DES \l 12298 ]

https://desarrolloweb.com/articulos/que-es-html.html

16