Está en la página 1de 45

Comunicacin Visual

Manual de interfaces 2013

Tabla de contenidos

Tipografa: Variaciones Tipografa: Descripcin Paleta Cromtica: Textos Paleta Cromtica: Elementos Paleta Cromtica: Grficos Diagramacin General: Retcula Diagramacin General: Ubicacin de elementos comunes Diagramacin General: Ubicacin de elementos especficos Elementos comunes: Especificaciones Tablas: Especificaciones Pop Ups: Especificaciones Pop Ups: Mensajes generales Pop Ups: Redes sociales Pop Ups: Rbricas Pop Ups: Evaluaciones Pop Ups: Diseo Instruccional Iconos: Catlogo de iconos Iconos: Tamao de iconos

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

Tipografa
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 /$#!@%*()-_=+?.,>< :\]}[{

Tipografa
Descripcin A continuacin se muestran algunos casos especficos en donde se detalla al tamao 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 seleccin 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 seleccin


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 seleccin


Ver g. 12b y g. 12c

Opciones de seleccin (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)

Paleta Cromtica
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 seleccin Etiquetas inferiores de casillas de seleccin

#4E4E4E

Ver g. 12b y g. 12c

Texto de Opciones de seleccin


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 seleccin (2a alternativa)


Ver g. 15

#1D69B2

Paleta Cromtica
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): Lnea

Ver g. 7a y g. 7b

Men (Nivel 3): Flecha

Casillas para ingresar informacin


Ver g. 11a y g. 11b

#FFFFFF #CDCCCC 1pt

Flecha de casilla de seleccin


Ver g. 13

Cculo de opcin de seleccin


Ver g. 14a y g. 14b

#808081

Ver g. 21 Ver g. 21

Pop Ups: Recuadro Pop Ups: Lnea

#808080 1pt

Tablas: Filas
Ver g. 17

#FFFFFF #F1F1F1

Tablas: Recuadro
Ver g. 17

#D0D2D3 0.75 pt

Paleta Cromtica
Grficos

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

Diagramacin general
Retcula Se utiliza un retcula 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 tamao debido a que en ellas sern colocados los nombres de curso o el buscador (y ocupan un mayor espacio). En caso de utilizarsela diagramacin 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 resolucin 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: Retcula general

Ejemplo de distribucin 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: Distibucin general de elementos a

Ejemplo de distribucin 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: Distibucin general de elementos

10

Diagramacin general
Ubicacin 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 sesin Fotografa del usuario de la sesin Hora del servidor Nombre del curso Footer Men secundario Men terciario

Ejemplo de distribucin 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: Ubicacin de elementos comunes

11

Diagramacin general
Ubicacin de elementos especficos Hay una serie de elementos que dependen del tipo de informacin a presentar, estos son los siguientes: Botones de funciones especficas Tablas de contenido

Ejemplo de distribucin de elementos especficos a pantalla completa

(2.7%)

(3.9%)

(2.5%)

g. 4a: Ubicacin de elementos espec cos

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

12

Ejemplo de distribucin de elementos especficos a dos columnas

(2.7%)

(2.5%)

g. 4b: Ubicacin de elementos espec cos

