tutores y editores on

7/22/2019 Tutores y Editores On

1/28

Tutores y editores on-line

Capacitamos a los nuevos expertos del on-line en ocho pases de Centroamrica

La formacin de editores de contenidos formativos on-line es una tarea multidisciplinar que notiene que ver solo con la conceptualizacin de los materiales, sino tambin con la implementaciny gestin de proyectos formativos.

A travs de la Agencia Espaola de Cooperacin Internacional (AECI), hemos formado aun equipo de profesionales de ocho pases de Centroamrica para que puedan trabajar en eldiseo y la produccin de contenidos de formacin on-line. El curso, desarrollado en modalidadsemipresencial, trabaja las competencias necesarias para llevar a cabo proyectos de produccinde materiales.

Para el diseo del curso se consider cada una de las competencias necesarias en laconceptualizacin de acciones formativas on-line y la produccin de materiales. Teniendo encuenta que las tareas del editor on-line son variadas y que, en general, el perfil de entrada esmultidisciplinar, nuestra accin formativa ha considerado aspectos diversos y complementarioscomo:

El diseo formativo La gestin de procesos El conocimiento de formatos Los procesos tecnolgicos de produccin El control de calidad

El objetivo de este proyecto es profesionalizar a los agentes implicados en la formacin on-lineayudndoles a desarrollar capacidades que les permitan implantar el modelo pedaggico on-lineen el territorio. Y es que conseguir este primer equipo especializado en la produccin demateriales ha permitido a los participantes impartir, en calidad de formadores, este mismo curso anuevos participantes.


2/28

Investigacin e innovacin

El IL3iLab es el laboratorio de ideas y de innovacin aplicada del IL3. Es el espacio natural delinstituto para abordar los retos metodolgicos y tecnolgicos de la formacin on-line y continuarmejorando la calidad de nuestros programas.

Nos ocupamos de generar lneas estratgicas de trabajo y convertirlas en proyectos deinvestigacin y desarrollo. Los resultados revierten en innovaciones aplicadas: herramientas,servicios y recursos que aportan valor aadido a cualquier modalidad de la formacin continua delIL3.

Nuestros objetivos son:

Detectar las oportunidades formativas que las tecnologas emergentes puedenrepresentar para la formacin.

Enriquecer las buenas prcticas de formacin on-line basadas en el uso de las TIC paramejorar los procesos de enseanza y aprendizaje.

Potenciar nuevos contenidos, metodologas, canales y formatos:- Nuevos contenidos interactivos, audiovisuales y participativos, porque pensamos en

qu necesidades tienes como estudiante en tu da a da.- Metodologas ms profesionalizadoras, colaborativas y transferibles, porque el modo

en como aprendes va vinculado al modo en como vives.- Canales mviles, porque la tecnologa te da respuestas a la necesidad de aprender aqu

y ahora.- Nuevos formatos, porque hay formas de aprender complementarias a los cursos que

tambin se adaptan a ti.

Damos servicio no solo a los alumnos, profesores y clientes del IL3 y la Universitat de Barcelona,sino tambin a los socios y empresas colaboradoras. Entre todos somos una red de generadoresde retos y de soluciones que dan respuesta a las demandas existentes.

Apostamos por la colaboracin externa con empresas e instituciones, y creemos en un modelo deinnovacin abierta porque:


3/28

La cooperacin entre equipos multidisciplinarios de trabajo est dirigida a identificar lneas clavede investigacin o a producir soluciones a medida.

La transferencia de soluciones de otros mbitos enriquecen nuestro modelo formativo.

Map

a de

la

inno

vaci

n

Hazclic

en laimag

enparaampliar.

Planteamos el mapa de la innovacin del IL3-UB a tres niveles:

Principios innovadores que organizan y orientan nuestra tarea hacia lo que pretendemosmejorar.

Lneas de trabajo, que conectan las necesidades de los principios innovadores con lastecnologas emergentes.

Proyectos especficos, que vinculan la metodologa y la tecnologa.Actualmente, los principios innovadores son cinco:

