PROCESO DIRECCIÓN DE FORMACIÓN PROFESIONAL INTEGRAL

FORMATO GUÍA DE APRENDIZAJE

1. IDENTIFICACIÓN DE LA GUIA DE APRENDIZAJE

● Denominación del Programa de Formación: Análisis y desarrollo de software

● Código del Programa de Formación: 2453914
● Nombre del Proyecto:
● Fase del Proyecto:
● Actividad de Proyecto:
● Competencia: DETERMINAR LAS CARACTERÍSTICAS TÉCNICAS DE LA INTERFAZ GRÁFICA DEL
SOFTWARE ADOPTANDO ESTÁNDARES.
* PROPONER INTERFAZ GRÁFICA DE USUARIO EN APLICACIONES STAND-ALONE Y WEB
* CONSTRUIR MAPA DE NAVEGACIÓN.
* ELABORAR PROTOTIPOS.
● Resultados de Aprendizaje Alcanzar:
● Duración de la Guía:

2. PRESENTACIÓN

La presente guía didáctica de aprendizaje es de vital importancia ya que le proporcionará a usted el paso a
paso necesario para la elaboración de los elementos que integrarán la aplicación multimedia una vez
finalizada. En esta fase podrá reconocer las fases de un producto audiovisual como son edición, montaje y
publicación.

3. FORMULACIÓN DE LAS ACTIVIDADES DE APRENDIZAJE

3.1 ACTIVIDAD DE REFLEXIÓN INICIAL

Actualmente oímos en todas partes que la gente debe tener presencia en la web para dar a conocer sus
productos o servicios, ya sea por redes sociales o por su propia página si es que desea tener éxito en sus
negocios o proyectos o si lo que busca es ser reconocido en sociedad. Pero nadie nos dice por qué. No es
claro que pasa si no tengo mi propia red social o mi sitio web, nadie nos explica por qué unas empresas u
organizaciones que tienen web son menos exitosas que otras que no invierten tanto tiempo o recurso a
este aspecto, en resumidas cuentas, ¿cuáles son realmente los beneficios y/o ventajas que tiene nuestra
presencia en internet?

Con esto en mente estimado aprendiz, reflexione individualmente:

1. ¿Qué crees que pasaría actualmente si empresas como las EPS o supermercados de cadena como el
Éxito o Carulla no tuvieran un sitio web?

R/ En los supermercados se genera aglomeración y pérdida de ventas, en caso de las EPS se dificultan los
trámites como autorizaciones y solicitudes de citas médicas

0
 V

Imagínate que páginas web como la de YouTube o Netflix solo se pudieran ver bien en un pc de escritorio
porque si las abres en un celular o una Tablet todos los videos o contenidos se desorganizaran, porque
todos los menús de navegación y la letra de los textos se vuelven tan pequeñas que no puedes seleccionar
o leer algo sin tener que estar ampliando la pantalla o que se muestre un scroll horizontal larguísimo. O
¿qué tal la página de Facebook con estas mismas condiciones?

Teniendo eso en mente reflexiona y responde:

1. ¿Crees que en la actualidad los usuarios de internet estarían aceptando páginas con las condiciones
anteriores?

R/ No, porque se dificulta más la funcionalidad de la página, generando pérdidas de tiempo.

2. ¿Cuál sería tu reacción al navegar en la red y que todas las páginas que visites sólo las veas bien en un
solo tipo de dispositivo?

R/ Inconformidad, desespero así generando pérdida de interés.

3. ¿En qué te afectaría a ti como usuario de internet ese tipo de características en las páginas web? por
ejemplo en las redes sociales como twitter o Facebook.

R/ Nos afectaría en la interpretación de la página, chats, imágenes, lectura y eficiencia de la recepción de

información.

Ambiente: Multimedia. Materiales: PC, Word, NotePad++, Internet.

3.2 ACTIVIDAD DE CONTEXTUALIZACIÓN

Luego de resolver las preguntas de la actividad de reflexión, se realizará un debate mediante intervención
de la instructora se escogerá aprendices al azar para que compartan sus opiniones con el grupo y se
discutan los diferentes puntos de vista que se generen en la plenaria, éstos deberán ser consignados en un
archivo de Word llamado “Conversatorio” en donde desarrolle la sustentación de las respuestas a los
anteriores interrogantes y que enviarán de forma individual al correo de adecamo@misena.edu.co con
asunto “Conversatorio actividad de reflexión web”

