UNIDAD EDUCATIVA “HOMERO CASTRO ZURITA”

BACHILLERATO TÉCNICO

PROYECTO DEMOSTRATIVO:

CREACIÓN DE SITIO WEB PARA LA EMPRESA DE OPEN ECUADOR

Autor:

NAYELI DEL ROCIO FIGUEROA BERGARA

ESPECIALIDAD:

INFORMÁTICA

Tutor:

Lic. Erick López

Curso:

Tercero “B”
PERIODO LECTIVO:
2020 - 2021
LUGAR Y FECHA
Naranjal – 10 de febrero del 2021
 Primera parte

1. Análisis de la situación planteada (680 -800 palabras)

La creación de un sitio web para la empresa de Open Ecuador, tiene el propósito de que el
público no solo de la localidad sino del país conozca todo lo referente a dicha empresa, el sitio
web permitirá acceder a la información de los productos y servicios que presta la misma desde
cualquier parte del mundo y a cualquier hora. Esto se hará con el uso de las herramientas
multimedias y la información proporcionada por parte de la empresa.

1.1. Identificación de los contenidos o competencias a aplicar (250-300 palabras)

Procesar información de diferente tipo, utilizando técnicamente las herramientas ofimáticas

locales y/o en línea según los requerimientos establecidos por el usuario
Buscadores y navegadores:

 Introducción y conceptos.
 Navegadores comunes:
o Elementos básicos, usos, configuraciones.
o Entorno básico de los navegadores.
 Búsqueda de información:
o Criterios de búsqueda.
o Búsqueda avanzada.

Diseñar y construir soluciones web de nivel intermedio con interfaz amigable, empleando
herramientas multimedia que permitan promocionar la información e imagen de una
organización y/o cliente.

Conceptos básicos de web:

 HTML
 Páginas web
 Páginas estáticas
 Páginas dinámicas
 Protocolos IP
 Navegadores (browsers)
 Hojas de estilo
 Tablas
 Plantillas (template)
 Marcos (frames)
 Hipervínculos locales y externos
 Software de edición de sitios web
 Publicador de sitio web
 Servidor
 Dominio
 Alojamiento y publicación
 Solución web
 Plataforma web

Conceptos básicos de herramientas multimedia:

 Herramientas de dibujo y pintura

 mapas de bits
 Dibujos vectoriales
 Animaciones en 2D y 3D
 Edición de fotografía
 Edición de video no lineal
 Software de edición gráfica
 Edición de sonido.

Aplicaciones de edición y diseño de soluciones web:

 Manejadores de contenidos de imagen

 Audio y video
 Software de edición de páginas web de ambiente privativo y libre.

Evaluación de soluciones web:

 Facilidad de uso
 Interactividad
 Diseño funcional
 Tiempo de carga
 Número de visitantes
 Creatividad
 Contenido
 Derechos de autor
 Monitoreo de integridad y seguridad
 Validación de la solución web.

Publicación y promoción de soluciones web:

 Redes sociales
 Plataformas web
 Buscadores
 Soporte de las soluciones web.
1.2. Reconocimiento de Temas por reforzar (250-300 palabras)

 (software de edición de sitios web (conceptos de 2 líneas))

 Entorno: El entorno de trabajo del navegador, como el resto de los programas de
Windows, dispone de los elementos habituales en este entorno: barras de menús, barra de
herramientas, barra de estado, etc. Lo más característico es la barra de direcciones donde
figura la dirección de la página que se está mostrando en ese momento.
 Criterios de búsqueda: Los criterios de búsqueda o palabras clave son frases o palabras
que los usuarios introducen en los buscadores para buscar un producto, servicio, etc. El
éxito de tu página puede depender en muchos casos de la correcta elección de las palabras
claves seleccionadas y de dónde las ubiques.
 HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet.
Se trata de las siglas que corresponden a HyperText Markup Language, es decir, Lenguaje
de Marcas de Hipertexto.
 Páginas estáticas: Los sitios Web estáticos son aquellos sitios enfocados principalmente a
