Comunicación Visual

Manual de interfaces 2013

Tabla de contenidos

Tipografía: Variaciones Tipografía: Descripción Paleta Cromática: Textos Paleta Cromática: Elementos Paleta Cromática: Gráficos Diagramación General: Retícula Diagramación General: Ubicación de elementos comunes Diagramación General: Ubicación de elementos específicos Elementos comunes: Especificaciones Tablas: Especificaciones Pop Ups: Especificaciones Pop Ups: Mensajes generales Pop Ups: Redes sociales Pop Ups: Rúbricas Pop Ups: Evaluaciones Pop Ups: Diseño Instruccional Iconos: Catálogo de iconos Iconos: Tamaño de iconos

3 4 5 6 7 8 11 12 14 23 24 27 29 31 33 38 39 44

Tipografía
Variaciones Se recomienda utilizar la familia tipografica llamada Helvetica junto con sus variaciones (si el caso lo amerita) para cada una de las interfases que se desarrollen.

Helvetica Regular Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 /$#!@%*()-_=+?.,>< “ :\]}[{á Helvetica Negrita Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 /$#!@%*()-_=+?.,>< “ :\]}[{á

Helvetica Oblique Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 /$#!@%*()-_=+?.,>< “ :\]}[{á

Helvetica Subrayado Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 /$#!@%*()-_=+?.,>< “ :\]}[{á

3

Tipografía
Descripción A continuación se muestran algunos casos específicos en donde se detalla al tamaño que debe de tener el texto.

Etiquetas Menú (Nivel 1)
Ver g. 5 Ver g. 6

Etiquetas Menú (Nivel 2)

Regular 15px (11 pt) / Leading 15px (11 pt) Bold 15px (11 pt) / Leading 15px (11 pt)

_Inactivo _Activo

Etiquetas Menú (Nivel 3)
Ver g. 7a y g. 7b

Regular 16px (12 pts) / Leading 42px (32 pt) Bold 16px (12 pts) / Leading 42px (32 pt) Regular 16px (12 pts) / Leading 13px (10 pt) Bold 16px (12 pts) / Leading 16px (12 pts)
Bold 15px (11 pts) / Leading 17px (13 pt)

_Inactivo _Activo

Hora servidor (Tiempo)
Ver g. 9

Encabezados de Pop Ups
Ver g. 21

Encabezados de Tablas
Ver g. 17

Ver g. 9

Nombre Usuario Etiqueta Botones Texto de Opciones de Pop Ups Etiquetas de casillas de selección Texto Footer Texto general

Ver g. 10

Ver g. 21

Regular 15px (11 pt) / Leading 15px (11 pt)

Ver g. 11a y g. 11b Ver g. 4a

Ver g. 4b y g. 22

Texto de Opciones de selección
Ver g. 11b y g. 16a

Regular 15px (11 pt) / Leading 26px (20 pt)
Regular 12px (9 pt) / Leading 11px (8 pt) Oblique 12px (9 pt) / Leading 12px (9 pt)

Hora servidor (Etiqueta)
Ver g. 9

Etiquetas inferiores de casillas de selección
Ver g. 12b y g. 12c

Opciones de selección (2a alternativa)
Ver g. 15

Regular Subrayado 11px (8 pt) / Leading 11px (8 pt)

Etiquetas Iconos
Ver g. 8

Regular 9px (7 pt) / Leading 9px (7 pt)

4

Paleta Cromática
Textos

Ver g. 5 Ver g. 6

Menú (Nivel 1) Menú (Nivel 2)

#686868 (Inactivo)

#FFFFFF (Activo)

Menú (Nivel 3)
Ver g. 7a y g. 7b

#808081 (Inactivo) #808081 (Inactivo) #808081 (Inactivo)

#004379 (Activo) #1D69B2 (Activo) #FFFFFF (Activo)

Etiquetas Iconos
Ver g. 8

Etiqueta Botones
Ver g. 10

Nombre Usuario Hora servidor (Tiempo)
Ver g. 9 Ver g. 9

#676767

Hora servidor (Etiqueta)
Ver g. 9

#9A9999

Texto Footer
Ver g. 4a

Ver g. 11a y g. 11b