3.3 ACTIVIDAD DE APROPIACIÓN

En grupos de 3 aprendices resolverán las actividades de esta guía y de los dos documentos de apoyo
compartidos por la instructora:

1. Quién inventó la primera página web.pptx

R/
2. Introducción a la web.docx

3.4 ACTIVIDAD DE TRANSFERENCIA DE CONOCIMIENTO

Observa el siguiente video:

Importancia de aplicaciones web profesionales - Duración: 2min, 38 segundos

https://www.youtube.com/watch?v=fjfMbAw5mWY

1. ¿Qué les llamó más la atención del video?

R/ El diseño guiado por las 7 fases, facilitando el entendimiento del proceso de una página web

2. ¿Están de acuerdo con las premisas que plantea?

R/ Si, porque la idea que nos plantea al desarrollar la página web, va enfocada en la conversión de los usuarios
a clientes, mediante algo más visual y atractivo.

3. ¿Qué diferencias creen que hay entre el diseño y el desarrollo web?

R/ El diseño web facilita y ajusta la apariencia y la percepción del sitio para lo que fue creado y el desarrollo se
trata de las características y las funciones de la web. Uno es más visual y el otro más técnico

4. ¿Consideras que las etapas de diseño y desarrollo web que exponen en el video son necesarias? ¿si?

R/ Si, el análisis porque nos ayuda a entender el propósito y las necesidades a cubrir de la página

-Planificación: nos ayuda a tener una idea de la estructura del sitio

-Diseño: nos facilita tanto lo visual como la interacción con el usuario

-Contenido: Enfoca su contenido en la redacción y búsqueda de información

-Desarrollo: características y funciones

-Pruebas: evalúa el desarrollo

-Lanzamiento:Nos ayuda a monitorear e identificar algún fallo para así corregirlo

¿no? EXPLIQUEN SU RESPUESTA POR CADA UNA DE LAS FASES

5. Explica con tus palabras el término conversión que establecen en el video.
R/ El desarrollo de una estrategia para que así sus usuarios, es decir, los visitantes de la página se conviertan en
posibles compradores o clientes potenciales.

6. Investiga, con respecto a un sitio web, que es y en que consiste términos como SEO y PPC. ¿Los
consideras necesarios? ¿Pueden existir sitios web sin su aplicación? Sustenta y justifica tu respuesta a cada
una de las preguntas de este tercer punto.

SEO: estrategia de marketing para el posicionamiento del sitio web, Es la capacidad que tiene un sitio web
en la primera página de resultados.

PPC: Publicidad intrusiva

¿Los consideras necesarios? <

R/Si, ya que dan a conocer el sitio web.

¿Pueden existir sitios web sin su aplicación?

R/Si, pero no estarían posicionados en el marketing digital

Se socializarán los hallazgos en la sesión de clase.

A continuación, la instructora asignará a cada equipo un tema o empresa de los siguientes.

• Sitio de plantas ornamentales y paisajismo

• Sitio de algún ecoparque colombiano
• Sitio de un Museo de arte urbano
• Sitio para una revista de modas
• Sitio de cine
• Sitio de comidas rápidas
• Sitio de mascotas y su cuidado
• Sitio de una empresa de arquitectura y construcción
• Sitio de Café y baristas.
• Sitio de una EPS
• Sitio de una empresa de telefonía y productos afines.
• Sitio de bebidas energizantes y licores
• Sitio de una Aerolínea
• Sitio de una universidad o colegio
• Sitio de una librería y/o biblioteca.
• Sitio de un gimnasio y productos afines

Según la asignación de temas/empresas que haga la instructora en la sesión de clase, para los mismos
grupos de la actividad de apropiación, diseñen en papel o cualquier otra herramienta de su elección como
quisieran que se viera la web que desarrollarían para esa empresa o tema anteriormente establecida. Base
su diseño en investigación que haga por medio de internet de empresas con temáticas parecidas a las de su
equipo. Cambie o ajuste lo que usted consideraría más atractivo o funcional de esos sitios web.

Establezca colores, tipografías e imágenes que se adapten al diseño que le darían al sitio web.
3

0
 V

Compartan su archivo de diseño terminado (un por equipo) al correo de la instructora

