• Author / Uploaded
• Amanda Rosero

Citation preview

PROYECTO DEMOSTRATIVO Aprobación del tema para el Proyecto final de BT en Contabilidad Estudiante: Manuel Efraín Malliquinga Institución Educativa: Chiliquinga Tema: del Proyecto:

Unidad Educativa Particular Sucumbíos

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 ACTIVIDADES

JUNIO JULIO 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  o 

. Cada etiqueta significa una cosa, por 10

ejemplo  significa

que

se

escriba

en

negrita

(bold)

o 

 significa

un

párrafo,  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  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. Esto está en negrita.

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://elizaman.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