Etiquetas de casillas de selección Etiquetas inferiores de casillas de selección

#4E4E4E

Ver g. 12b y g. 12c

Texto de Opciones de selección
Ver g. 11b y g. 16a

#808081

Ver g. 21

Texto de Opciones de Pop Ups Texto general
Ver g. 4b y g. 22

Ver g. 21

Encabezados de Pop Ups Encabezados de Tablas
Ver g. 17

#686868

Opciones de selección (2a alternativa)
Ver g. 15

#1D69B2

5

Paleta Cromática
Elementos

Menú (Nivel 1)
Ver g. 5

#FFFFFF (Inactivo) #E6E6E6

#686868 (Activo) #004379 #004379 1pt (Activo)

Ver g. 6

Menú (Nivel 2)

#9A9999 1pt (Inactivo)

Ver g. 8

Iconos

#808081 (Inactivo) #004379 1pt #004379 1pt

#CCCCCC (Over)

#1D69B2 (Activo)

Ver g. 7a y g. 7b

Menú (Nivel 3): Línea

Ver g. 7a y g. 7b

Menú (Nivel 3): Flecha

Casillas para ingresar información
Ver g. 11a y g. 11b

#FFFFFF #CDCCCC 1pt

Flecha de casilla de selección
Ver g. 13

Cículo de opción de selección
Ver g. 14a y g. 14b

#808081

Ver g. 21 Ver g. 21

Pop Ups: Recuadro Pop Ups: Línea

#808080 1pt

Tablas: Filas
Ver g. 17

#FFFFFF #F1F1F1

Tablas: Recuadro
Ver g. 17

#D0D2D3 0.75 pt

6

Paleta Cromática
Gráficos

#4B6E2A #1C686D #125CA6 #6D2A2A #652AE6 #808061 #E9F3E3 #F3E4E4

7

Diagramación general
Retícula Se utiliza un retícula sencilla compuesta de 2 grandes columnas (una es el reflejo de la otra). Cada una de ellas está subdividida en 3: una de 172 px y dos de 139 px. La primera y última columna son de mayor tamaño debido a que en ellas serán colocados los nombres de curso o el buscador (y ocupan un mayor espacio). En caso de utilizarsela diagramación a dos columnas, el espaciado medio pasa a ser de 32 px; a su vez las subcolumnas pasan a tener las siguientes medidas: 172 px, 139 px y 131 px. Se toma como referencia una resolución de 1024 px X 768 px.
474 px (46.3%) 474 px (46.3%)

(13.6%) (16.8%)
(2.1%)

(13.6%)

(13.6%)

131 px (12.8%)

131 px (12.8%)

(13.6%)

(16.8%)

(100%)

(5.5%)

(2.1%)

(1.6%)

(1.6%)

(1.6%)

(1.6%)

(1.6%)

(2.1%)

(3%)

(100%)

g. 1: Retícula general

8

Ejemplo de distribución de elementos: Uso las 6 columnas de forma individual

(16.8%)
(2.1%)

(13.6%)

(13.6%)

(13.6%)

(13.6%)

(16.8%)

(5.5%)

(2.1%)

(1.6%)

(1.6%)

(1.6%)

(1.6%)

(1.6%)

(2.1%)

g. 2a: Distibución general de elementos a

9

Ejemplo de distribución de elementos: Uso las 2 columnas principales
474 px (46.3%) 474 px (46.3%)

(16.8%)
(2.1%)

(13.6%)

131 px (12.8%)

131 px (12.8%)

(13.6%)

(16.8%)

(5.5%)

(2.1%)

(1.6%)

(1.6%)

(3%)

(1.6%)

(1.6%)

(1.6%)

(2.1%)

g. 2b: Distibución general de elementos

10

Diagramación general
Ubicación de elementos comunes Hay una serie de elementos que son comunes entre las diferentes interfases, estos son los siguientes: • Logotipo TEC Digital • Menú principal • Nombre del usuario de la sesión • Fotografía del usuario de la sesión • Hora del servidor • Nombre del curso • “Footer” • Menú secundario • Menú terciario

Ejemplo de distribución de elementos comunes
(2.4%) (2.4%) (1.9%) (0.6%)

/ (2.7%) / (0.5%) / (2.7%)