mostrar una información permanente, donde el navegante se limita a obtener dicha
información, sin que pueda interactuar con la página Web visitada.
 Páginas dinámicas. Las páginas web dinámicas son generadas por una aplicación web. Los
lenguajes utilizados para la generación de este tipo de páginas son principalmente: Perl
CGI, PHP, JSP y ASP . Los manejadores de bases de datos que pueden trabajar con páginas
dinámicas son principalmente: PostgresSQL, MySQL , Oracle y Microsoft SQL Server.
 Marcos: Los frames (también llamados marcos) son usados para dividir una página web en
varias partes, cargando otra página web en cada una de ellas. Por defecto se muestran con
un borde que permite redimensionarlos según necesitemos.
 Hipervínculo: Un hiperenlace o hipervínculo, o sencillamente enlace o vínculo, es un
elemento de un documento electrónico que hace referencia a otro recurso, como por
ejemplo un punto específico de un documento o de otro documento.
 Un hipervínculo local o interno: Un hipervínculo local o interno es un vínculo a una página
que se encuentra en el mismo sitio web (sitio local). Hipervínculo externo: Un hipervínculo
externo es un vínculo a otro sitio web en Internet (sitio externo). Es un vínculo a cualquier
otro lugar fuera del sitio actual.
1.3. Planificación del trabajo.

CRONOGRAMA DE TRABAJO, DE PROYECTO DEMOSTRATIVO

ENERO FEBRERO
RESPONSABL SEMANA
Nª ACTIVIDADES SEMANA 1 SEMANA 2 SEMANA 3 SEMANA 4
E 5
13 14 15 18 19 20 21 22 25 26 27 28 29 1 2 3 4 5 8 9 10
Estudiante-
Elección, corrección de
Docente
Corrección de temas a estudiantes
1 Tutor                                          
temas
Aprobación de temas a comisión
2 estudiantes técnica                                          
Estudiante-
Identificación de contenidos
Docente
o competencias a aplicar
3 Tutor                                          
Planificacion y
Estudiante-
analisis de la Reconocimiento de temas a
Docente
situacion revisar o reforzar
4 Tutor                                          
planteada
Estudiante-
Planificación del trabajo Docente
5 Tutor                                          
Estudiante-
Resolución de las tareas del
Docente
caso
6 Tutor                                          
Segunda Estudiante-
parte: Finalización del caso práctico Docente
7 Desarrollo Tutor                                          
Estudiante-
Respuesta a pregunta
Docente
teórica, opción múltiple
8 Tutor                                          
9 Tercera parte: Importancia y aplicabilidad Estudiante-                                          
 Docente
Reflexión de la Figura Profesional
Tutor
Explicación escrita del
10 desarrollo Estudiante                                          
Cuarta parte:
Organización del portafolio y Estudiante-
Sistematización
presentación del Proyecto Docente
11 Demostrativo Tutor                                          
2. Desarrollo de la problemática.

2.1. Resolución de las tareas del proyecto planteado

Tener una página web hoy en día se ha vuelto prácticamente una necesidad para cualquier
empresa que quiera modernizarse y mantenerse actualizada, un ejemplo de esto son los millones
de Ecuatorianos que navegan en promedio 7 horas y 14 minutos al día en internet. En específico
uno de los datos más importantes es que según el último estudio realizado por la AMIPCI, el 64%
de estas personas utilizan internet para buscar información y ahí es dónde puede representar la
diferencia entre tener página web y que te puedan encontrar, o simplemente que encuentren a
tus competidores.

Hoy en día ya no simplemente basta con tener una página web, sino que hay que hacerla de
manera que sea efectiva y tenga lo necesario para que sea útil para sus visitantes, es por esto que
el diseño web ha ganado bastante importancia. Diseñar una página web eficiente parte desde el
momento en que pensamos en la necesidad de tenerla y por esto nos dimos a la tarea de la
Creación de sitio web para la empresa de Open Ecuador, para que de esta manera la empresa
aumente sus ventas y sus ganancias

