Sie sind auf Seite 1von 21

SERVICIO NACIONAL DE APRENDIZAJE SENA

SISTEMA INTEGRADO DE GESTIÓN Versión: 02


Procedimiento Ejecución de la Formación Profesional Integral
GUÍA DE APRENDIZAJE Código: GFPI-F-019

GUÍA DE APRENDIZAJE Nº 001

1. IDENTIFICACIÓN DE LA GUIA DE APRENDIZAJE

Programa de Código: 228101 PRODUCCION MULTIMEDIA


Formación: Versión: 102

Nombre del
Proyecto:

Fase del proyecto: ANALISIS

Actividad (es) de Aprendizaje: Ambiente de MATERIALES DE FORMACIÓN


formación DEVOLUTIVO CONSUMIBLE
 Desarrollo de páginas web ESCENARIO. (Herramienta (unidades
 Diseño de interfaces web - equipo). empleadas
 Diseño de interfaces durante el
responsivas Aula Equipo de programa).
Actividad (es) del desarrollo de Cómputos.
software. Libros de
Proyecto:
referencia,
Diseño de Internet, CD´s,
guías, lápices,
interfaces del
esferos,
aplicativo marcadores,
borradores,
hojas de papel,
cinta pegante,
pegastic,
memorias USB,
correctores,
pos it
Resultados de DETERMINAR LA PLATAFORMA COMPETENCIA:
Aprendizaje: DEL PROYECTO A PARTIR DE
LAS NECESIDADES DEL ANALIZAR LA INFORMACIÓN
CLIENTE APLICANDO LAS RECOLECTADA PARA DEFINIR LA
TÉCNICAS DE RECOLECCIÓN Y TIPOLOGÍA DE PROYECTO
PROCESAMIENTO DE LA MULTIMEDIAL.
INFORMACIÓN
Duración de la guía 10
( en horas):

Página 1 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
Procedimiento Ejecución de la Formación Profesional Integral

2. INTRODUCCIÓN

Páginas web

Es un documento que forma parte de un sitio web, este documento posee enlaces hacia otras páginas,
imágenes texto, video etc. Las páginas web están desarrolladas en HTML cuya versión actual es HTML5 el
cual es interpretado por navegadores web tales como internet explorer, Firefox, Chrome, opera, safari entre
otros. Existen 2 tipos de páginas web las estáticas cuyo contenido es predeterminado y las dinámicas cuyos
contenidos se generan al momento de ser solicitados al servidor web a través de lenguajes interpretados
como javascript

HTML5

Es un lenaguaje markup cuyas siglas significan “Hyper Text Markup Languaje” el cual es usado para
estructurar y presentar contenido para la web, HTML5 permite formatear el layout de nuestras páginas web
de tal forma que nos permite saber donde están los elementos, donde poner las imágenes, texto.

Estructura de un documento HTML5

<!DOCTYPE html>

Contenido Especifica la versión del tipo de documento a utilizar en este caso usamos el doctype de html5.

html

Tras la declaración del tipo de documento indicamos el inicio de nuestro documento html. Esta etiqueta se
cierra cuando finalizamos el documento, además posee un atributo “lang” el cual sirve para indicar el
idioma del documento

Página 2 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
Procedimiento Ejecución de la Formación Profesional Integral

head

Esta etiqueta indica que es la cabecera del documento donde colocaremos los metadatos de la página, el
código JavaScript y el CSS para darle estilos la pagina

meta charset

Es obligatorio en HTML5 el cual especifica el juego de caracteres del documento, el cual debería ser en
todas las ocasiones utf-8, como todo metadato debe ir en el head

title
Es un metadato especial que nos permite establecer el título de la página, para efectos de
posicionamiento es necesario que el valor del title sea idéntico al h1 de la pagina y a la url del sitio web

body
Dentro de esta etiqueta estableceremos todo el contenido de la pagina es decir texto, imágenes, videos
links etc.

Etiquetas comunes