Flexibilidad, porque nuestros usuarios quieren aprender aqu y ahora. Personalizacin, para gestionar las expectativas particulares. Audiovisualizacin, porque los dispositivos mviles lo exigen. Aprendizaje colaborativo, para que te enriquezcas de la experiencia de todo el mundo.
http://www.il3.ub.edu/galeries/imatges/mapa-innovacio.gifhttp://www.il3.ub.edu/galeries/imatges/mapa-innovacio.gifhttp://www.il3.ub.edu/galeries/imatges/mapa-innovacio.gifhttp://www.il3.ub.edu/galeries/imatges/mapa-innovacio.gifhttp://www.il3.ub.edu/galeries/imatges/mapa-innovacio.gifhttp://www.il3.ub.edu/galeries/imatges/mapa-innovacio.gifhttp://www.il3.ub.edu/galeries/imatges/mapa-innovacio.gifhttp://www.il3.ub.edu/galeries/imatges/mapa-innovacio.gifhttp://www.il3.ub.edu/galeries/imatges/mapa-innovacio.gifhttp://www.il3.ub.edu/galeries/imatges/mapa-innovacio.gifhttp://www.il3.ub.edu/galeries/imatges/mapa-innovacio.gifhttp://www.il3.ub.edu/galeries/imatges/mapa-innovacio.gifhttp://www.il3.ub.edu/galeries/imatges/mapa-innovacio.gifhttp://www.il3.ub.edu/galeries/imatges/mapa-innovacio.gifhttp://www.il3.ub.edu/galeries/imatges/mapa-innovacio.gifhttp://www.il3.ub.edu/galeries/imatges/mapa-innovacio.gifhttp://www.il3.ub.edu/galeries/imatges/mapa-innovacio.gifhttp://www.il3.ub.edu/galeries/imatges/mapa-innovacio.gif


4/28

De la instruccin al aprendizaje, para alejarnos cada vez ms de las metodologasexpositivas.

Y las lneas de trabajo actuales son cuatro:

Distribucin multicanal, porque la complementariedad de medios es la clave delaprendizaje flexible.

Herramientas para aprender, porque los simuladores y los entornos inmersivos te ayudana visualizar, probar, aplicar, te aportan autonoma y te ayudan en el proceso decrecimiento profesional.

Aprendizaje informal, porque las redes sociales son herramientas para aprender. Aprendizaje basado en actividades, porque el saber hacer es el pilar de nuestro modelo

formativo.


5/28

funcionalidades

Con ellas desarrollars las Apps ms completas

Empieza Ya! Es GRATIS!

Pantallas de Splash

Textos

Imgenes
http://www.mobincube.com/es/pruebalo.phphttp://www.mobincube.com/es/pruebalo.phphttp://www.mobincube.com/es/pruebalo.php


6/28

Tablas

Barras de navegacin

Formularios


7/28

Google Maps

Calendarios

RSS


8/28

Actualizaciones Online

CMS

Llamadas telefnicas


9/28

Envo de SMS

Envo de e-mail

Sistema de Publicidad


10/28

Simulador Apple

Simulador HTML5

Enlaces con el navegador de Internet


11/28

Bases de datos offline

Base de datos actualizables online

Visores de datos configurables


12/28

Filtros

Publicacin en App Store

Publicacin en Google Play


13/28

Publicacin en Windows Marketplace

Versin Web App HTML5

Redes Sociales


14/28

Audio y video

Tienda Online

Acepta pagos con PayPal
http://www.mobincube.com/es/paypal.htmlhttp://www.mobincube.com/es/paypal.htmlhttp://www.mobincube.com/es/paypal.htmlhttp://www.mobincube.com/es/paypal.htmlhttp://www.mobincube.com/es/paypal.html


15/28

Plantillas

Sistema de Notificaciones Push

Prximamente...

Integracin con redes sociales


16/28

Audio y vdeo incrustado

Realidad Aumentada

- See more at: http://www.mobincube.com/es/info-creador-apps-

smarthphone.html#sthash.p6gg4NXr.dpuf


17/28


18/28


19/28

Si tienes una idea de aplicacin pero no eres programador, App Inventor es tusolucin. Con este completo entorno grfico, podrs desarrollar software paraAndroid de manera muy sencilla.

Si te interesa el mundo de la programacin de aplicaciones mviles y buscas unaherramienta que te facilite la tarea,App Inventores para ti. App Inventores unentorno de desarrollo visual para Androidoriginalmente propuesto porGoogleyfinalmente implementado por elMIT(Massachusetts Institute of Technology) conel apoyo del gigante americano.