/ (0.8%) / (0.5%) / (1%)

/ (2.7%) / (1%) / (2.7%) / (2.7%) / (1%)

(1.7%)

(1.7%)

(0.8%)

(0.8%)

g. 3: Ubicación de elementos comunes

11

Diagramación general
Ubicación de elementos específicos Hay una serie de elementos que dependen del tipo de información a presentar, estos son los siguientes: • Botones de funciones específicas • Tablas de contenido

Ejemplo de distribución de elementos específicos a “pantalla completa”

(2.7%)

(3.9%)

(2.5%)

g. 4a: Ubicación de elementos especí cos

Cuando se hace uso de una gran columna o de las dos principales, los botones de las funciones específicas se alinean a la derecha junto al margen de la pantalla.

12

Ejemplo de distribución de elementos específicos a “dos columnas”

(2.7%)

(2.5%)

g. 4b: Ubicación de elementos especí cos

Cuando se hace uso de las subcolumnas de forma individual , los botones de las funciones específicas se alinean a la derecha de la primera gran columna, al lado del margen central.

13

Elementos comunes
Especificaciones Tabs generales (Primer nivel)

(3.4%)

(3.4%)

(1.2%) (0.5%)

#686868 (Activo)

#FFFFFF (Inactivo) Helvetica Regular 15px (11pt) #FFFFFF

Helvetica Regular 15px (11pt) #686868 Helvetica Regular 15px (11pt) Interlineado 15px (11pt) #686868
g. 5: Tabs generales

Tabs específicas (Segundo nivel)

(100%)

(18.4%)

(15.1%)

(3.1%)

#004379 #004379 1px (1pt) _Activo

#E6E6E6 #9A9999 1px (1pt) _Inactivo Helvetica Bold 15px (11pt) #FFFFFF

Helvetica Bold 15px (11pt) #686868

1px (1pt) #9A9999

g. 6: Tabs especí cos

14

Tabs propias de un grupo (Tercer nivel: I columna) Helvetica Regular 16px (12pt) #808081 (Inactivo)

#004379 1px (1pt)

981 px (95.8%)

/ (0.8%)

(2.7%)

/ (0.8%) (0.8%)

Helvetica Bold 16px (12pt) #004379 (Activo)

#004379 1px (1pt)
g. 7a: Tabs propias de un grupo

Tabs propias de un grupo (Tercer nivel: 2 columnas)
474 px (46.3%)

Nombre de la sección 2
(2.7%)

Nombre de la sección 3

g. 7b: Tabs propias de un grupo

Menú de iconos: Generalidades

#1D69B2 (Activo)

#808081 (Inactivo)

*Ver más detalle del tamaño de los textos dependiendo del tamaño de los iconos, al final del documento.

(2.1%) (0.5%) (0.5%) (0.7%) (1.7%) (1.7%)

Helvetica Regular #1D69B2 (Activo)

Helvetica Regular #808081 (Inactivo)
g. 8: Menú de iconos(16 x 16)

15

Información de usuario en sesión

Helvetica Regular 15px (11pt) #676767
25 px (2.4%) 121 px
(11.8%)

6 px (0.6%)

10 px
(1%)

María de los Angeles V...
Hora del servidor

26 px
(3.4%)
6 px / (0.8%) 4 px / (0.5%)

00:00:00

Helvetica Regular 12px (9pt) #9A9999

Helvetica Regular 16px (12pt) #676767
g. 9: Nombre de usuario

Botón de opciones
129 px (12.6%) 19 px
(2.5%)

Guardar
#FFFFFF #CECCCC 1px (1pt) (Inactivo)
26 px (2.5%)

Cancelar
#808081 #808081 1px (1pt) (Activo)

Helvetica Regular 15px (11pt) #808080 (Inactivo)

Helvetica Regular 15px (11pt) #FFFFFF (Activo)
g. 10: Botón de opciones

16

Opciones de selección: Insertar texto Para aquellas opciones de selección en las que el usuario debe de digitar la información (texto), hay dos opciones de tamaño dependiendo de la misma. Opción 1

Helvetica Regular 15px (11pt) #4E4E4E
411 px (40.1%)

6 px / 0.8% 21 px (2.7%)