H1 H2 H3 H4 H5 H6
Dentro Especifican la cabecera o títulos de las diferentes secciones o contenido de la pagina web donde la
etiqueta h1 es el titulo mas grande y h6 el titulo más puiño

<p>
Dentro Esta etiqueta nos permite crear párrafos en la página web

strong y em
Dentro Estas etiquetas permiten mostrar en negrita el contenido establecido dentro de ellas la diferentica
es que la etiqueta em no le dará tanta fuerza el texto sino mayor énfasis.

ul ol

Permite crear listas desordenadas con ul y listas ordenadas con ol. Estas listas poseen ua etiqueta interna
la cual es li que sirve para declarar cada elemento de la lista ejemplo

Página 3 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
Procedimiento Ejecución de la Formación Profesional Integral

El resultado es:

Como pudimos ver con ol la lista se crea de manera ordenada, pero no siempre es conveniente para esto
se usa la etiqueta ul función exactamente igual que las listas ordenadas, pero en vez de utilizar el
elemento ol usamos ul ejemplo:

El resultado es:

Links <a>

Link o enlaces se utilizan para enviar a otra parte del sitio web o a otra pagina externa. Un enlace se
construye con la etiqueta a y en su propiedad href especificamos a donde va a apuntar tal link
Ejemplo:

El resultado es:

Página 4 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
Procedimiento Ejecución de la Formación Profesional Integral

Si damos click en el enlace nos direccionara a la página de inicio de Google

Imágenes <img>

Esta etiqueta se usa para insertar imágenes, esta etiqueta posee la propiedad src cuyo valor indica la ruta
de la imagen a establecer y la propiedad alt para mostrar un texto alternativo ejemplo

El resultado es:

A continuación un listado de etiquetas útiles para el desarrollo de páginas web

Elementos raíz
Elemento Descripción
<!doctype html> Define que el documento está bajo el estándar de HTML 5
<html> Representa la raíz de un documento HTML o XHTML. Todos los demás
elementos deben ser descendientes de este elemento.

Metadatos del documento


Elemento Descripción
<head> Representa una colección de metadatos acerca del documento, incluyendo
enlaces a, o definiciones de, scripts y hojas de estilo.
<title> Define el título del documento, el cual se muestra en la barra de título del
navegador o en las pestañas de página. Solamente puede contener texto y
cualquier otra etiqueta contenida no será interpretada.
<base> Define la URL base para las URLs relativas en la página.
<link> Usada para enlazar JavaScript y CSS externos con el documento HTML
actual.
<meta> Define los metadatos que no pueden ser definidos usando otro elemento
HTML.
<style> Etiqueta de estilo usada para escribir CSS en línea.

Página 5 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
Procedimiento Ejecución de la Formación Profesional Integral

Scripting
Elemento Descripción
<script> Define ya sea un script interno o un enlace hacia un script externo. El
lenguaje de programación es JavaScript
<noscript> Define un contenido alternativo a mostrar cuando el navegador no soporta
scripting.

Elemento Descripción
Representa un hiperenlace, enlazando a otro recurso.
<a>
<em> Representa un texto enfatizado, como un acento de intensidad.

<strong> Representa un texto especialmente importante.

Representa un comentario aparte, es decir, textos como un descargo de


<small> responsabilidad o una nota de derechos de autoría, que no son esenciales
para la comprensión del documento.

<s> Representa contenido que ya no es exacto o relevante.

<cite> Representa el título de una obra .

<q> Representa una cita textual inline.

Representa un término cuya definición está contenida en su contenido


<dfn>
ancestro más próximo.

Representa una abreviación o un acrónimo ; la expansión de la abreviatura


<abbr>
puede ser representada por el atributo title.

Asocia un equivalente legible por máquina a sus contenidos. (Este elemento


<data> está sólamente en la versión de la WHATWG del estándar HTML, y no en
la versión de la W3C de HTML5).

Representa un valor de fecha y hora; el equivalente legible por máquina


<time>
puede ser representado en el atributo datetime.

<code> Representa un código de ordenador.

Representa a una variable, es decir, una expresión matemática o contexto