Su gran ventaja frente a otras plataformas similares es la potencia de su entorno detrabajo: encontrars muchas funciones ya definidas en forma de bloques y laflexibilidad a la hora de combinarlas te permitir potenciar al mximo tu creatividad.

Su carcter gratuito la hace recomendable para todo tipo de usuarios. Eso s, si

quieres exprimir al mximo todas sus posibilidades, necesitars un cierto tiempo deadaptacin y aprendizaje de la herramienta. Lo ideal es que tengas unas mnimasnociones generales sobre programacin para poder disear ms fcilmente el flujo deacciones y comprender en profundidad la utilidad de cada bloque, aunque no sernecesario que modifiques el cdigo fuente.

Aprende en este prctico cmo iniciarte en App Inventory lnzate al mercado de lasapps. Si adems requieres ms informacin, te recomendamos que eches mano de lostutoriales que encontrars en la seccinLearny enReference Documentation,paraconocer en profundidad cada uno de los bloques.

NIVEL:AVANZADO

1. Pon a punto el programa

Visita en primer lugar la web oficial deApp Inventor.Necesitars tener una cuentaGooglepara acceder al servicio. App Inventorest compuesto por un conjunto deherramientasque abarcan las diferentes tareas en la construccin de la aplicacin:diseo, definicin del comportamientoysimulacin. Antes de pasar a utilizarlas,habrs de comprobar que cuentas con todo lo requerido. Acude a la pgina oficialyselecciona Setup. Pincha en Test your systemy chequea tu navegador.

Es necesario tener instalado Javay los sistemas operativos soportados son Mac OSX 10.5/10.6, Windows XP/Vista/7, Ubuntu 8+y Debian 5+. Cuando acabes, pinchaenDone? Lets move on!y pasars a la descarga del software de escritorio AppInventor. En el ltimo paso, escoge si deseas probar tus aplicaciones con tu propiotelfono o utilizar el emulador. Este ltimo simular un dispositivo Androidquepodrs manejar a travs del ordenador como si de un mvil real se tratara.
http://appinventor.mit.edu/http://appinventor.mit.edu/http://appinventor.mit.edu/http://www.google.es/http://www.google.es/http://www.google.es/http://www.mit.edu/http://www.mit.edu/http://www.mit.edu/http://appinventor.mit.edu/explore/content/tutorials.htmlhttp://appinventor.mit.edu/explore/content/tutorials.htmlhttp://appinventor.mit.edu/explore/content/tutorials.htmlhttp://appinventor.mit.edu/explore/content/reference-documentation.htmlhttp://appinventor.mit.edu/explore/content/reference-documentation.htmlhttp://appinventor.mit.edu/explore/content/reference-documentation.htmlhttp://appinventor.mit.edu/http://appinventor.mit.edu/http://appinventor.mit.edu/http://appinventor.mit.edu/explore/learn.htmlhttp://appinventor.mit.edu/explore/learn.htmlhttp://appinventor.mit.edu/explore/learn.htmlhttp://appinventor.mit.edu/explore/learn.htmlhttp://appinventor.mit.edu/http://appinventor.mit.edu/explore/content/reference-documentation.htmlhttp://appinventor.mit.edu/explore/content/tutorials.htmlhttp://www.mit.edu/http://www.google.es/http://appinventor.mit.edu/


20/28

2. Panel de diseo

El panel de diseo es accesible desde el navegador. En la pgina principal, pincha enInvent/Create Mobile Apps. EnMy Projects, seleccionaNewe introduce un nombre

para el nuevo proyecto. Una vez dentro, explora todas sus opciones.

EnPalette/Basic, hallars utilidades bsicas como botones, insercin de imgenes,cuadros de texto, etiquetas La subseccinMediacontiene componentes comoacceso a la cmara de fotos y vdeo, galera de fotografas, sonido, reproductor devdeo Socialincluye los elementos necesarios para seleccionar contactos, nmerosde telfono de la agenda, correos electrnicos


21/28