Nombre de la opción Digite la información
8 px (0.8%)

Helvetica Regular 15px (11pt) #808081

#FFFFFF #CDCCCC 1px (1pt)
g. 11a: Opciones de selección_Insertar texto

Opción 2 Helvetica Regular 15px (11pt) #4E4E4E
188 px (18.4%)

6 px / 0.8% 21 px (2.7%)

Nombre de la opción Digite la información
8 px (0.8%)

#FFFFFF #CDCCCC 1px (1pt) Helvetica Regular 15px (11pt) #808081
g. 11b: Opciones de selección_Insertar texto

17

Opciones de selección: Insertar dígitos Para aquellas opciones de selección en las que el usuario debe de digitar la información (números), hay una sola opción de tamaño, lo que varía es las forma de presentar las casillas, dpendiendo del tipo de información que se solicita. Opción 1: Porcentajes, cantidades.
32 px (3%)

Helvetica Regular 15px (11pt) #4E4E4E

6 px / 0.8% 21 px (2.7%)

Nombre de la opción 0 información
Helvetica Regular 15px (11pt) #808081

8 px (0.8%)

#FFFFFF #CDCCCC 1px (1pt) Helvetica Regular 15px (11pt) #808081

g. 12a: Opciones de selección_Insertar dígitos

Opción 2: Fechas Helvetica Regular 15px (11pt) #4E4E4E Helvetica Regular 15px (11pt) #4E4E4E

32 px (3%)

6 px / 0.8% 21 px (2.7%) 4 px / 0.5%

Fecha 00
día
16 px (1.6%)

00
mes
16 px (1.6%)

0000
año
16 px (1.6%)

#FFFFFF #CDCCCC 1px (1pt)

Helvetica Oblique 12px (9pt) #808081

#CDCCCC 1px (1pt)
g. 12b: Opciones de selección_Insertar dígitos

18

Opción 3: Tiempo Helvetica Regular 15px (11pt) #4E4E4E

Helvetica Regular 15px (11pt) #CDCCCC

32 px (3%)

Helvetica Regular 15px (11pt) #4E4E4E

6 px / 0.8% 21 px (2.7%) 4 px / 0.5%

Hora 16
hora
16 px (1.6%)

02
minutos
16 px (1.6%)

AM

Helvetica Oblique 12px (9pt) #808081 #FFFFFF #CDCCCC 1px (1pt)
g. 12c: Opciones de selección_Insertar dígitos

Opciones de selección: Caja de seleción de opciones Helvetica Regular 15px (11pt) #4E4E4E

#FFFFFF #CDCCCC 1px (1pt)

188 px (18.4%)

6 px / 0.8% 21 px (2.7%)

Nombre de la opción Digite la información
8 px (0.8%) 8 px (0.8%)

#808081 Helvetica Regular 15px (11pt) #808081
g. 13: Opciones de selección_Caja de selección

19

Opciones de selección: Marcar opción Helvetica Regular 15px (11pt) #4E4E4E

6 px (0.8%)

Nombre de la opción Sí

No
8 px (0.8%)

8 px (0.8%) 61 px (6%)

Helvetica Regular 15px (11pt) #808081
g. 14a: Opciones de selección_Marcar opción

#808081 (Seleccionado) #FFFFFF

14 px (1.8%)

Nombre de la opción Sí

#808081 1px (1pt)

No

8 px (0.8%)

8 px (0.8%)

#FFFFFF #808081 1px (1pt) _Sin seleccionar
g. 14b: Opciones de selección_Marcar opción

20

Opciones de selección: 2 alternativas

Helvetica Regular 15px (11pt) #4E4E4E Helvetica Regular 11px (8pt) Subrayado #1D69B2
8 px (0.8%)

6 px (0.8%)

Alternativa 1 Sí

Alternativa 2

No
g. 15: Opciones de selección_2 alternativas

Detalles particulares Interlineado entre opciones requeridas

Nombre de la opción
19 px (2.5%)

Digite la información Nombre de la opción Digite la información Nombre de la opción Digite la información
g. 16a: Detalles particulares_Interlineado entre opciones

19 px (2.5%)

21

Interlineado entre tabs

21 px (2.7%)