de programación, un identificador que represente a una constante, un
<var>
símbolo que identifica una cantidad física, un parámetro de una función o
un marcador de posición en prosa.

Página 6 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
Procedimiento Ejecución de la Formación Profesional Integral

<samp> Representa la salida de un programa o un ordenador.

Representa la entrada de usuario, por lo general desde un teclado, pero no


<kbd> necesariamente, este puede representar otras formas de entrada de
usuario, como comandos de voz transcritos.

<sub>,<sup> Representan un subíndice y un superíndice, respectivamente.

Representa un texto en una voz o estado de ánimo alterno, o por lo menos


<i> de diferente calidad, como una designación taxonómica, un término técnico,
una frase idiomática, un pensamiento o el nombre de un barco.

Representa un texto hacia el cual se llama la atención para propósitos


<b> utilitaros. No confiere ninguna importancia adicional y no implica una voz
alterna.

Representa una anotación no textual sin-articular, como etiquetar un texto


<u>
como mal escrito o etiquetar un nombre propio en texto en Chino.

Representa texto resaltado con propósitos de referencia, es decir por su


<mark>
relevancia en otro contexto.

Representa contenidos a ser marcados con anotaciones ruby, recorridos


cortos de texto presentados junto al texto. Estos son utilizados con
<ruby> regularidad en conjunto a lenguajes de Asia del Este, donde las
anotaciones actúan como una guía para la pronunciación, como
el furigana Japonés.

<rt> Representa el texto de una anotación ruby .

Representa los paréntesis alrededor de una anotación ruby, usada para


<rp> mostrar la anotación de manera alterna por los navegadores que no
soporten despliegue estándar para las anotaciones.

Representa un texto que debe ser aislado de sus alrededores para el


<bdi> formateado bidireccional del texto. Permite incrustar un fragmento de texto
con una direccionalidad diferente o desconocida.

Representa la direccionalidad de sus descendientes con el fin de anular de


<bdo>
forma explícita al algoritmo bidireccional Unicode.

Representa texto sin un significado específico. Este debe ser usado


cuando ningún otro elemento semántico le confiere un significado
<span>
adecuado, en cuyo caso, provendrá de atributos globales como class, lang,
o dir.

Página 7 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
Procedimiento Ejecución de la Formación Profesional Integral

<br> Representa un salto de línea.

Secciones
Elemento Descripción

<body> Representa el contenido principal de un


documento HTML. Solo hay un elemento <body>
en un documento.

<section> HTML5 Define una sección en un documento.

<nav> HTML5 Define una sección que solamente contiene


enlaces de navegación

<article> HTML5 Define contenido autónomo que podría existir


independientemente del resto del contenido.

<aside> HTML5 Define algunos contenidos vagamente


relacionados con el resto del contenido de la
página. Si es removido, el contenido restante
seguirá teniendo sentido

<h1>,<h2>,<h3>,<h4>,<h5>,<h6> Los elemento de cabecera implementan seis


niveles de cabeceras de documentos; <h1> es la
de mayor y <h6> es la de menor importancia. Un
elemento de cabecera describe brevemente el
tema de la sección que introduce.

<header> HTML5 Define la cabecera de una página o sección.


Usualmente contiene un logotipo, el título del
sitio Web y una tabla de navegación de
contenidos.

<footer> HTML5 Define el pie de una página o sección. Usualmente


contiene un mensaje de derechos de autoría,
algunos enlaces a información legal o direcciones
para dar información de retroalimentación.

Página 8 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
Procedimiento Ejecución de la Formación Profesional Integral

<address> Define una sección que contiene información de


contacto.

<main> HTML5 Define el contenido principal o importante en el


documento. Solamente existe un elemento
<main> en el documento.

Agrupación de contenido

Elemento Descripción

<p> Define una parte que debe mostrarse como un


párrafo.

<hr> Representa un quiebre temático entre párrafos de


una sección o articulo o cualquier contenido.

<pre> Indica que su contenido este preformateado y


que este formato debe ser preservado.