Sensors, por su parte, nos brinda la oportunidad de utilizar sensores para obtenerinformacin tal como la localizacin geogrfica o la orientacin del dispositivo. Paraconocer algn detalle ms sobre cada una de ellas, pincha en el smbolo de lainterrogacin que encontrars junto a su ttulo.

3. Tu primera pantalla

Pincha en Screen 1en la seccin Components. En la columna de la derecha se listarnsuspropiedades. Establece una imagen de fondo cargndola conBackgroundImage.Para que no se distorsione, es conveniente que utilices un fondo plano o alguno de lostamaos por defecto para este tipo de pantallas. Carga tambin otra imagen en Iconpara que sirva de grfico identificativo de la aplicacin y marca en Scrollablesideseas permitir el uso del scroll.

Ahora, aade un botn arrastrando hacia la pantalla el elementoBasic/Button.Seleccinalo en Componentsy agrega una imagen desdeImage. Elimina el texto pordefecto Text for Button 1que aparece en el recuadro Texty escoge una forma enShape; puedes decidir entre circular, rectangular u oval. Incluyamos tambin una cajade texto conBasic/TextBoxcon la leyendaPincha sobre el icono.


22/28

Por ltimo, si quieres redistribuir las formas en la pantalla, juega con las opciones deScreen Arrangement. Crea una tabla con TableArragemento establece la alineacinhorizontal o vertical de varios elementos conHorizontalArrangementy Vertical-Arrangement, respectivamente.

4. Elementos no visibles

Se denominan no visibles porque no se muestran fsicamente en el panel de diseo,como por ejemplo los archivos de sonido. Prueba a agregar un fichero a travs de laopcin SourceenMedia/Sound. El procedimiento para agregar estos elementos es elmismo que para aquellos visibles: arrstralo hacia el visor.

Aparecern listados en la parte inferior del panel, bajo el epgrafe Non-visiblecomponents. Otros elementos similares son Camera, Camcorder oPlayer, al igualque todos los incluidos en la seccinLEGO MINDSTORMS. Esta ltima incluyecomponentes, registrados bajo la marcaLego,que te permitirn construir juegos derobtica.
http://www.lego.com/http://www.lego.com/http://www.lego.com/http://www.lego.com/


23/28

5. Editor de bloques

Antes de continuar introduciendo elementos, vamos a ilustrar el procedimiento pararelacionarlos entre s, utilizando para ello el botn que hemos creado y el fichero desonido cargado. Pincha en Open the Blocks Editor. Se generar un fichero Javaconextensin JNLPque debers guardar en tu PC. brelo y acceders al editor debloques. Acude ahora a la pestaaMy Blocksy vers la lista de todos los bloques quehayas aadido en el panel de diseo.

SeleccionaButton 1y observa sus opciones, que aparecern en forma depiezas depuzzle. Hay tipos de piezas que indican acciones y otras para componentes. Tu misines encajarlas para conseguir el comportamiento deseado. Probemos a establecer queal pinchar sobre nuestro botn se reproduzca nuestro fichero de msica. Para ello, uneen el editor los bloquesButton1.Clickcon Sound1.Playy listo.


24/28

6. Utiliza el emulador

Gracias al emulador, podremos desarrollar nuestras aplicaciones incluso si nocontamos con un smartphoneo es de otra marca, y chequear su correctofuncionamiento. En el editor de bloques, pincha enNew emulatory se desplegar untelfono Androidtpico. Para conectar el editor con el telfono, pincha en Connect to


25/28

Devicey selecciona el emulador. La transferencia de informacin puede llegar atardar dos o tres minutos, as que ten paciencia. Despus, accede al men deaplicaciones como si de un dispositivo real se tratara y prueba la tuya.

El procedimiento para utilizar un mvil Androiddesde el editor es anlogo.Conctalo al ordenador mediante un puerto USB y, antes de iniciar la simulacin,comprueba que tu configuracin est habilitada para hacer este tipo de uso deltelfono. Para ello, sigue los pasos que encontrars en lapgina oficialde laaplicacin. Recuerda que por ahora los archivos se encuentran exclusivamente en tuordenador.

7. Crea una lista

Volvamos al panel de diseo para aadir el elemento ListPicker, que permite laeleccin entre una serie de opciones. Este est asociado a un botn, con el que