2.1.1. Define el objetivo de tu página: 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 tu empresa para poderla mostrar a clientes actuales.
 Tener un sitio web para atraer visitantes y mediante un proceso transformarlos en clientes
nuevos para tu negocio.
 Una tienda en línea en la cual ofrezcas tus productos, servicios o contenidos a los usuarios
de manera directa.
 Un blog o portal de noticias el cual se convierte en un negocio de información más que de
venta.
 Una combinación entre dos o tres de los incisos anteriores.
No importa cuál sea tu objetivo pero es importante tenerlo claro desde el principio ya que de esta
forma podrás llegar a diseñar un sitio que sea efectivo para su causa. Sin embargo siempre ten en
cuenta que debe ser escalable ya que debe de poder crecer a la par de tu empresa.

2.1.2. Elige el estilo: En este caso se trata de crear un sitio web es porque: Tienes el negocio
OpenEcuador ya está establecido y lleva un tiempo pero no tiene página web. En este caso es
importante que se tenga ya una base de diseño en cuanto al logotipo y aplicaciones, ya que esto
servirá como la base para dictar parte del estilo que se elegirá. Hay distintos estilos en las páginas
web y siempre es muy conveniente revisar varias páginas para tener una idea de distintos
ejemplos que existen y cuáles son los que más le gustan al cliente en este caso Open Ecuador.
Algunos de los estilos que puede tener una página son:

 Una "One-Page".
 "One-Page" con un carrusel de fotos de inicio.
 Un sitio web con distintas secciones.
 Una tienda en línea.
 Un sitio de aterrizaje.

Una vez que se tengas definido el estilo que más gusta y el objetivo se puede pasar al siguiente
paso.

2.1.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 la página y a
su vez que subsecciones existirán dentro de estas. Lo más práctico para esto es tomar un pedazo
de papel y una pluma y empezar a crear una lista. Una vez que se tenga la lista se podrá empezar a
trabajar en que deberá incluir cada página y sub-página.

2.1.4. Elige las Palabras clave:

No importa si el objetivo es únicamente tener una plataforma que puedan visitar los clientes
actuales o si es 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

8
tomando la decisión de crear un sitio web, es mejor que sea efectivo y este optimizado desde el
principio. Crear una lista de palabras clave debe estar centrado en como tus visitantes o clientes
buscarían los productos/servicios de tu empresa, y con base en esto seleccionar las palabras más
significativas para sobre eso desarrollar el contenido de la página.

2.1.5. Estructura la información y crea los contenidos:

Una vez que ya se tiene claro cómo buscan la página web de OpenEcuador los posibles clientes es
importante que se empieces a crear la información de cada sección de esa página, utilizando las
palabras clave de manera natural, un lenguaje que usen los visitantes y la descripción precisa de
cada parte del negocio. Un tip que puede servir bastante es que primero se trabaje en todas las
secciones de la página y dejar la información de la página de inicio al final (esta deberá ser un
resumen concreto de toda la página).

2.1.6. Elige las imágenes y crea los gráficos necesarios:

Es hora de vestir tu página e ilustrar los puntos más importantes, se seleccionará una serie de
imágenes adecuadas para cada sección de la página. Estas imágenes pueden ser algunas que
tengas de la empresa y/o el personal que presta diferentes servicios, de algunos de los trabajos
que han realizado, de algunos de los clientes, y si simplemente no se cuenta con imágenes se
puede utilizar algún stock de fotos para descargarlas de ahí. También es importante que se defina
si se requiere de alguna tabla, gráfica o elemento visual para explicar mejor algún punto, si es el
caso se crearán estos elementos.

2.1.7. Da difusión a tu nuevo sitio web:

Una vez que se tenga listo el sitio se debe hacer que la gente lo sepa para que lo empiecen a
visitar, algunas formas de hacerlo son:

 Incluirlo en la papelería de tu empresa (tarjetas de presentación, hojas membretadas,

sobres, folletos, etc.).
 Notificar a tus contactos actuales vía correo electrónico o mediante un emailing.
 Incluirlo en la firma electrónica de tu correo.
 Hacer publicidad a través de las redes sociales.
 Nuevo llamado a la acción

9
2.2. Respuestas a preguntas de opción múltiple (180-250 palabras, deben ser 3 ó 4 preguntas)

2.2.1. Pregunta 1
¿Cómo eligió las imágenes y/o creó los gráficos necesarios que la página web de la empresa
Open Ecuador?
 Algunas fueron proporcionadas por la empresa Open Ecuador
 Se seleccionaron de los proveedores de los productos que venda la empresa.
Se diseñaron una serie de imágenes adecuadas para cada sección de la página.
 Se obtuvieron de internet

Esta pregunta hace referencia a de donde se obtuvieron las imágenes que son una parte
fundamental en la vistosidad de la página web. Pues en la respuesta se explica que algunas
fueron proporcionadas por la empresa como los Logos y otras de sus proveedores. Así como
también se usaron otras páginas web, entre ellas está: https://www.freepik.es/fotos-
vectores-gratis/fondos-para-paginas-web, las cuales proveen recursos gratuitos para la
creación de otras web tales como fondos, fuentes, fotos de los equipos, entre otros recursos.

2.2.2. Pregunta 2
¿Con que programa o herramienta se diseño la página web de la empresa Open Ecuador?
Eligió la herramienta Google Workspace
Se seleccionó la proveedora web SITE123
Se diseñó con SimpleSite.
 Fue decisión de la empresa Open Ecuador
Actualmente existen páginas Web que explican cómo crear un sitio web de forma fácil y rápida, y
sin tener que programar, unas ofrecen un manual sencillo y otras realizarlas paso a paso.

2.2.3. Pregunta 3
¿Que las palabras clave eligió para que el buscador muestre la página web de la empresa Open
Ecuador?
 Servicios
 Computadora.
Lento
 Solución

Las palabras clave (del inglés keywords) hacen referencia a los criterios de búsqueda que se
utilizan en Internet para encontrar determinada información.

10
 PARTE III
3. Reflexión e Importancia y Aplicabilidad de la figura profesional

3.1. Reflexión, descripción del desarrollo de mi proyecto.

Es bien sabido que el Bachiller Técnico Profesional en Informática se puede desempeñar en

Centros o departamentos de informática de cualquier institución o empresa, asistiendo al personal
en el uso de herramientas de ofimática, en el correcto funcionamiento del equipo así como en la
creación de programas que sean necesarios para el manejo de la información de las instituciones
o empresas, así como dando soporte técnico en la instalación, mantenimiento y reparación de
computadoras, Diseñar y construir soluciones web de nivel intermedio con interfaz amigable,
empleando herramientas multimedia que permitan promocionar la información e imagen de una
organización y/o cliente, entre otras. Es por ello que decidí estudiar esta carrera y además realizar
como proyecto demostrativo la CREACIÓN DE SITIO WEB PARA LA EMPRESA DE OPEN
ECUADOR.

A diario y más aun con esta pandemia es necesario el uso de los medios tecnológicos y de
comunicación (celulares, App, páginas Web) para realizar las comprar sin salir de casa,
contribuyendo de esta manera a que la sociedad permanezca en sus hogares evitando contagio y
manteniéndose abastecida de alimentos y otros enseres. Además las ventas online tienen todo tipo
de ventajas para el cliente: desde ofrecer un horario más amplio (disponibles las 24 horas del día,
durante los 365 días del año), dar una mayor cantidad de información digital para que el cliente
pueda hacer una mejor valoración de los productos o servicios, dan la posibilidad de comunicarse
a través de diferentes formas (desde los sistemas convencionales páginas web, hasta Whatsapp o
similares), además de proporcionar un amplio catálogo.