<blockquote> Representa un contenido citado desde otra


fuente.

<ol> Define una lista ordenada de artículos.

<ul> Define una lista de artículos sin orden.

<li> Define un artículo de una lista enumerada.

<dl> Define una lista de definiciones, es decir, una lista


de términos y sus definiciones asociadas.

<dt> Representa un término definido por el siguiente


<dd>.

<dd> Representa la definición de los términos listados


antes que él.

<figure> HTML5 Representa una figura ilustrada como parte del


documento.

Página 9 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
Procedimiento Ejecución de la Formación Profesional Integral

<figcaption> HTML5 Representa la leyenda de una figura.

<div> Representa un contenedor genérico sin ningún


significado especial.

Semántica a nivel de texto

Elemento Descripción

<a> Representa un hiperenlace, enlazando a otro


recurso.

<em> Representa un texto enfatizado, como un acento


de intensidad.

<strong> Representa un texto especialmente importante.

<small> Representa un comentario aparte, es decir, textos


como un descargo de responsabilidad o una nota
de derechos de autoría, que no son esenciales
para la comprensión del documento.

<s> Representa contenido que ya no es exacto o


relevante.

<cite> Representa el título de una obra .

<q> Representa una cita textual inline.

<dfn> Representa un término cuya definición está


contenida en su contenido ancestro más próximo.

<abbr> Representa una abreviación o un acrónimo ; la


expansión de la abreviatura puede ser
representada por el atributo title.

<data> HTML5 Asocia un equivalente legible por máquina a sus


contenidos. (Este elemento está solamente en la
versión de la WHATWG del estándar HTML, y no
en la versión de la W3C de HTML5).

Página 10 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
Procedimiento Ejecución de la Formación Profesional Integral

<time> HTML5 Representa un valor de fecha y hora; el


equivalente legible por máquina puede ser
representado en el atributo datetime.

<code> Representa un código de ordenador.

<var> Representa a una variable, es decir, una expresión


matemática o contexto de programación, un
identificador que represente a una constante, un
símbolo que identifica una cantidad física, un
parámetro de una función o un marcador de
posición en prosa.

<samp> Representa la salida de un programa o un


ordenador.

<kbd> Representa la entrada de usuario, por lo general


desde un teclado, pero no necesariamente, este
puede representar otras formas de entrada de
usuario, como comandos de voz transcritos.

<sub>,<sup> Representan un subíndice y un superíndice,


respectivamente.

<i> Representa un texto en una voz o estado de


ánimo alterno, o por lo menos de diferente
calidad, como una designación taxonómica, un
término técnico, una frase idiomática, un
pensamiento o el nombre de un barco.

<b> Representa un texto hacia el cual se llama la


atención para propósitos utilitarios. No confiere
ninguna importancia adicional y no implica una
voz alterna.

<u> Representa una anotación no textual sin-articular,


como etiquetar un texto como mal escrito o
etiquetar un nombre propio en texto en Chino.

Página 11 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
Procedimiento Ejecución de la Formación Profesional Integral

<mark> HTML5 Representa texto resaltado con propósitos de


referencia, es decir por su relevancia en otro
contexto.

<ruby> HTML5 Representa contenidos a ser marcados con


anotaciones ruby, recorridos cortos de texto
presentados junto al texto. Estos son utilizados
con regularidad en conjunto a lenguajes de Asia
del Este, donde las anotaciones actúan como una
guía para la pronunciación.

<rt> HTML5 Representa el texto de una anotación ruby .

<rp> HTML5 Representa los paréntesis alrededor de una


anotación ruby, usada para mostrar la anotación
de manera alterna por los navegadores que no
soporten despliegue estándar para las
anotaciones.

<bdi> HTML5 Representa un texto que debe ser aislado de sus


alrededores para el formateado bidireccional del
texto. Permite incrustar un fragmento de texto
con una direccionalidad diferente o desconocida.

<bdo> Representa la direccionalidad de sus


descendientes con el fin de anular de forma
explícita al algoritmo bidireccional Unicode.