invitaremos al usuario a escoger entre la lista. Nosotros haremos la nuestra propia conlos nmeros de PC Actual. Despus acude al editor de bloques para crear unavariable global, en nuestro casoNmeros, conBuilt-in/Definition/Variable. Luego,agrega el bloqueMake a list, que encontrars enBuilt-in/Definition/Lists, para definirvarias posibilidades para la variable global.

Finalmente, incluiremos bloques Textcon tantas cadenas de texto como valores atomar. Cuando termines, debes indicar que, cuando se cargue la pantalla inicialScreen1, se inicialice la lista creada. Para ello, une un bloqueMyBlocks/Screen1/Screen1.Initializecon otroMy Blocks/ListPicker1.Elementsy este a
http://appinventor.mit.edu/explore/content/setup-android-phone-usb.htmlhttp://appinventor.mit.edu/explore/content/setup-android-phone-usb.htmlhttp://appinventor.mit.edu/explore/content/setup-android-phone-usb.htmlhttp://appinventor.mit.edu/explore/content/setup-android-phone-usb.html


26/28

su vez con nuestra variable global a travs de My Blocks/My Definitions/globalNumeros.

Cuando el usuario abra la aplicacin y pinche en nuestro botn Escoge un nmero, se

mostrarn ante l los nmeros de la revista que hayamos determinado. Para indicar laaccin a realizar despus, puedes utilizar el bloque MyBlocks/ListPicker1.AfterPicking.

8. Empaqueta tu app

Siguiendo procedimientos similares a los explicados, poco a poco, puedes iraadiendo nuevas funciones. En el panel de diseo, pincha en Add Screensi quieresque tu aplicacin contenga ms de una pantalla. No olvides guardar peridicamente eltrabajo con Savey establecer un punto al que retornar cuando consigas un hito atravs de Checkpoint. Cuando consideres que has finalizado la app, busca en la

esquina superior derecha el menPackage for Phone.Encontrars tres opciones. La primer, Show barcodegenerar un cdigo QRasociadoa tu cuenta y aplicacin y para tu uso propio. Para bajarte el programa a tu ordenador,escogeDownload to this computery el cdigo fuente se guardar en forma dearchivo APK. Para descargarla en tu telfono inteligente, opta porDownload toConnected Phoney recuerda que necesitars tener el editor de bloques abierto, ascomo el dispositivo conectado a tu PC mediante el puerto USB.


27/28

9. Publcala en Google Play Store

La publicacin de tu aplicacin no es un paso obligatorio, pero si optas por abrirla algran pblico, debes saber que para publicarla enGoogle Play Storedebe contener

tanto un cdigo como un nombre de versin. El primero es un nmero entero queindica si la app ha sido actualizada a una versin superior o inferior.

El segundo es una cadena de texto que tpicamente especifica esta misma informacincomo 1.0, 2.0, etc. Podrs definir ambos en el panel de diseo, en los apartadosVersionCodey VersionName, y debers actualizarlo cada vez que quieras subir unanueva versin a la Red. Despus, debers descargar, como ya te hemos explicado enel paso anterior, el archivo APKen tu ordenador.

Por ltimo, enlaza con Google Play Storeen

https://play.google.com/apps/publish/signupy sigue las instrucciones paraintroducir tus datos como desarrollador, cargar el fichero en la plataforma, definir unadescripcin y establecer un precio. La cuenta de desarrolladorestiene una cuota deregistro de 25 dlares. No olvides tampoco consultar la poltica de comisiones deGoogleen caso de que tu app no sea gratuita.
http://play.google.com/http://play.google.com/http://play.google.com/https://play.google.com/apps/publish/signuphttps://play.google.com/apps/publish/signuphttps://play.google.com/apps/publish/signuphttp://play.google.com/


28/28

App Inventor

Caractersticas: Entorno visual para creacin deaplicaciones Android Contacto:MIT App Inventor Lo mejor: Su gran variedad de funciones y posibilidades Lo peor: Dominar todas sus caractersticas no resulta sencillo Valoracin: 8,5 Calidad /Precio: 8,5 Precio: Gratuito
http://appinventor.mit.edu/http://appinventor.mit.edu/http://appinventor.mit.edu/http://appinventor.mit.edu/

tutores y editores on

Documents