Nombre de la sección 2 Nombre de la sección 3
g. 16b: Detalles particulares_Interlineado entre tabs

Interlineado entre una última opción (de una tab) y otra tab

Nombre de la opción Digite la información
42 px (5.5%)

Nombre de la sección
g. 16c: Detalles particulares_Interlineado opción - tab

Espaciado entre texto e icono de función específica
30 px (2.9%)

Ejemplo de texto
g. 16c: Detalles particulares_ Espaciado texto-icono

Espaciado entre texto e icono de ayuda específica

30 px (2.9%)

Valor de la asignación
g. 16d: Detalles particulares_ Espaciado texto-icono

22

Tablas
Especificaciones En el caso que se deba de hacer uso de una tabla o matriz, esta deberá de ser elaborada en la retícula a una columna, y cada fila tendrá un mínimo de 22 px de altura (esta puede ser más dependiendo de la información a contener). El ancho de cada columna también puede variar dependiendo del contenido, en la imagen se especifica estas posibles medidas.

(2.9%)

22 px

22 px
(2.9%)

22 px
(2.9%)

40 px
(3.9%) (9.1%)

78 px
(7.6%)

234 px 153 px

(22.9%)

93 px

(14.9%)

g. 17: Especi caciones de tablas

23

Pop Ups
Especificaciones generales En el caso que se deba de hacer uso de un pop up se tiene un tamaño máximo y uno mínimo para ellos. Estos irán centrados en la pantalla. Cabe destacar que el resto de la pantalla variar los elementos de la pantalla variarán su opacidad, aclarándose en un 30%.

155 px (20.2%)

#FFFFFF 70% de opacidad
g. 18: Especi caciones de pop ups

24

Pop ups de tamaño mínimo 312 px (30.5%)

93 px (12.1%)

g. 19: Pop ups de tamaño mínimo

Pop ups de tamaño máximo
470 px (45.9%)

470 px (61.2%)

g. 20: Pop ups de tamaño máximo

25

Pop ups con título

7 px (0.7%) 7 px (0.9%) 7 px (0.9%)

312 px (30.5%)

7 px (0.7%)

5.5 px (0.7%)

Helvetica Bold 16px (12pt)
Helvetica 15px (11pt) Leading 21px (15pt) Sí
3 px (0.3%)

14 px (1.8%)

No
7 px (0.9%) 129 px (12.6%)

19 px (2.5%)

#4E4E4E
#818181 #808080 #808080

808080

CECCCC

g. 21: Pop ups con título

26

Pop Ups
Mensajes generales Acción en proceso

Acción
Acción que se esta realizando No

Acción realizada correctamente

Acción
La acción se ha realizado, eliminado, etc...correctamente Cerrar

Compartir

Compartir xxxxx
Compartir un xxxxx significa que.... ¿Está seguro que desea compartir el xxxxx? Sí No

xxxxx ha sido compartido
Muchas gracias por compartir el xxxxx. El administrador del TEC Digital se pondrá en contacto con usted para efectos de créditos e información. Cerrar

27

Descargar: Con posibilidad de varios formatos

Descargar XXXXXX
Seleccione el formato al cual desea descargar el XXXXXX Formato 1 Formato 2 Sí No

Eliminar

Eliminar XXXXX
¿Está seguro que desea eliminar el xxxxxxxxx? Sí No

Intentar nuevamente: Acción que no se pudo realizar

Acción
La acción no se ha podido xxxxxxx ¿Desea xxxxxx nuevamente “la acción”? Sí No

28

Pop Ups
Redes sociales Asociar grupo

Asociar
¿Seguro que desea asociar Curso X y los miembros, al grupo XXXXXXX en la red social XXXXXXX? Sí No

Asociar miembros a un grupo

Agregar miembros al grupo
Seleccione los miembros con cuenta registrada a invitar Todos Céspedes Obando Coronado Céspedes Davanzo Navarro Delgado Moya Espinoza Guzmán Morales Rodríguez Ramírez Brenes Alejandro Danilo Juan Pablo Oscar Andrés María José Rebeca

Seleccione los miembros sin cuenta registrada a invitar por medio de correo electrónico

Enviar invitación

Cancelar

29

Crear grupo en red social