<span> Representa texto sin un significado específico.


Este debe ser usado cuando ningún otro
elemento semántico le confiere un significado
adecuado, en cuyo caso, provendrá de atributos
globales como class, lang, o dir.

<br> Representa un salto de línea.

Página 12 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
Procedimiento Ejecución de la Formación Profesional Integral

Ediciones

Elemento Descripción

<ins> Define una adición en el documento.

<del> Define una remoción del documento.

Contenido Incrustado

Elemento Descripción

<img> Representa una imagen.

<iframe> Representa un contexto anidado de navegación,


es decir, un documento HTML embebido.

<embed> HTML5 Representa un punto de integración para una


aplicación o contenido interactivo externo que
por lo general no es HTML.

<object> Representa un recurso externo, que será tratado


como una imagen, un sub-documento HTML o un
recurso externo a ser procesado por un plugin.

<param> Define parámetros para el uso por los plugins


invocados por los elementos <object>.

<video> HTML5 Representa un video, y sus archivos de audio y


capciones asociadas, con la interfaz necesaria
para reproducirlos.

<audio> HTML5 Representa un sonido o stream de audio.

<source> HTML5 Permite a autores especificar recursos multimedia


alternativos para los elementos multimedia como
<video> o <audio>.

Página 13 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
Procedimiento Ejecución de la Formación Profesional Integral

<track> HTML5 Permite a autores especificar una pista de texto


temporizado para elementos multimedia como
<video> o <audio>.

<canvas> HTML5 Representa un área de mapa de bits en el que se


pueden utilizar scripts para renderizar gráficos
como gráficas, gráficas de juegos o cualquier
imagen visual al vuelo.

<map> En conjunto con <area>, define un mapa de


imagen.

<area> En conjunto con <map>, define un mapa de


imagen.

<svg> HTML5 Define una imagen vectorial embebida.

<math> HTML5 Define una fórmula matemática.

Datos tabulares

Elemento Descripción

<table> Representa datos con más de una dimensión.

<caption> Representa el título de una tabla.

<colgroup> Representa un conjunto de una o más columnas


de una tabla.

<col> Representa una columna de una tabla.

<tbody> Representa el bloque de filas que describen los


datos concretos de una tabla.

<thead> Representa el bloque de filas que describen las


etiquetas de columna de una tabla.

<tfoot> Representa los bloques de filas que describen los


resúmenes de columna de una tabla.

Página 14 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
Procedimiento Ejecución de la Formación Profesional Integral

<tr> Representa una fila de celdas en una tabla.

<td> Representa una celda de datos en una tabla.

<th>

Formularios

Elemento Descripción

<form> Representa un formulario, consistido de controles


que puede ser enviado a un servidor para
procesamiento.

<fieldset> Representa un conjunto de controles.

<legend> Representa el título de un <fieldset>.

<label> Representa el título de un control de formulario.

<input> Representa un campo de datos escrito que


permite al usuario editar los datos.

<button> Representa un botón.

<select> Representa un control que permite la selección


entre un conjunto de opciones.

<datalist> HTML5 Representa un conjunto de opciones predefinidas


para otros controles.

<optgroup> Representa un conjunto de opciones, agrupadas


lógicamente.

<option> Representa una opción en un elemento <select>,


o una sugerencia de un elemento <datalist>.

<textarea> Representa un control de edición de texto multi-


línea.

<keygen> HTML5 Representa un control de par generador de llaves.

Página 15 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
Procedimiento Ejecución de la Formación Profesional Integral

<output> HTML5 Representa el resultado de un cálculo.

<progress> HTML5 Representa el progreso de finalización de una


tarea.

<meter> HTML5 Representa la medida escalar (o el valor


fraccionario) dentro de un rango conocido.

Página 16 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
Procedimiento Ejecución de la Formación Profesional Integral

3. ESTRUCTURACION DIDACTICA DE LAS ACTIVIDADES DE APRENDIZAJE

3.1 Actividades de Reflexión inicial.