Cuando se hace uso de las subcolumnas de forma individual , los botones de las funciones especficas 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 especficas (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 seccin 2
(2.7%)

Nombre de la seccin 3

g. 7b: Tabs propias de un grupo

Men de iconos: Generalidades

#1D69B2 (Activo)

#808081 (Inactivo)

*Ver ms detalle del tamao de los textos dependiendo del tamao 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

Informacin de usuario en sesin

Helvetica Regular 15px (11pt) #676767


25 px (2.4%) 121 px
(11.8%)

6 px (0.6%)

10 px
(1%)

Mara 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

Botn 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: Botn de opciones

16

Opciones de seleccin: Insertar texto Para aquellas opciones de seleccin en las que el usuario debe de digitar la informacin (texto), hay dos opciones de tamao dependiendo de la misma. Opcin 1

Helvetica Regular 15px (11pt) #4E4E4E


411 px (40.1%)

6 px / 0.8% 21 px (2.7%)

Nombre de la opcin Digite la informacin


8 px (0.8%)

Helvetica Regular 15px (11pt) #808081

#FFFFFF #CDCCCC 1px (1pt)


g. 11a: Opciones de seleccin_Insertar texto

Opcin 2 Helvetica Regular 15px (11pt) #4E4E4E


188 px (18.4%)

6 px / 0.8% 21 px (2.7%)

Nombre de la opcin Digite la informacin


8 px (0.8%)

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


g. 11b: Opciones de seleccin_Insertar texto

17

Opciones de seleccin: Insertar dgitos Para aquellas opciones de seleccin en las que el usuario debe de digitar la informacin (nmeros), hay una sola opcin de tamao, lo que vara es las forma de presentar las casillas, dpendiendo del tipo de informacin que se solicita. Opcin 1: Porcentajes, cantidades.
32 px (3%)

Helvetica Regular 15px (11pt) #4E4E4E

6 px / 0.8% 21 px (2.7%)

Nombre de la opcin 0 informacin


Helvetica Regular 15px (11pt) #808081

8 px (0.8%)

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

g. 12a: Opciones de seleccin_Insertar dgitos

Opcin 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
da
16 px (1.6%)

00
mes
16 px (1.6%)

0000
ao
16 px (1.6%)

#FFFFFF #CDCCCC 1px (1pt)

Helvetica Oblique 12px (9pt) #808081

#CDCCCC 1px (1pt)


g. 12b: Opciones de seleccin_Insertar dgitos

18

Opcin 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 seleccin_Insertar dgitos

Opciones de seleccin: Caja de selecin 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 opcin Digite la informacin


8 px (0.8%) 8 px (0.8%)

#808081 Helvetica Regular 15px (11pt) #808081


g. 13: Opciones de seleccin_Caja de seleccin

19

Opciones de seleccin: Marcar opcin Helvetica Regular 15px (11pt) #4E4E4E

6 px (0.8%)

Nombre de la opcin S

No
8 px (0.8%)

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

Helvetica Regular 15px (11pt) #808081


g. 14a: Opciones de seleccin_Marcar opcin

#808081 (Seleccionado) #FFFFFF

14 px (1.8%)

Nombre de la opcin S

#808081 1px (1pt)

No

8 px (0.8%)

8 px (0.8%)

#FFFFFF #808081 1px (1pt) _Sin seleccionar


g. 14b: Opciones de seleccin_Marcar opcin

20

Opciones de seleccin: 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 seleccin_2 alternativas

Detalles particulares Interlineado entre opciones requeridas

Nombre de la opcin
19 px (2.5%)

Digite la informacin Nombre de la opcin Digite la informacin Nombre de la opcin Digite la informacin
g. 16a: Detalles particulares_Interlineado entre opciones

19 px (2.5%)

21

Interlineado entre tabs

21 px (2.7%)

Nombre de la seccin 2 Nombre de la seccin 3


g. 16b: Detalles particulares_Interlineado entre tabs

Interlineado entre una ltima opcin (de una tab) y otra tab

Nombre de la opcin Digite la informacin


42 px (5.5%)

Nombre de la seccin
g. 16c: Detalles particulares_Interlineado opcin - tab

Espaciado entre texto e icono de funcin especfica


30 px (2.9%)

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

Espaciado entre texto e icono de ayuda especfica

30 px (2.9%)

Valor de la asignacin
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 retcula a una columna, y cada fila tendr un mnimo de 22 px de altura (esta puede ser ms dependiendo de la informacin a contener). El ancho de cada columna tambin 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 tamao mximo y uno mnimo para ellos. Estos irn centrados en la pantalla. Cabe destacar que el resto de la pantalla variar los elementos de la pantalla variarn su opacidad, aclarndose en un 30%.

155 px (20.2%)

#FFFFFF 70% de opacidad


g. 18: Especi caciones de pop ups

24

Pop ups de tamao mnimo 312 px (30.5%)

93 px (12.1%)

g. 19: Pop ups de tamao mnimo

Pop ups de tamao mximo


470 px (45.9%)

470 px (61.2%)

g. 20: Pop ups de tamao mximo

25

Pop ups con ttulo

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 ttulo

26

Pop Ups
Mensajes generales Accin en proceso

Accin
Accin que se esta realizando No

Accin realizada correctamente

Accin
La accin 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 crditos e informacin. 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: Accin que no se pudo realizar

Accin
La accin no se ha podido xxxxxxx Desea xxxxxx nuevamente la accin? 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 Cspedes Obando Coronado Cspedes Davanzo Navarro Delgado Moya Espinoza Guzmn Morales Rodrguez Ramrez Brenes Alejandro Danilo Juan Pablo Oscar Andrs Mara Jos Rebeca

Seleccione los miembros sin cuenta registrada a invitar por medio de correo electrnico

Enviar invitacin

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

Informacin de redes sociales

Facebook
Usuario Contrasea Pgina 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
Rbricas Confirmacin de duplicar Rbricas

Duplicar rbricas
Ha seleccionado el curso de xxxxxxxx de la carrera de xxxxxxx Est seguro que desar duplicar la rbrica para ese curso? S No

Desplazar criterio

Desplazar criterio
Cuntas filas desea desplazar el criterio? 2 Hacia abajo Hacia arriba Publicar Salir

31

Duplicar rbricas

Duplicar rbricas
Seleccione el curso en el cual se va a insertar el duplicado de la rbrica seleccionada Curso A Curso B Curso C Sin curso asignado Otros cursos S No

Publicar rbrica

Publicar
Desea hacer pblica la rbrica para todos los miembros del curso
ver lista de miembros

No

Rbrica publicada
La rbrica se ha publicado correctamente a todos los miembros de la lista que han elegido y les llegar una noticia informando sobre la publicacin de la misma. Cerrar

32

Rbrica guardada

Rbrica guardada
La rbrica se ha guardado correctamente y puede volver a editarla cuando lo desea. Si desea que los miembros del curso la visualicen la rbrica, debe de publicar la misma Desea publicar la rbrica? 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 todava 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 evaluacin

Rubros de Evaluacin
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 sesin ha sido publicada. Esta ya es visible para los estudiantes. Cerrar

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

Observaciones
Ingrese aqu la informacin 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 asignacin

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

Solucin
Documento 1

Cerrar

37

Pop Ups
Diseo Instruccional Nuevo curso

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

Informacin de sesiones

Sesin 1 / Ttulo
Ttulo Objetivos de aprendizaje Mdulos de contenidos Actividades de aprendizaje Medios - Materiales a utilizar Evaluacin de los aprendizajes
Agregar

Coloque el ttulo o nombre de la unidad, que indica la generalidad a desarrollar en la sesin. Digite la informacin Usted ya ha finalizado este paso? S No

Cerrar

38

Iconos
Ctalogo de iconos

Up

Over Down

Abrir / Open Adelante / Forward Agregar / Add Alerta / Alert Atrs / Backward Ausencia injustificada / Unjustified absence Ausencia justificada / Excused absence Ayuda / Help Ayuda especfica / Specific help
Evaluaciones Evaluaciones

B C

Balance % / Balance % Buscar / Search

Calendario / Calendar Calificar con cero Casillas / Boxes Casillas de seleccin / Check Boxes Carpeta / Folder Celular / Cellphone Cerrar ventana / Close window Crculos / Circles Crculos / Circles Crculos / Circles Comentarios / Comments Comercial / Commercial Copiar / Copy
39 Expediente director Ms aplicaciones Redes sociales Evaluaciones

Up

Over Down

Compartir / Share Compartidas / Shared Configuracin / Configuration Contexto DI / DI Context Contraer / Collapse Contraer Izquierda / Collapse Left Contraer Derecha / Collapse Right Copiar / Copy Corregido / Corrected Correo / e-mail Cortar / Cut
Rbricas

Descargar / Download Descargar carpeta / Download folder Deshacer / Undo Derecha / Right Desplegar / Display Desplegar otras opciones/ Display other options Duplicar rbricas
Expediente Director Rbricas Evaluaciones

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

Rbricas

F G H I

Facebook Filtros / Filters

Redes sociales

Google plus Grfico / Graphic Guardar / Save

Redes sociales

Home Historial de cambios / History of changes


Evaluaciones

Imagen / Image Importar / Import Imprimir / Print


41

Up

Over Down

Informacin / 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 Rbricas

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

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

Diseo instruccional

Estilos de aprendizaje

Evaluaciones 42

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

Tarda / Late Telfono / Telephone Twitter

Evaluaciones

Redes sociales

Usuario / User

Vista previa / Preview

Zoom + Zoom -

43

Iconos
Tamaos 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