Crear grupo
¿Seguro que desea crear un grupo del Curso X y los miembros en la red social XXXXXXX? Sí No

Información de redes sociales

Facebook
Usuario Contraseña Página principal Api key Secret code

Activo Integrar noticias Actualizar Publicar Cantidad de post a mostrar Publicar
1

Salir

30

Publicar en Red Social

Publicar en xxxxxx
¿Seguro que desea publicar mensaje en la red social xxxxxxx? Sí No

Pop Ups
Rúbricas Confirmación de duplicar Rúbricas

Duplicar rúbricas
Ha seleccionado el curso de xxxxxxxx de la carrera de xxxxxxx ¿Está seguro que desar duplicar la rúbrica para ese curso? Sí No

Desplazar criterio

Desplazar criterio
¿Cuántas filas desea desplazar el criterio? 2 Hacia abajo Hacia arriba Publicar Salir

31

Duplicar rúbricas

Duplicar rúbricas
Seleccione el curso en el cual se va a insertar el duplicado de la rúbrica seleccionada Curso A Curso B Curso C Sin curso asignado Otros cursos Sí No

Publicar rúbrica

Publicar
Desea hacer pública la rúbrica para todos los miembros del curso
ver lista de miembros

No

Rúbrica publicada
La rúbrica se ha publicado correctamente a todos los miembros de la lista que han elegido y les llegará una noticia informando sobre la publicación de la misma. Cerrar

32

Rúbrica guardada

Rúbrica guardada
La rúbrica se ha guardado correctamente y puede volver a editarla cuando lo desea. Si desea que los miembros del curso la visualicen la rúbrica, debe de publicar la misma ¿Desea publicar la rúbrica? Publicar Salir

Pop Ups
Evaluaciones Enviar actas

Enviar actas
¿Desea ejecutar el envio de actas?
Previsualizar

No

Actas enviadas
La lista de actas ha sido enviada Ver comprobante Cerrar

33

Guardar notas

Notas guardadas
Las notas ingresadas han sido guardadas correctamente. Estas todavía no son visibles para los estudiantes. Cerrar

Publicar notas

Notas publicadas
Las notas ingresadas han sido publicadas correctamente. Estas ya son visibles para los estudiantes. Cerrar

Definir asignaciones

Tareas
Agregar

Tarea 1: Reporte de gira a... Tarea 2: Reporte de gira a... Tarea 3: Reporte de gira a... Tarea 4: Reporte de gira a...

4 6 5 5

% % % %

20 % Aceptar Cancelar

34

Definir rubros de evaluación

Rubros de Evaluación
Agregar

20 % 20 % 20 % 20 % 20 %

100 % Aceptar Cancelar

Establecer grupos de trabajo

Grupos de trabajo
Seleccione el primer grupo de trabajo Cerrar

35

Grupos de trabajo existentes
Ejemplo de grupo para tarea del d... Ejemplo de grupo para tarea del d... Ejemplo de grupo para tarea del d... Ejemplo de grupo para tarea del d... Aceptar Cancelar

Asistencia

Asistencia
La asistencia de la sesión ha sido publicada. Esta ya es visible para los estudiantes. Cerrar

Asistencia
La asistencia de la sesión ha sido guardada. Esta no es visible para los estudiantes. Cerrar

Observaciones
Ingrese aquí la información deseada.

Aceptar

Cancelar

36

Rendimiento de estudiante

# carnet APELLIDO APELLIDO NOMBRE
Tarea 1 Tarea 2 Tarea 3 Tarea 4 Quiz 1 Quiz 2 Quiz 3 Quiz 4 Quiz 5 Examen 1 Examen 2 P. Final Asistencia

Nota final: 70
3% del 5% del valor total de la asignación

Observaciones
El estudiante aplicó de forma correcta los conceptos, sin embargo no los ejemplificó.

Miembros del grupo de trabajo
ALVAREZ ARGUELLO FERNANDA GARCIA BONILLA MARTA LEIVA QUIROS ALONSO JOSE

Solución
Documento 1

Cerrar

37

Pop Ups
Diseño Instruccional Nuevo curso

Nuevo curso
Nombre del curso Digite la información solicitada Cantidad de sesiones para el D.I. 01 Aceptar