Realice consultas a través de internet sobre la importancia de las páginas web y desde su punto de vista
debata con sus compañeros porque es importante el uso de esta tecnología

3.2 Actividades de contextualización e identificación de conocimientos necesarios para el


aprendizaje.)

Elabore una página web usando la versión 5 de html donde use las etiquetas anteriormente vistas en esta
guía

3.3 Actividades de apropiación del conocimiento (Conceptualización y Teorización).

Elabore una página web donde use de manera estructurada las siguientes etiquetas

Header, section, article, h1, h2, p, hr, img, footer, div, strong,em, form, input, label, button

3.4 Actividades de transferencia del conocimiento.

Elabore un pagina web de tema libre donde use las etiquetas de la versión 5 de html

Página 17 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
Procedimiento Ejecución de la Formación Profesional Integral

3.5 Actividades de evaluación.

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


Evaluación

Evidencias de Conocimiento: Socialización y coevaluación de Lista de Chequeo.


HTML5 t páginas web

Evidencias de Desempeño: Lista de Chequeo.


Trabajo en Equipo y estrategia
utilizada.

Evidencias de Producto: Representación en páginas web Lista de Chequeo.


para la socialización y
comprensión del mismo.

Página 18 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
SISTEMA INTEGRADO DE GESTIÓN Versión: 02
Procedimiento Ejecución de la Formación Profesional Integral
GUÍA DE APRENDIZAJE Código: GFPI-F-019

4. RECURSOS PARA EL APRENDIZAJE

Materiales de formación Materiales de formación AMBIENTES DE


Talento Humano (Instructores)
devolutivos: (Equipos/Herramientas) (consumibles) APRENDIZAJE TIPIFICADOS
DURA
CIÓN
ESCENARIO (Aula,
ACTIVIDADES DEL PROYECTO Laboratorio, taller, unidad
(Hora
s) productiva) y elementos y
Descripción Cantidad Descripción Cantidad Especialidad Cantidad
condiciones de seguridad
industrial, salud ocupacional
y medio ambiente
1.Entrada de Información

2. Almacenamiento de
información

Papel bond,
3. Procesamiento de Computadores
marcadores,
de escritorios,
Información hojas de Ingeniero de Ambiente de formación, sala
10 Tablet, 20 10 1
block, lápices, Sistemas. de sistema, CODESENA.
computadores
memoria
4. Salida de Información portátiles.
USB,

5. Actividades que realiza


un Sistema de
Información

Página 19 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
GUÍA DE APRENDIZAJE Versión: 02
SISTEMA INTEGRADO DE GESTIÓN
Proceso Gestión de la Formación Profesional Integral Código: GFPI-F-019
Procedimiento Ejecución de la Formación Profesional Integral

6. Tipos y Usos de los


Sistemas de Información

7. Sistemas
Transaccionales

8. Sistemas de Apoyo de
las Decisiones

9. Sistemas Estratégicos

Página 20 de 21
SERVICIO NACIONAL DE APRENDIZAJE SENA
SISTEMA INTEGRADO DE GESTIÓN Versión: 02
Procedimiento Ejecución de la Formación Profesional Integral
GUÍA DE APRENDIZAJE Código: GFPI-F-019

5. GLOSARIO DE TERMINOS

Interfaz: Dispositivo capaz de transformar las señales generadas por un aparato en señales comprensibles
por otro.

Datos: conjunto o juego de información que puede ser utilizada por un sistema de información

información,

Input: campo de entrada para capturar información,

Output: salida de información que brinda un sistema informático o un procedimiento. Etc.

6. REFERENTES BIBLIOGRÁFICOS

https://definicion.de/pagina-web/

https://developer.mozilla.org/es/docs/HTML/HTML5

https://developer.mozilla.org/es/docs/HTML/HTML5/HTML5_lista_elementos

7. CONTROL DEL DOCUMENTO (ELABORADA POR)

DUVIEL YAMID GARCIA MORALES

Instructor Informática

SENA. Centro de Operación y Mantenimiento Minero

Página 21 de 21