Estas compras online le permiten al cliente hacer comparaciones e investigar los precios de un
mismo producto y todo esto se logra gracias a las personas que como yo escogieron esta carrera
de informática y desarrollaron estos medios online para hacer ya sea compras como en el ejemplo
expuesto o para otros fines más importantes que tiene esta carrera como es la de automatizar todo
tipo de procesos y sistemas para gestionar datos: Con lo que conseguimos aumentar enormemente
la productividad, la velocidad en la creación y manejo de tareas y además evitamos muchos
errores humanos

Las Tecnologías de la Información han sido conceptualizadas como la integración y convergencia

de la computación, las telecomunicaciones y la técnica para el procesamiento de datos, donde sus
principales componentes son: el factor humano, los contenidos de la información, el
equipamiento, la infraestructura, el software y los mecanismos de intercambio de información,
los elementos de política y regulaciones, además de los recursos financieros.

11
12
 Fase 4
4. Sistematización, organización del portafolio de mi trabajo.

Para dar inicio a este proyecto se comenzó con la explicación sobre la estructura del proyecto
demostrativo por parte del docente tutor sobre la elaboración del proyecto de grado. Posteriormente le
presente mi tema al docente tutor y él me oriento mejor y me ayudo a escoger el tema que finalmente
realice el cual es la CREACIÓN DE SITIO WEB PARA LA EMPRESA DE OPEN ECUADOR, también me dio
instrucciones de la manera correcta en que debía desarrollar la estructura del proyecto demostrativo, el
cual posee 4 partes y luego prosiguió con la explicación de la primera fase.

En la siguiente clase el docente tutor nos envió una guía donde se encontraba la estructura del proyecto
demostrativo y allí mismo explicaba a través un ejemplo, también nos hizo llegar en otro documento el
cronograma de trabajo que debe realizarse en la primera fase. En este cronograma de trabajo se debía
llenar con los pasos a seguir cronológicamente para llevar a buen término el proyecto, estos pasos son
de gran importancia ya que estos ítems son los que posteriormente se explicarían detalladamente en la
fase 2 del trabajo escrito. Para la realización de este cronograma investigue exhaustivamente la forma en
que se debe crear una página Web, la manera progresiva en que debe hacerse, los pasos a seguir y el
software requerido, consulte a los expertos tanto trabajadores de la institución como profesionales en el
ramo de la informática, además tome notas y obtuve información de manera ordenada, organizada y
dejando por escrito las observaciones realizadas en mi cuaderno de notaciones. De ésta manera logré
enlistar una serie de tareas de forma sistemática y ordenada, las cuales considere las más idóneas para la
realización del proyecto demostrativo

Al comenzar el desarrollo de la segunda parte del proyecto, donde se debe explicar de manera detallada
cada una de las actividades estipuladas en el cronograma, la investigación fue más minuciosa y profunda.
Comenzando por definir el objetivo de la página Web para este fin por supuesto converse

13
exhaustivamente con los representantes de la empresa Open Ecuador. Obviamente el siguiente paso fue
usar todos estos elementos y los datos proporcionados por la empresa para definir el estilo que tendría
la página Web, y comencé a preguntarme que elementos necesitaba para la misma. De la esta manera
me dispuse a realizar el mapa de sitio primero en lápiz y papel y luego lo digitalice. Acto seguido, revisar
y elegir las Palabras clave del sitio.

Siguiendo el orden de los pasos a realizar dedique el tiempo necesario para crear la Estructura de la
información y crear los contenidos siempre consultando y tomando en cuenta la opinión del cliente, que
en este caso es Open Ecuador.

Otra tarea requerida para la realización de este proyecto demostrativo era elegir las imágenes y/o crear
los gráficos necesarios pues de esto depende la vistosidad de la página web. Finalmente para dar
difusión al nuevo sitio web escogí mis redes sociales. De esta manera di por terminado mí proyecto
demostrativo,

La importancia de este trabajo radica en la experiencia adquirida y en el servicio prestado a la empresa

Open Ecuador y a la comunidad la cual ahora podrá acceder a sus productos y servicios vía online.

14