Información de sesiones

Sesión 1 / Título
Título Objetivos de aprendizaje Módulos de contenidos Actividades de aprendizaje Medios - Materiales a utilizar Evaluación de los aprendizajes
Agregar

Coloque el título o nombre de la unidad, que indica la generalidad a desarrollar en la sesión. Digite la información Usted ya ha finalizado este paso? Sí No

Cerrar

38

Iconos
Cátalogo de iconos

A

Up

Over Down

Abrir / Open Adelante / Forward Agregar / Add Alerta / Alert Atrás / Backward Ausencia injustificada / Unjustified absence Ausencia justificada / Excused absence Ayuda / Help Ayuda específica / Specific help
Evaluaciones Evaluaciones

B C

Balance % / Balance % Buscar / Search

Calendario / Calendar Calificar con cero Casillas / Boxes Casillas de selección / Check Boxes Carpeta / Folder Celular / Cellphone Cerrar ventana / Close window Círculos / Circles Círculos / Circles Círculos / Circles Comentarios / Comments Comercial / Commercial Copiar / Copy
39 Expediente director Más aplicaciones Redes sociales Evaluaciones

Up

Over Down

Compartir / Share Compartidas / Shared Configuración / Configuration Contexto DI / DI Context Contraer / Collapse Contraer Izquierda / Collapse Left Contraer Derecha / Collapse Right Copiar / Copy Corregido / Corrected Correo / e-mail Cortar / Cut
Rúbricas

D

Descargar / Download Descargar carpeta / Download folder Deshacer / Undo Derecha / Right Desplegar / Display Desplegar otras opciones/ Display other options Duplicar rúbricas
Expediente Director Rúbricas Evaluaciones

E

Editar / Edit Eliminar / Delete Empaquetar / Package Entregado a tiempo / Delivered on time
Evaluaciones Evaluaciones 40

Up

Over Down

Entregado tarde / Delivered late Entregas / Deliveries Enviar actas / Send records Estilos de aprendizaje / Learnig styles Excel Exportar / Export Expandir / Expand Expandir Izquierda / Expand Left Expandir Derecha / Expand Right Evaluadas / Evaluated

Evaluaciones Evaluaciones Evaluaciones Evaluaciones Estilos de aprendizaje

Rúbricas

F G H I

Facebook Filtros / Filters

Redes sociales

Google plus Gráfico / Graphic Guardar / Save

Redes sociales

Home Historial de cambios / History of changes
Evaluaciones

Imagen / Image Importar / Import Imprimir / Print
41

Up

Over Down

Información / Information Izquierda / Left Programa del curso / Course
Programa del curso

M N

Matriz / Matrix Menú / Menu Menú / Menu

No No entregado / Undelivered Notificaciones / Notifications No compartidas / Not shared Nuevo / New

Evaluaciones Evaluaciones Evaluaciones Rúbricas

P

Pegar / Paste Pendiente / Pending Presente / Present En proceso / In process Programa del curso / Course schedule
Diseño instruccional Evaluaciones Diseño instruccional Programa del curso

R

Realizado / Done Recargar / Refresh Reconocimiento / Recognition Rehacer / Redo Revisar actas / Review records

Diseño instruccional

Estilos de aprendizaje

Evaluaciones 42

S

Up

Over Down

Seleccionable / Selectable Si / Yes Sin obra derivada / Underived Sonido / Sound Subir / Upload Subir corrregido / Upload corrected

Objetos de aprendizaje Evaluaciones Estilos de aprendizaje

T U V Z

Tardía / Late Teléfono / Telephone Twitter

Evaluaciones

Redes sociales

Usuario / User

Vista previa / Preview

Zoom + Zoom -

43

Iconos
Tamaños de iconos 16 X 16 px
16 px 4 px 4 px 7 px 5 px

16 px 16 px 16 px

18 X 18 px

18 px 5 px 5 px 8 px 6 px 18 px 18 px 18 px

28 X 28 px

28 px 7 px 7 px 12 px 9 px 28 px 28 px 28 px

32 X 32 px

32 px 9 px 9 px 14 px 11 px 32 px 32 px 32 px

44

Sign up to vote on this title
UsefulNot useful