adecamo@misena.edu.co para ser socializado con sustentación de este en la sesión de clase.

Ambiente: Multimedia. Materiales: PC, NotePad++, Internet.

3.5 ACTIVIDAD DE EVALUACIÓN

Evidencias de Aprendizaje Criterios de Evaluación Técnicas e Instrumentos
de Evaluación

Evidencias de Conocimiento : IDENTIFICA LOS FORMATOS Técnica: Evaluación

DE ARCHIVO NECESARIOS
SEGÚN LA PLATAFORMA DE Colaborativa Instrumento:
INTEGRACIÓN DE LA
MULTIMEDIA Lista de chequeo

PRODUCE LOS COMPONENTES

AUDIOVISUALES SIGUIENDO
Evidencias de Técnica: Observación
EL CRONOGRAMA Y
HACIENDO USO ADECUADO
DE LAS HERRAMIENTAS DE Instrumento: Lista de chequeo
SOFTWARE.

Desempeño: Evidencias

Integra los elementos Técnica: Evaluación

audiovisuales para la
generación de secuencias de Colaborativa Instrumento:
video
de Producto: diseño Sitio Web

5. GLOSARIO DE TÉRMINOS

• Diseño Web: Es una actividad considerada dentro del diseño multimedia, la cual consiste en la
planificación, diseño, desarrollo e implementación de páginas web y sitios web. En el diseño web se
involucran diversas habilidades y conocimientos, como el diseño gráfico, la programación, la
animación, y la arquitectura de la información. El Diseño Web busca que un sitio web capte la
atención de los visitantes con un diseño gráfico profesional, y que así mismo sea funcional, de fácil
navegabilidad, y que sea localizable por los usuarios a través de los motores de búsqueda.
 • Sitio Web: Un sitio web es en esencia una carta de presentación digital, que utilizan las empresas para
comunicar y transmitir su información, como parte de su estrategia de mercadeo. Técnicamente, se
trata de una localización en la World Wide Web, compuesta por documentos (páginas web)
organizadosjerárquicamente. Popularmente lostérminos “‘página web” y “sitio web”
3

91

se utilizan como sinónimos, aunque en realidad no lo son. Un sitio web puede contener diversos
materiales estáticos o dinámicos como: gráficos, textos, audio, vídeo, etc.
• HTML (HyperText Markup Language): Significa ‘Lenguaje de Marcado de Hipertexto’, y se refiere al
lenguaje de marcado o codificación predominante para la elaboración de páginas web. Se utiliza
para describir la estructura y el contenido de la página web en forma de texto, y para
complementarlo con otros objetos (como imágenes).
• Accesibilidad: Se refiere a qué tan accesible es elsitio para personas con discapacidades que también
utilizan la Web, como personas ciegas, con problemas de artritis, o que no ven bien los colores. •
Buscadores de Internet: Son compañías que utilizan software elaborado para visitar todos los sitios
de la Web regularmente, indexar la información que encuentra y utilizando sus propios
parámetros, despliegan la relevancia de esas páginas cuando un usuario busca información
relevante al gremio que pertenecen. Los tres buscadores más grandes son Google, Yahoo y Bing.
• Hipervínculo: Un enlace de texto, imagen o multimedia que apunta a otro documento, sea página,
imagen u otro. Casi siempre apunta a otra página; es sinónimo de link.
• Cuerpo de la página: Toda la parte visible de una página web, comprendida en el código HTML por
todo lo que se encuentra dentro de la etiqueta body.

6. REFERENTES BIBLIOGRÁFICOS

• Costa, S. C., &amp; Piñeiro, O. T. (2014). Estrategias de comunicación multimedia. Retrieved from

https://ebookcentral-proquest-com.bdigital.sena.edu.co

• Youtube Importancia de aplicaciones web profesionales – 22 enero 2017

https://www.youtube.com/watch?v=fjfMbAw5mWY

7. CONTROL DEL DOCUMENTO

Nombre Cargo Dependencia Fecha

Autor (es) Adelaida Cano Molina Instructora Multimedia 01 de marzo de 2021

9
 1

8. CONTROL DE CAMBIOS (diligenciar únicamente si realiza ajustes a la guía)

Nombre Cargo Dependencia Fecha Razón del Cambio

Autor (es)

91